@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Nunito+Sans:wght@400;500;600;700;800;900&family=Playfair+Display:wght@600;700&display=swap";.home-page .home-hero{display:grid;gap:24px;border-bottom:1px solid hsl(var(--border));padding-bottom:28px}@media(min-width:1280px){.home-page .home-hero{grid-template-columns:minmax(0,.9fr) minmax(560px,1.35fr);align-items:center}}.home-page .home-hero h1{margin-top:0}.home-cta-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.home-media-row{display:grid;min-width:0;gap:16px}@media(min-width:640px){.home-media-row{grid-template-columns:minmax(180px,.85fr) minmax(0,1.15fr)}}.home-video-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:170px;border:1px dashed hsl(var(--border));border-radius:12px;background:hsl(var(--card) / .7);padding:18px;color:hsl(var(--muted-foreground));font-size:16px;line-height:1.5;text-align:center}.home-video-placeholder svg{flex:0 0 auto;color:hsl(var(--primary))}.home-video-placeholder strong{display:block;margin-bottom:4px;color:hsl(var(--foreground))}.home-page .home-callout{display:grid;grid-template-columns:minmax(0,1fr) 140px;align-items:center;gap:16px;padding:16px}.home-callout-text{min-width:0;text-align:left}.home-callout-title{margin:0;font-size:clamp(23px,1.8vw,26px);font-weight:800;line-height:1.2}.home-callout-copy{margin:12px 0 0;font-size:20px;line-height:1.45;color:hsl(var(--foreground) / .85)}.home-page .home-sample{width:140px;max-width:100%}.home-sample .fingering-art-frame{height:280px;min-height:0}.home-sample .fingering-art-img{height:280px;object-fit:contain}.home-sample .fingering-lyric{font-size:18px}.home-sample .fingering-note-name{font-size:22px;font-weight:800;margin:4px 0 8px}@media(max-width:359px){.home-page .home-callout{grid-template-columns:minmax(0,1fr)}.home-page .home-sample{justify-self:center}}.home-page a.home-action{background:#17834a;border-color:#116b3b;color:#fbfaf5;font-size:14px;font-weight:800!important}.home-page a.home-action:hover{background:#12733f;color:#fff}.home-page a.home-action:focus-visible{outline:3px solid #32a867;outline-offset:3px}.home-mission-row{display:grid;align-items:center;gap:24px;margin-top:36px}@media(min-width:1024px){.home-mission-row{grid-template-columns:minmax(0,1.45fr) minmax(300px,1fr);gap:40px}}.home-collection-link{max-width:540px;text-decoration:none;transition:box-shadow .16s ease}.home-collection-link:hover{box-shadow:0 0 0 3px hsl(var(--accent) / .5)}.home-collection-link:focus-visible{outline:3px solid hsl(var(--accent));outline-offset:4px}.home-collection-title{font-size:20px;font-weight:800;color:#e9c889}.home-collection-link .count-primary{padding:20px}.home-collection-link .count-primary strong{margin-top:6px;font-size:54px}.home-collection-link .count-primary>span:last-child{font-size:16px}.home-collection-link .count-secondary{padding:16px}.home-collection-link .count-secondary div{flex-wrap:wrap;gap:4px 10px}.home-collection-link .count-secondary span{font-size:14px;font-weight:700;letter-spacing:.04em}.home-collection-link .count-secondary strong{font-size:28px}.home-page a.home-action.home-action-suggest{background:#2563a8;border-color:#1d4f88;color:#fbfaf5}.home-page a.home-action.home-action-suggest:hover{background:#1d548f;color:#fff}.home-page a.home-action.home-action-suggest:focus-visible{outline-color:#5b93d1}.home-sample-row{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;margin-top:28px;align-items:start}.home-chart-example{min-width:0;width:100%;max-width:580px;margin-inline:auto;scroll-margin-top:132px}@media(max-width:1000px){.home-chart-example{scroll-margin-top:180px}}@media(max-width:620px){.home-chart-example{scroll-margin-top:244px}}.home-chart-paper{width:100%;min-width:0}.home-chart-paper .sheet-scroll{overflow:visible}.home-sample-aside{display:grid;gap:24px;min-width:0}.home-bottom-row{display:grid;gap:24px;margin-top:32px;align-items:center}@media(min-width:1000px){.home-sample-row{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.home-bottom-row{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}}.library-layout{display:grid;gap:22px;margin-top:16px}.library-layout.has-drafts{grid-template-columns:minmax(0,1fr)}@media(min-width:1024px){.library-layout.has-drafts{grid-template-columns:minmax(0,1fr) minmax(300px,360px);align-items:start}}.title-list{display:flex;flex-direction:column;border-top:1px solid hsl(var(--border))}.title-row{border-bottom:1px solid hsl(var(--border))}.title-row-head{display:flex;align-items:center;gap:10px;min-height:46px}.title-row-toggle{display:flex;flex:1;min-width:0;align-items:center;justify-content:space-between;gap:10px;padding:10px 4px;background:transparent;text-align:left;cursor:pointer;font-size:15px;color:hsl(var(--foreground))}.title-row-toggle:hover{color:hsl(var(--accent))}.title-row-toggle .title-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.title-row-toggle svg{flex:0 0 auto;transition:transform .16s ease;color:hsl(var(--muted-foreground))}.title-row.is-open .title-row-toggle svg{transform:rotate(90deg)}.title-row-body{display:flex;flex-direction:column;gap:8px;padding:2px 4px 14px;animation:page-enter .22s ease-out both}.title-row-option{display:flex;flex-wrap:wrap;align-items:center;gap:8px;border-radius:10px;background:hsl(var(--card));border:1px solid hsl(var(--border));padding:8px 10px;font-size:12px}.admin-drafts{border:1px solid hsl(var(--destructive) / .3);border-radius:16px;background:hsl(var(--card));padding:14px}@media(min-width:1024px){.admin-drafts{position:sticky;top:calc(var(--header-h, 80px) + 12px);max-height:calc(100dvh - var(--header-h, 80px) - 24px);overflow-y:auto}}.admin-drafts-title{color:hsl(var(--destructive));font-family:var(--app-font-mono);font-size:12px;letter-spacing:.18em;font-weight:700}.admin-draft-item{display:flex;flex-direction:column;gap:7px;border-top:1px solid hsl(var(--border));padding:10px 0}.admin-draft-item:first-of-type{border-top:0}.admin-draft-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.admin-draft-actions select{border:1px solid hsl(var(--border));border-radius:8px;background:hsl(var(--background));padding:6px;font-size:12px}.admin-draft-actions .button-small{min-height:34px;padding:0 10px;font-size:12px}.access-note{border-left:3px solid hsl(var(--accent));border-radius:0 10px 10px 0;background:hsl(var(--accent) / .07);padding:10px 14px;font-size:13px;line-height:1.6;color:hsl(var(--foreground))}.access-note a{text-decoration:underline;font-weight:700}.letter-bar.library-letter-filter{position:static;margin:8px 0 0;padding:4px 0;border:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.library-letter-filter button{min-width:28px;height:32px;padding-inline:5px;font-size:14px;font-weight:800}.library-letter-filter button.is-active{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.chart-workspace{--chart-guide-scale: calc(1.82 * var(--sheet-zoom, 1));--chart-guide-width: calc(190px * var(--chart-guide-scale));container:chart-workspace / inline-size;width:100%;min-width:0}.chart-workspace-viewport{width:100%;min-width:0}@media screen{.chart-edit-surface{background:#eedfe5;border-radius:14px}.compact-chart-create.chart-edit-surface{padding:12px}.chart-edit-surface :is(.sheet-main-player,.main-player,.practice-panel,.form-panel,.creator-panel,.sheet-note-dock){background-color:#f8eef2;border-color:#c99baa}}.chart-workspace-viewport:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:-2px}.chart-workspace-grid{display:grid;grid-template-areas:"guide" "main" "save";grid-template-columns:minmax(0,1fr);align-items:start;gap:10px;margin-inline:auto}.chart-workspace-main{grid-area:main;min-width:0;max-width:100%}.chart-workspace-main>.focus-toolbar{width:min(100%,var(--sheet-w, 640px));margin-inline:auto;box-sizing:border-box}.chart-workspace .chart-match-panel{width:100%;min-width:0;box-sizing:border-box;background:#e8d8bf;border-color:#cdb797}@media screen{.chart-match-paper{width:100%;min-width:0}.focus-sheet .chart-match-panel .chart-match-paper .sheet-stack{width:100%;min-width:0;max-width:100%;overflow-x:visible}.focus-sheet .chart-match-panel .chart-match-paper .sheet-scroll{width:100%;max-width:var(--sheet-w, 816px);min-width:0;margin-inline:auto}}.chart-workspace[data-guide=true] .chart-workspace-grid{grid-template-areas:"guide main" "save save";grid-template-columns:var(--chart-guide-width) minmax(0,1fr);column-gap:12px}.chart-workspace-controls{container:chart-controls / inline-size;width:min(100%,var(--sheet-w, 640px));margin:0 auto 4px;min-width:0}.chart-guide-rail{grid-area:guide;min-width:0}.chart-save-rail{grid-area:save;min-width:0}.chart-save-rail .save-panel{padding:14px;border-radius:12px}.chart-save-rail .save-panel .button-save{min-height:40px}.chart-save-rail .save-panel p,.chart-save-rail .save-panel span{overflow-wrap:anywhere}.chart-save-rail .save-panel .mt-5{margin-top:12px}.chart-save-rail .save-panel .pt-5{padding-top:12px}.chart-key-guide{display:grid;grid-template-columns:minmax(0,1fr) 64px;align-items:center;gap:6px 12px;padding:10px 12px;border:1px solid hsl(var(--border));border-radius:12px;background:hsl(var(--card))}.chart-key-guide-heading{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0}.chart-key-guide-heading h3{font-size:16px;font-weight:700}.chart-key-guide-heading .tier-badge{font-size:14px}.chart-key-guide-art{grid-column:2;grid-row:1 / span 2;border-radius:6px;background:#fff;padding:3px;width:100%;cursor:zoom-in}.chart-key-guide-art:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:3px}.chart-key-guide-art img{display:block;width:100%;height:auto}.chart-key-guide-caption,.chart-key-guide-error{font-size:14px;line-height:1.4;color:hsl(var(--muted-foreground))}.chart-key-guide-error{grid-column:1 / -1;color:hsl(var(--destructive))}.chart-workspace-main .sheet-stack{align-items:flex-start;width:100%;min-width:0;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.chart-workspace-main .sheet-scroll{margin-inline:auto}.focus-sheet .chart-workspace .sheet-scroll{width:var(--sheet-w)}.chart-workspace-main .sheet-main-player{position:sticky;left:0;margin-inline:0;width:min(var(--sheet-controls-width, 100%),var(--sheet-w, 640px));max-width:var(--sheet-controls-width, 100%)}@container chart-workspace (min-width: 800px){.chart-workspace[data-guide=true][data-save=false] .chart-workspace-grid{grid-template-areas:"guide main";grid-template-columns:var(--chart-guide-width) minmax(0,1fr);max-width:calc(var(--sheet-w, 640px) + var(--chart-guide-width) + 12px);column-gap:12px}.chart-workspace[data-guide=false][data-save=true] .chart-workspace-grid{grid-template-areas:"main save";grid-template-columns:minmax(0,1fr) 216px;max-width:calc(var(--sheet-w, 640px) + 228px);column-gap:12px}.chart-workspace[data-save=false] .chart-guide-rail{align-self:stretch;padding-top:var(--chart-rail-offset, 0px)}.chart-workspace[data-save=false] .chart-guide-sticky{position:sticky;top:88px}.chart-workspace[data-save=false] .chart-key-guide{display:flex;flex-direction:column;align-items:stretch;padding:12px}.chart-workspace[data-save=false] .chart-key-guide-art{padding:5px}.chart-workspace[data-save=false] .chart-key-guide-caption{text-align:center}.chart-workspace[data-guide=false] .chart-save-rail{margin-top:var(--chart-rail-offset, 0px)}}@container chart-workspace (min-width: 980px){.chart-workspace[data-guide=true][data-save=true] .chart-workspace-grid{grid-template-areas:"guide main save";grid-template-columns:var(--chart-guide-width) minmax(0,1fr) 216px;max-width:calc(var(--sheet-w, 640px) + var(--chart-guide-width) + 240px);column-gap:12px}.chart-guide-rail{align-self:stretch;padding-top:var(--chart-rail-offset, 0px)}.chart-guide-sticky{position:sticky;top:88px}.chart-save-rail{margin-top:var(--chart-rail-offset, 0px)}.chart-key-guide{display:flex;flex-direction:column;align-items:stretch;padding:12px}.chart-key-guide-art{padding:5px}.chart-key-guide-caption{text-align:center}}.chart-workspace .chart-guide-sticky{width:var(--chart-guide-width);margin-inline:auto}.chart-workspace .chart-key-guide{display:flex;flex-direction:column;align-items:stretch;width:var(--chart-guide-width);padding:calc(12px * var(--chart-guide-scale))}.chart-workspace .chart-key-guide .chart-key-guide-art{width:calc(154px * var(--chart-guide-scale));max-width:none;align-self:center;padding:0}.chart-workspace .chart-key-guide-caption{text-align:center}@media screen and (min-width:1100px){.chart-workspace[data-editor-space=true] .chart-workspace-grid{grid-template-areas:"main .";grid-template-columns:minmax(0,1fr) 200px;max-width:calc(var(--sheet-w, 640px) + 212px);column-gap:12px}.chart-workspace[data-editor-space=true][data-guide=true] .chart-workspace-grid{grid-template-areas:"guide main .";grid-template-columns:var(--chart-guide-width) minmax(0,1fr) 200px;max-width:calc(var(--sheet-w, 640px) + var(--chart-guide-width) + 224px)}}@container chart-workspace (max-width: 799px){.chart-workspace-viewport{overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.chart-workspace[data-guide=true] .chart-workspace-main .sheet-stack{overscroll-behavior-x:auto}.chart-workspace-grid{margin-inline:0}.chart-workspace[data-guide=true] .chart-workspace-grid{min-width:calc(var(--chart-guide-width) + 12px + min(var(--sheet-w, 640px),360px,100cqw));grid-template-columns:var(--chart-guide-width) minmax(min(var(--sheet-w, 640px),360px,100cqw),1fr)}}@container chart-controls (max-width: 640px){.song-key-grid{grid-template-columns:minmax(0,1fr)}.song-key-cell-wide{grid-column:auto}.song-key-cell+.song-key-cell{border-left:0;padding-left:0}}@media print{.chart-workspace{container-type:normal}.chart-workspace,.chart-workspace-viewport,.chart-workspace-grid,.chart-workspace-main{display:contents!important}.chart-guide-rail,.chart-save-rail,.chart-workspace-controls{display:none!important}.chart-workspace-main .sheet-stack{overflow:visible!important;width:auto;max-width:none}}.song-key-panel{border:1px solid hsl(var(--border));background:hsl(var(--card));border-radius:16px;padding:14px 16px}.song-key-grid{display:grid;gap:14px;grid-template-columns:1fr}@media(min-width:720px){.song-key-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.4fr)}}@media(min-width:720px){.song-key-cell-wide{grid-column:span 2}}.song-key-cell{display:flex;flex-direction:column;gap:6px;min-width:0}.song-key-cell-strong{padding-left:0}@media(min-width:720px){.song-key-cell+.song-key-cell{border-left:1px solid hsl(var(--border));padding-left:14px}}.song-key-label{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:hsl(var(--muted-foreground));font-family:var(--font-mono, ui-monospace, monospace)}.song-key-label small{font-size:10px;letter-spacing:.06em;text-transform:none}.song-key-value{font-family:var(--font-display, serif);font-size:1.35rem;line-height:1.1}.song-key-tag{align-self:flex-start;font-size:11px;border-radius:999px;padding:2px 8px;background:hsl(var(--accent) / .14);color:hsl(var(--accent))}.song-key-select,.song-key-correct select{min-height:44px;border-radius:10px;border:1px solid hsl(var(--border));background:hsl(var(--background));padding:0 10px;font-size:1rem}.song-key-correct{display:flex;flex-direction:column;gap:4px;font-size:12px}.song-key-link{align-self:flex-start;display:inline-flex;align-items:center;gap:4px;font-size:12px;text-decoration:underline;text-underline-offset:3px;color:hsl(var(--muted-foreground));min-height:32px}.song-key-link:disabled{opacity:.45;text-decoration:none}.song-sax-choice{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;background:hsl(var(--muted));border-radius:12px;padding:4px}.song-sax-choice button{min-height:40px;border-radius:9px;font-size:13px;font-weight:600;color:hsl(var(--muted-foreground));transition:background-color .15s,color .15s}.song-sax-choice button.is-active{background:hsl(var(--background));color:hsl(var(--foreground));box-shadow:0 1px 3px hsl(var(--foreground) / .12)}.song-key-written{font-size:12.5px;color:hsl(var(--muted-foreground))}.song-key-written strong{color:hsl(var(--foreground))}.song-range{margin-top:12px;border-radius:12px;padding:10px 12px;background:hsl(var(--accent) / .1);font-size:13px}.song-range p{display:flex;gap:6px;align-items:flex-start}.song-range-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.song-range-actions button{min-height:38px;padding:0 12px;border-radius:999px;border:1px solid hsl(var(--border));background:hsl(var(--background));font-size:12.5px}.song-key-extra{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px;align-items:center}.direct-entry{display:flex;flex-direction:column;gap:8px;min-width:0}.direct-entry-head{display:flex;flex-direction:column;gap:1px}.direct-entry-label{font-weight:700;font-size:13px}.direct-entry-hint{font-size:11px;color:hsl(var(--muted-foreground))}.direct-entry-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.direct-entry-letters{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}.direct-entry button{min-height:40px;min-width:40px;border-radius:9px;border:1px solid hsl(var(--border));background:hsl(var(--background));font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:3px;padding:0 8px}.direct-entry-letters button{min-width:0;padding:0;font-weight:600}.direct-entry button.is-active{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-color:transparent}.direct-entry button:disabled{opacity:.4}.direct-entry-group{display:inline-flex;align-items:center;gap:3px}.direct-entry-octave{min-width:22px;text-align:center;font-family:var(--font-mono, ui-monospace, monospace);font-size:13px}.direct-entry-status{font-size:10px;color:hsl(var(--muted-foreground));min-height:16px}.direct-entry-pitch-tools{flex-wrap:nowrap;justify-content:space-between;gap:12px}.direct-entry-pitch-tools .direct-entry-group{flex-wrap:nowrap;gap:3px}.direct-entry-pitch-tools button{width:30px;min-width:0;padding:0;flex-shrink:0}.direct-entry-label{white-space:nowrap}.new-note-rhythm{display:flex;align-items:center;gap:8px}.new-note-rhythm select{min-width:0;flex:1;border:1px solid hsl(var(--border));border-radius:6px;padding:4px 6px;background:hsl(var(--background));font:inherit;font-size:12px}.new-note-dot{display:flex;align-items:center;gap:5px;margin-top:5px;font-size:11px;white-space:nowrap}.direct-entry .sheet-rhythm-controls{margin:0}.manual-melody-flow{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;margin-bottom:8px;padding:10px 12px;border:1px solid #c9b998;border-radius:9px;background:#fffaf0;font-size:14px}.manual-melody-flow p{margin:3px 0 0;font-size:13px}.manual-melody-flow>.key-confirmation{flex:1 1 360px;min-width:0;margin:0}.manual-melody-flow .song-sax-choice{flex-wrap:wrap}.manual-melody-flow .song-sax-choice button{min-width:110px;font-weight:800}.direct-entry .rhythm-value-control,.sheet-rhythm-controls .rhythm-value-control{display:flex;align-items:flex-end;gap:8px;padding:7px;border:1px solid #c9b998;border-radius:7px;background:#fff7e7}.direct-entry .rhythm-value-label,.sheet-rhythm-controls .rhythm-value-label{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px;font-size:14px;font-weight:800}.direct-entry .rhythm-value-label select,.sheet-rhythm-controls .rhythm-value-label select{width:100%;min-width:0;min-height:32px;font:inherit;font-size:14px;font-weight:700;padding:4px;border:1px solid #b8a889;border-radius:5px;background:#fff}.direct-entry .rhythm-dot,.sheet-rhythm-controls .rhythm-dot{display:flex;align-items:center;gap:4px;margin-bottom:7px;font-size:13px;font-weight:700;white-space:nowrap}.rhythm-kind-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px}.rhythm-kind-actions label{display:flex;align-items:center;gap:4px;font-size:12px;white-space:nowrap}.fingering-rest-label{display:flex;flex-direction:column;align-items:center}.fingering-rest-value{display:block;font-size:.9em;font-weight:400}.sheet-cell .fingering-note-name.fingering-rest-label{height:auto;line-height:calc(7 * var(--u));transform:translateY(calc(-7 * var(--u)))}.chart-mode-bar{position:relative;margin-block:4px}.chart-mode-bar [data-testid=text-autosave]:not(:empty){width:100%;text-align:center;font-size:11px}.practice-panel .song-key-select{width:108px;max-width:100%;min-height:36px;font-size:14px;font-weight:800;text-align:center}.practice-panel .song-key-label{display:flex;justify-content:center;align-items:center;min-height:28px;margin-bottom:2px;font-family:inherit;font-weight:800;font-size:14px;line-height:1.25;letter-spacing:0;text-transform:none;color:hsl(var(--foreground));text-align:center}.practice-key-controls,.practice-concert-controls{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;max-width:100%}.practice-key-controls .song-key-select,.practice-concert-controls .song-key-select{width:108px;max-width:100%;flex:0 1 108px;min-width:0}.practice-key-controls .practice-key{flex:0 1 108px}.practice-concert-controls{flex-wrap:wrap;gap:4px 10px}.practice-concert-controls .practice-match-toggle{white-space:nowrap}.song-octave-controls{display:inline-flex;flex:0 0 auto;gap:4px}.song-octave-controls button{display:inline-flex;align-items:center;justify-content:center;gap:2px;min-height:36px;padding:0 7px;border:1px solid hsl(var(--border));border-radius:8px;background:hsl(var(--background));font-size:12px;font-weight:700}.song-octave-controls button:disabled{opacity:.4;cursor:not-allowed}.song-octave-controls button:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px}.song-octave-controls button:active:not(:disabled){background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.song-key-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.song-key-controls .song-key-select{width:108px;max-width:100%;min-width:0}.practice-panel .song-sax-choice[role=radiogroup]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:220px;gap:4px;padding:3px}.practice-panel .song-sax-choice button[data-sax]{min-height:32px;min-width:0;padding:4px 5px;font-size:13px;font-weight:800;white-space:nowrap}.sheet-main-player>.sheet-page-controls{padding:0;margin-top:4px;background:none;border:0}.sheet-page-controls .sheet-phrase-tools{gap:6px;padding:0}.sheet-phrase-tools .button-secondary.button-small{min-height:26px;padding:3px 8px;font-size:11px;border-radius:6px}.sheet-phrase-tools .sheet-clipboard-hint{margin:0;padding:0;font-size:11px}@media(max-width:640px){.main-player .main-player-btn,.main-player .main-player-play,.practice-panel .song-sax-choice button,.practice-panel .practice-match-toggle,.practice-panel .song-key-link,.practice-panel .song-key-select,.practice-panel .practice-semis button,.song-octave-controls button{min-height:40px}.sheet-phrase-tools .button-secondary.button-small{min-height:36px}}.direct-entry .sheet-rhythm-controls>label{font-size:11px;white-space:nowrap}.direct-entry-status.is-error{color:hsl(var(--destructive))}.direct-entry-actions{display:flex;flex-wrap:wrap;gap:5px}.direct-entry-actions button.is-primary{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-color:transparent}.direct-entry-actions button.is-danger{color:hsl(var(--destructive))}.direct-note-input{width:100%;min-height:44px;border-radius:10px;border:1.5px solid hsl(var(--border));background:hsl(var(--background));text-align:center;font-family:var(--font-mono, ui-monospace, monospace);font-size:18px;font-weight:600;letter-spacing:.04em}.direct-note-input:focus{outline:none;border-color:hsl(var(--primary));box-shadow:0 0 0 3px hsl(var(--primary) / .18)}.direct-note-input.is-invalid{border-color:hsl(var(--destructive))}.sheet-entry-cell{cursor:text}.sheet-entry-frame{position:relative;margin:0 auto;width:92%;height:calc(var(--sheet-sax-height) * var(--u));margin-top:calc(var(--sheet-image-top) * var(--u));border:1.5px dashed hsl(var(--primary) / .45);border-radius:calc(6 * var(--u));display:flex;align-items:center;justify-content:center;text-align:center;color:hsl(var(--muted-foreground));font-size:calc(7 * var(--u));line-height:1.3;padding:calc(4 * var(--u));background:hsl(var(--primary) / .04)}.sheet-entry-cell.is-active .sheet-entry-frame{border-style:solid;border-color:hsl(var(--primary));background:hsl(var(--primary) / .07)}.sheet-entry-input{display:block;margin:calc(4 * var(--u)) auto 0;width:92%;min-height:0;height:calc(18 * var(--u));min-width:40px;font-size:max(12px,calc(10 * var(--u)));border-radius:calc(4 * var(--u));padding:0}.sheet-entry-cell .fingering-art{pointer-events:none}.sheet-stack:has(.sheet-cell-editable){overflow-anchor:none}.note-tie-control{display:inline-flex;align-items:center;gap:5px;font-weight:700;white-space:nowrap}.sheet-cell-editable .fingering-tie-continuation .fingering-art-frame{outline:1px dashed #bbc5bf;outline-offset:-6px;opacity:.55}@media print{.sheet-cell-editable .fingering-tie-continuation .fingering-art-frame{outline:none}}.sheet-cell .direct-cell-badge{position:absolute;top:2px;left:50%;transform:translate(-50%);z-index:2;font-size:10px;padding:1px 6px;border-radius:999px;background:hsl(var(--destructive) / .12);color:hsl(var(--destructive));white-space:nowrap;pointer-events:none}@media print{.sheet-entry-cell{display:none}}.sheet-art-select{appearance:none;display:block;width:100%;min-width:0;padding:0;margin:0;border:0;background:transparent;color:inherit;font:inherit;line-height:inherit;cursor:inherit}.sheet-art-select:focus-visible{outline:1px solid hsl(var(--primary));outline-offset:2px}@media print{.sheet-page .sheet-art-select{display:block!important}}.input-method-choice[data-method]{border-width:1.5px;transition:background-color .15s,color .15s}.input-method-choice[data-method=audio]{--m-tint: 0 70% 95%;--m-ink: 0 62% 32%;--m-solid: 0 62% 40%}.input-method-choice[data-method=sheet]{--m-tint: 212 75% 95%;--m-ink: 212 70% 30%;--m-solid: 212 65% 38%}.input-method-choice[data-method=manual]{--m-tint: 145 45% 93%;--m-ink: 145 55% 22%;--m-solid: 145 50% 28%}.input-method-choice[data-method]{background:hsl(var(--m-tint));color:hsl(var(--m-ink));border-color:hsl(var(--m-ink) / .35)}.input-method-choice[data-method]:hover{border-color:hsl(var(--m-ink))}.input-method-choice[data-selected=true]{background:hsl(var(--m-solid));color:#faf8f4;border-color:hsl(var(--m-solid));font-weight:700;box-shadow:inset 0 -3px hsl(var(--m-ink))}.input-method-choice[aria-disabled=true]{opacity:.55;cursor:not-allowed}.input-method-choice:focus-visible{outline:2px solid hsl(var(--m-ink));outline-offset:2px}.sheet-page-controls{margin-top:.4rem;padding:.35rem .5rem;border-radius:.5rem;background:#f9efdc;border:1px solid hsl(35 55% 70%);color:#51381f;font-size:.8rem}.sheet-main-player>.sheet-page-controls{margin-bottom:0}.sheet-main-player{padding:.25rem;border:1px solid hsl(var(--border));border-radius:1rem;background:hsl(var(--background))}.sheet-main-player>.main-player{margin:0;border:0;box-shadow:none;background:transparent}.sheet-main-player>.sheet-page-controls{border-radius:.6rem}.sheet-selected-play-anchor{position:absolute;top:calc(var(--sheet-lyric-top) * var(--u) - 38px);transform:translate(-50%);display:flex;align-items:center;gap:4px;width:max-content;z-index:8}.sheet-selected-play{display:inline-flex;align-items:center;gap:4px;height:34px;border:1px solid #28603c;border-radius:6px;background:#287c48;color:#fff;padding:3px 7px;font:800 13px/1.2 var(--app-font-sans);white-space:nowrap}.sheet-selected-play:hover{background:#1c6035}.sheet-selected-play:focus-visible{outline:3px solid #83bb93;outline-offset:2px}.sheet-selected-play-anchor .sheet-move-handle{position:static;transform:none;opacity:1;width:22px;height:30px;flex:0 0 22px;background:#fff}@media screen{.sheet-page.has-selected-play{aspect-ratio:auto}.sheet-playback-clearance{height:calc(792 * var(--u) + var(--sheet-selection-extra));pointer-events:none}.sheet-row.after-selected-play{transform:translateY(var(--sheet-selection-extra))}}@media print{.sheet-selected-play-anchor,.sheet-playback-clearance{display:none!important}}@layer properties;@layer theme,base,clerk,components,utilities;@layer theme,base,components,utilities;@layer theme{:root,:host{--font-sans: var(--app-font-sans);--font-mono: var(--app-font-mono);--color-red-50: oklch(97.1% .013 17.38);--color-red-100: oklch(93.6% .032 17.717);--color-red-300: oklch(80.8% .114 19.571);--color-red-400: oklch(70.4% .191 22.216);--color-red-500: oklch(63.7% .237 25.331);--color-red-600: oklch(57.7% .245 27.325);--color-red-700: oklch(50.5% .213 27.518);--color-red-800: oklch(44.4% .177 26.899);--color-red-900: oklch(39.6% .141 25.723);--color-red-950: oklch(25.8% .092 26.042);--color-orange-900: oklch(40.8% .123 38.172);--color-amber-50: oklch(98.7% .022 95.277);--color-amber-100: oklch(96.2% .059 95.617);--color-amber-300: oklch(87.9% .169 91.605);--color-amber-500: oklch(76.9% .188 70.08);--color-amber-900: oklch(41.4% .112 45.904);--color-amber-950: oklch(27.9% .077 45.635);--color-green-100: oklch(96.2% .044 156.743);--color-green-700: oklch(52.7% .154 150.069);--color-green-800: oklch(44.8% .119 151.328);--color-emerald-50: oklch(97.9% .021 166.113);--color-emerald-200: oklch(90.5% .093 164.15);--color-emerald-700: oklch(50.8% .118 165.612);--color-gray-50: oklch(98.5% .002 247.839);--color-gray-100: oklch(96.7% .003 264.542);--color-gray-600: oklch(44.6% .03 256.802);--color-gray-700: oklch(37.3% .034 259.733);--color-gray-800: oklch(27.8% .033 256.848);--color-gray-900: oklch(21% .034 264.665);--color-black: #000;--color-white: #fff;--spacing: .25rem;--container-sm: 24rem;--container-md: 28rem;--container-lg: 32rem;--container-xl: 36rem;--container-2xl: 42rem;--container-3xl: 48rem;--container-4xl: 56rem;--container-5xl: 64rem;--text-xs: .75rem;--text-xs--line-height: calc(1 / .75);--text-sm: .875rem;--text-sm--line-height: calc(1.25 / .875);--text-base: 1rem;--text-base--line-height: 1.5 ;--text-lg: 1.125rem;--text-lg--line-height: calc(1.75 / 1.125);--text-xl: 1.25rem;--text-xl--line-height: calc(1.75 / 1.25);--text-2xl: 1.5rem;--text-2xl--line-height: calc(2 / 1.5);--text-3xl: 1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl: 2.25rem;--text-4xl--line-height: calc(2.5 / 2.25);--text-5xl: 3rem;--text-5xl--line-height: 1;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--tracking-tight: -.025em;--tracking-widest: .1em;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--radius-2xl: 1rem;--ease-in-out: cubic-bezier(.4, 0, .2, 1);--animate-spin: spin 1s linear infinite;--animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--aspect-video: 16 / 9;--default-transition-duration: .15s;--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);--default-font-family: var(--app-font-sans);--default-mono-font-family: var(--app-font-mono);--color-border: hsl(var(--border))}}@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings, normal);font-variation-settings:var(--default-font-variation-settings, normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings, normal);font-variation-settings:var(--default-mono-font-variation-settings, normal);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::placeholder{color:currentcolor}@supports (color: color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.\@container\/field-group{container-type:inline-size;container-name:field-group}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-width:0}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{inset-inline:0px}.inset-y-0{inset-block:0px}.-top-12{top:calc(var(--spacing) * -12)}.top-0{top:0}.top-1\.5{top:calc(var(--spacing) * 1.5)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.top-3\.5{top:calc(var(--spacing) * 3.5)}.top-4{top:calc(var(--spacing) * 4)}.top-\[1px\]{top:1px}.top-\[50\%\]{top:50%}.top-\[60\%\]{top:60%}.top-full{top:100%}.-right-12{right:calc(var(--spacing) * -12)}.right-0{right:0}.right-1{right:var(--spacing)}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.-bottom-12{bottom:calc(var(--spacing) * -12)}.bottom-0{bottom:0}.bottom-3{bottom:calc(var(--spacing) * 3)}.-left-12{left:calc(var(--spacing) * -12)}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing) * 2)}.left-3{left:calc(var(--spacing) * 3)}.left-\[50\%\]{left:50%}.isolate{isolation:isolate}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.z-\[1\]{z-index:1}.z-\[10000\]{z-index:10000}.z-\[10001\]{z-index:10001}.order-3{order:3}.order-first{order:-9999}.order-last{order:9999}.col-span-full{grid-column:1 / -1}.float-right{float:right}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.\!m-0{margin:0!important}.m-8{margin:calc(var(--spacing) * 8)}.m-auto{margin:auto}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-3\.5{margin-inline:calc(var(--spacing) * 3.5)}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mx-auto{margin-inline:auto}.-my-2{margin-block:calc(var(--spacing) * -2)}.my-0{margin-block:0px}.my-0\.5{margin-block:calc(var(--spacing) * .5)}.my-1{margin-block:var(--spacing)}.my-2{margin-block:calc(var(--spacing) * 2)}.my-3{margin-block:calc(var(--spacing) * 3)}.my-4{margin-block:calc(var(--spacing) * 4)}.my-5{margin-block:calc(var(--spacing) * 5)}.my-8{margin-block:calc(var(--spacing) * 8)}.-mt-1{margin-top:calc(var(--spacing) * -1)}.-mt-2{margin-top:calc(var(--spacing) * -2)}.-mt-4{margin-top:calc(var(--spacing) * -4)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-7{margin-top:calc(var(--spacing) * 7)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-9{margin-top:calc(var(--spacing) * 9)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-24{margin-top:calc(var(--spacing) * 24)}.mt-auto{margin-top:auto}.mr-1{margin-right:var(--spacing)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-7{margin-bottom:calc(var(--spacing) * 7)}.-ml-4{margin-left:calc(var(--spacing) * -4)}.ml-1{margin-left:var(--spacing)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-4{margin-left:calc(var(--spacing) * 4)}.ml-auto{margin-left:auto}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.\!block{display:block!important}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-square{aspect-ratio:1 / 1}.aspect-video{aspect-ratio:var(--aspect-video)}.size-2\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-16{width:calc(var(--spacing) * 16);height:calc(var(--spacing) * 16)}.size-\[--cell-size\]{width:--cell-size;height:--cell-size}.\!h-10{height:calc(var(--spacing) * 10)!important}.\!h-24{height:calc(var(--spacing) * 24)!important}.\!h-36{height:calc(var(--spacing) * 36)!important}.\!h-72{height:calc(var(--spacing) * 72)!important}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-20{height:calc(var(--spacing) * 20)}.h-24{height:calc(var(--spacing) * 24)}.h-40{height:calc(var(--spacing) * 40)}.h-48{height:calc(var(--spacing) * 48)}.h-64{height:calc(var(--spacing) * 64)}.h-\[--cell-size\]{height:--cell-size}.h-\[1px\]{height:1px}.h-\[46px\]{height:46px}.h-\[72px\]{height:72px}.h-\[76px\]{height:76px}.h-\[84px\]{height:84px}.h-\[90dvh\]{height:90dvh}.h-\[var\(--radix-navigation-menu-viewport-height\)\]{height:var(--radix-navigation-menu-viewport-height)}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.h-svh{height:100svh}.max-h-56{max-height:calc(var(--spacing) * 56)}.max-h-\[--radix-context-menu-content-available-height\]{max-height:--radix-context-menu-content-available-height}.max-h-\[--radix-select-content-available-height\]{max-height:--radix-select-content-available-height}.max-h-\[85vh\]{max-height:85vh}.max-h-\[90dvh\]{max-height:90dvh}.max-h-\[300px\]{max-height:300px}.max-h-\[960px\]{max-height:960px}.max-h-\[var\(--radix-dropdown-menu-content-available-height\)\]{max-height:var(--radix-dropdown-menu-content-available-height)}.\!min-h-8{min-height:calc(var(--spacing) * 8)!important}.\!min-h-\[140px\]{min-height:140px!important}.\!min-h-\[160px\]{min-height:160px!important}.\!min-h-\[180px\]{min-height:180px!important}.min-h-0{min-height:0px}.min-h-8{min-height:calc(var(--spacing) * 8)}.min-h-9{min-height:calc(var(--spacing) * 9)}.min-h-10{min-height:calc(var(--spacing) * 10)}.min-h-\[42px\]{min-height:42px}.min-h-\[48px\]{min-height:48px}.min-h-\[60px\]{min-height:60px}.min-h-\[65dvh\]{min-height:65dvh}.min-h-\[74px\]{min-height:74px}.min-h-\[100dvh\]{min-height:100dvh}.min-h-\[352px\]{min-height:352px}.min-h-screen{min-height:100vh}.min-h-svh{min-height:100svh}.\!w-9{width:calc(var(--spacing) * 9)!important}.\!w-auto{width:auto!important}.w-0{width:0px}.w-1{width:var(--spacing)}.w-2{width:calc(var(--spacing) * 2)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-12{width:calc(var(--spacing) * 12)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-28{width:calc(var(--spacing) * 28)}.w-32{width:calc(var(--spacing) * 32)}.w-44{width:calc(var(--spacing) * 44)}.w-48{width:calc(var(--spacing) * 48)}.w-52{width:calc(var(--spacing) * 52)}.w-56{width:calc(var(--spacing) * 56)}.w-64{width:calc(var(--spacing) * 64)}.w-72{width:calc(var(--spacing) * 72)}.w-80{width:calc(var(--spacing) * 80)}.w-\[--cell-size\]{width:--cell-size}.w-\[1px\]{width:1px}.w-\[100px\]{width:100px}.w-\[116px\]{width:116px}.w-\[148px\]{width:148px}.w-\[180px\]{width:180px}.w-\[440px\]{width:440px}.w-\[calc\(100\%-2rem\)\],.w-\[calc\(100\%_-_2rem\)\]{width:calc(100% - 2rem)}.w-\[var\(--sidebar-width\)\]{width:var(--sidebar-width)}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-64{max-width:calc(var(--spacing) * 64)}.max-w-\[220px\]{max-width:220px}.max-w-\[280px\]{max-width:280px}.max-w-\[400px\]{max-width:400px}.max-w-\[510px\]{max-width:510px}.max-w-\[640px\]{max-width:640px}.max-w-\[720px\]{max-width:720px}.max-w-\[900px\]{max-width:900px}.max-w-\[calc\(100vw-24px\)\]{max-width:calc(100vw - 24px)}.max-w-\[min\(220px\,45vw\)\]{max-width:min(220px,45vw)}.max-w-\[var\(--skeleton-width\)\]{max-width:var(--skeleton-width)}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-max{max-width:max-content}.max-w-md{max-width:var(--container-md)}.max-w-prose{max-width:65ch}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:0px}.min-w-5{min-width:calc(var(--spacing) * 5)}.min-w-8{min-width:calc(var(--spacing) * 8)}.min-w-9{min-width:calc(var(--spacing) * 9)}.min-w-10{min-width:calc(var(--spacing) * 10)}.min-w-16{min-width:calc(var(--spacing) * 16)}.min-w-24{min-width:calc(var(--spacing) * 24)}.min-w-\[--cell-size\]{min-width:--cell-size}.min-w-\[8rem\]{min-width:8rem}.min-w-\[12rem\]{min-width:12rem}.min-w-\[140px\]{min-width:140px}.min-w-\[180px\]{min-width:180px}.min-w-\[620px\]{min-width:620px}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.flex-1{flex:1}.flex-none{flex:none}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.basis-full{flex-basis:100%}.caption-bottom{caption-side:bottom}.border-collapse{border-collapse:collapse}.origin-\[--radix-context-menu-content-transform-origin\]{transform-origin:--radix-context-menu-content-transform-origin}.origin-\[--radix-dropdown-menu-content-transform-origin\]{transform-origin:--radix-dropdown-menu-content-transform-origin}.origin-\[--radix-hover-card-content-transform-origin\]{transform-origin:--radix-hover-card-content-transform-origin}.origin-\[--radix-menubar-content-transform-origin\]{transform-origin:--radix-menubar-content-transform-origin}.origin-\[--radix-popover-content-transform-origin\]{transform-origin:--radix-popover-content-transform-origin}.origin-\[--radix-select-content-transform-origin\]{transform-origin:--radix-select-content-transform-origin}.origin-\[--radix-tooltip-content-transform-origin\]{transform-origin:--radix-tooltip-content-transform-origin}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-px{--tw-translate-x: -1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-\[-50\%\]{--tw-translate-x: -50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-px{--tw-translate-x: 1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y: -50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-45{rotate:45deg}.rotate-90{rotate:90deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-caret-blink{animation:caret-blink 1.25s ease-out infinite}.animate-in{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-crosshair{cursor:crosshair}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.cursor-zoom-in{cursor:zoom-in}.touch-none{touch-action:none}.resize{resize:both}.resize-none{resize:none}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.place-content-center{place-content:center}.place-items-center{place-items:center}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-7{gap:calc(var(--spacing) * 7)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-x-5{column-gap:calc(var(--spacing) * 5)}:where(.space-x-1>:not(:last-child)){--tw-space-x-reverse: 0;margin-inline-start:calc(var(--spacing) * var(--tw-space-x-reverse));margin-inline-end:calc(var(--spacing) * calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-4>:not(:last-child)){--tw-space-x-reverse: 0;margin-inline-start:calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)))}.gap-y-1{row-gap:var(--spacing)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.gap-y-3{row-gap:calc(var(--spacing) * 3)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse: 0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}.self-end{align-self:flex-end}.self-stretch{align-self:stretch}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.\!rounded-none{border-radius:0!important}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[2px\]{border-radius:2px}.rounded-\[calc\(var\(--radius\)-5px\)\]{border-radius:calc(var(--radius) - 5px)}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:calc(infinity * 1px)}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-none{border-radius:0}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-xl{border-radius:calc(var(--radius) + 4px)}.rounded-t-\[10px\]{border-top-left-radius:10px;border-top-right-radius:10px}.rounded-l-md{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.rounded-tl-sm{border-top-left-radius:calc(var(--radius) - 4px)}.rounded-r-md{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.\!border-0{border-style:var(--tw-border-style)!important;border-width:0px!important}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-\[1\.5px\]{border-style:var(--tw-border-style);border-width:1.5px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style: dashed;border-style:dashed}.\!border-destructive{border-color:hsl(var(--destructive))!important}.\[border-color\:var\(--badge-outline\)\]{border-color:var(--badge-outline)}.\[border-color\:var\(--button-outline\)\]{border-color:var(--button-outline)}.border-\[\#a9cdb3\]{border-color:#a9cdb3}.border-\[\#b2ceca\]{border-color:#b2ceca}.border-\[\#d7d1c8\]{border-color:#d7d1c8}.border-\[--color-border\]{border-color:--color-border}.border-\[hsl\(var\(--accent\)\/\.45\)\]{border-color:hsl(var(--accent)/.45)}.border-\[hsl\(var\(--destructive\)\/\.35\)\]{border-color:hsl(var(--destructive)/.35)}.border-accent{border-color:hsl(var(--accent))}.border-accent\/40{border-color:hsl(var(--accent))}@supports (color: color-mix(in lab,red,red)){.border-accent\/40{border-color:color-mix(in oklab,hsl(var(--accent)) 40%,transparent)}}.border-amber-300{border-color:var(--color-amber-300)}.border-amber-500{border-color:var(--color-amber-500)}.border-border{border-color:hsl(var(--border))}.border-border\/50{border-color:hsl(var(--border))}@supports (color: color-mix(in lab,red,red)){.border-border\/50{border-color:color-mix(in oklab,hsl(var(--border)) 50%,transparent)}}.border-border\/70{border-color:hsl(var(--border))}@supports (color: color-mix(in lab,red,red)){.border-border\/70{border-color:color-mix(in oklab,hsl(var(--border)) 70%,transparent)}}.border-border\/80{border-color:hsl(var(--border))}@supports (color: color-mix(in lab,red,red)){.border-border\/80{border-color:color-mix(in oklab,hsl(var(--border)) 80%,transparent)}}.border-current\/20{border-color:currentcolor}@supports (color: color-mix(in lab,red,red)){.border-current\/20{border-color:color-mix(in oklab,currentcolor 20%,transparent)}}.border-destructive{border-color:hsl(var(--destructive))}.border-destructive\/50{border-color:hsl(var(--destructive))}@supports (color: color-mix(in lab,red,red)){.border-destructive\/50{border-color:color-mix(in oklab,hsl(var(--destructive)) 50%,transparent)}}.border-emerald-200{border-color:var(--color-emerald-200)}.border-input{border-color:hsl(var(--input))}.border-primary{border-color:hsl(var(--primary))}.border-primary\/50{border-color:hsl(var(--primary))}@supports (color: color-mix(in lab,red,red)){.border-primary\/50{border-color:color-mix(in oklab,hsl(var(--primary)) 50%,transparent)}}.border-red-300{border-color:var(--color-red-300)}.border-transparent{border-color:transparent}.border-white{border-color:var(--color-white)}.border-white\/15{border-color:color-mix(in srgb,#fff 15%,transparent)}@supports (color: color-mix(in lab,red,red)){.border-white\/15{border-color:color-mix(in oklab,var(--color-white) 15%,transparent)}}.border-t-transparent{border-top-color:transparent}.border-l-transparent{border-left-color:transparent}.\!bg-\[\#254748\]{background-color:#254748!important}.\!bg-\[hsl\(var\(--destructive\)\)\]{background-color:hsl(var(--destructive))!important}.\!bg-amber-50{background-color:var(--color-amber-50)!important}.\!bg-primary{background-color:hsl(var(--primary))!important}.\!bg-transparent{background-color:transparent!important}.bg-\[\#245b55\]{background-color:#245b55}.bg-\[\#254748\]{background-color:#254748}.bg-\[\#d7d1c8\]{background-color:#d7d1c8}.bg-\[\#d9efdf\]{background-color:#d9efdf}.bg-\[\#deece9\]{background-color:#deece9}.bg-\[\#e3ecdf\]{background-color:#e3ecdf}.bg-\[\#f4e6dd\]{background-color:#f4e6dd}.bg-\[\#f4f0e7\]{background-color:#f4f0e7}.bg-\[\#fdfbf7\]{background-color:#fdfbf7}.bg-\[\#fff0eb\]{background-color:#fff0eb}.bg-\[--color-bg\]{background-color:--color-bg}.bg-\[hsl\(var\(--accent\)\/\.08\)\]{background-color:hsl(var(--accent)/.08)}.bg-\[hsl\(var\(--destructive\)\/\.06\)\]{background-color:hsl(var(--destructive)/.06)}.bg-accent{background-color:hsl(var(--accent))}.bg-accent\/10{background-color:hsl(var(--accent))}@supports (color: color-mix(in lab,red,red)){.bg-accent\/10{background-color:color-mix(in oklab,hsl(var(--accent)) 10%,transparent)}}.bg-accent\/12{background-color:hsl(var(--accent))}@supports (color: color-mix(in lab,red,red)){.bg-accent\/12{background-color:color-mix(in oklab,hsl(var(--accent)) 12%,transparent)}}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-100{background-color:var(--color-amber-100)}.bg-background{background-color:hsl(var(--background))}.bg-background\/95{background-color:hsl(var(--background))}@supports (color: color-mix(in lab,red,red)){.bg-background\/95{background-color:color-mix(in oklab,hsl(var(--background)) 95%,transparent)}}.bg-black\/80{background-color:color-mix(in srgb,#000 80%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-black\/80{background-color:color-mix(in oklab,var(--color-black) 80%,transparent)}}.bg-border{background-color:hsl(var(--border))}.bg-card{background-color:hsl(var(--card))}.bg-destructive{background-color:hsl(var(--destructive))}.bg-destructive\/10{background-color:hsl(var(--destructive))}@supports (color: color-mix(in lab,red,red)){.bg-destructive\/10{background-color:color-mix(in oklab,hsl(var(--destructive)) 10%,transparent)}}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-foreground{background-color:hsl(var(--foreground))}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-green-100{background-color:var(--color-green-100)}.bg-input{background-color:hsl(var(--input))}.bg-muted{background-color:hsl(var(--muted))}.bg-muted\/50{background-color:hsl(var(--muted))}@supports (color: color-mix(in lab,red,red)){.bg-muted\/50{background-color:color-mix(in oklab,hsl(var(--muted)) 50%,transparent)}}.bg-popover{background-color:hsl(var(--popover))}.bg-primary{background-color:hsl(var(--primary))}.bg-primary\/10{background-color:hsl(var(--primary))}@supports (color: color-mix(in lab,red,red)){.bg-primary\/10{background-color:color-mix(in oklab,hsl(var(--primary)) 10%,transparent)}}.bg-primary\/20{background-color:hsl(var(--primary))}@supports (color: color-mix(in lab,red,red)){.bg-primary\/20{background-color:color-mix(in oklab,hsl(var(--primary)) 20%,transparent)}}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-700{background-color:var(--color-red-700)}.bg-secondary{background-color:hsl(var(--secondary))}.bg-transparent{background-color:transparent}.bg-white{background-color:var(--color-white)}.bg-white\/10{background-color:color-mix(in srgb,#fff 10%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-white\/10{background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.fill-\[\#2f7a46\]{fill:#2f7a46}.fill-\[\#2563a8\]{fill:#2563a8}.fill-\[\#b23a32\]{fill:#b23a32}.fill-current{fill:currentcolor}.fill-primary{fill:hsl(var(--primary))}.object-contain{object-fit:contain}.\!p-3{padding:calc(var(--spacing) * 3)!important}.\!p-4{padding:calc(var(--spacing) * 4)!important}.p-0{padding:0}.p-1{padding:var(--spacing)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-\[1px\]{padding:1px}.\!px-0{padding-inline:0px!important}.\!px-3{padding-inline:calc(var(--spacing) * 3)!important}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.px-\[--cell-size\]{padding-inline:--cell-size}.\!py-1{padding-block:var(--spacing)!important}.\!py-2{padding-block:calc(var(--spacing) * 2)!important}.\!py-3{padding-block:calc(var(--spacing) * 3)!important}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-9{padding-block:calc(var(--spacing) * 9)}.py-10{padding-block:calc(var(--spacing) * 10)}.pt-0{padding-top:0}.pt-1\.5{padding-top:calc(var(--spacing) * 1.5)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pr-1{padding-right:var(--spacing)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-2\.5{padding-right:calc(var(--spacing) * 2.5)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-2\.5{padding-left:calc(var(--spacing) * 2.5)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-5{padding-left:calc(var(--spacing) * 5)}.pl-8{padding-left:calc(var(--spacing) * 8)}.text-center{text-align:center}.text-left{text-align:left}.align-middle{vertical-align:middle}.font-mono{font-family:var(--app-font-mono)}.font-sans{font-family:var(--app-font-sans)}.\!text-3xl{font-size:var(--text-3xl)!important;line-height:var(--tw-leading, var(--text-3xl--line-height))!important}.\!text-xs{font-size:var(--text-xs)!important;line-height:var(--tw-leading, var(--text-xs--line-height))!important}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading, var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading, var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading, var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading, var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading, var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height))}.text-sm\/relaxed{font-size:var(--text-sm);line-height:var(--leading-relaxed)}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading, var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading, var(--text-xs--line-height))}.text-\[0\.8rem\]{font-size:.8rem}.text-\[9\.5pt\]{font-size:9.5pt}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.text-\[22px\]{font-size:22px}.text-\[clamp\(1\.6rem\,3vw\,2\.2rem\)\]{font-size:clamp(1.6rem,3vw,2.2rem)}.text-\[clamp\(1\.8rem\,4vw\,2\.4rem\)\]{font-size:clamp(1.8rem,4vw,2.4rem)}.text-\[clamp\(1\.8rem\,4vw\,2\.6rem\)\]{font-size:clamp(1.8rem,4vw,2.6rem)}.text-\[clamp\(2\.4rem\,6vw\,4rem\)\]{font-size:clamp(2.4rem,6vw,4rem)}.text-\[clamp\(2\.5rem\,4\.5vw\,4\.6rem\)\]{font-size:clamp(2.5rem,4.5vw,4.6rem)}.text-\[clamp\(2\.6rem\,6vw\,4\.4rem\)\]{font-size:clamp(2.6rem,6vw,4.4rem)}.text-\[clamp\(2rem\,5vw\,3\.2rem\)\]{font-size:clamp(2rem,5vw,3.2rem)}.leading-4{--tw-leading: calc(var(--spacing) * 4);line-height:calc(var(--spacing) * 4)}.leading-5{--tw-leading: calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-6{--tw-leading: calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-7{--tw-leading: calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-\[\.98\]{--tw-leading: .98;line-height:.98}.leading-\[1\.05\]{--tw-leading: 1.05;line-height:1.05}.leading-\[1\.06\]{--tw-leading: 1.06;line-height:1.06}.leading-\[1\]{--tw-leading: 1;line-height:1}.leading-\[18px\]{--tw-leading: 18px;line-height:18px}.leading-none{--tw-leading: 1;line-height:1}.leading-normal{--tw-leading: var(--leading-normal);line-height:var(--leading-normal)}.leading-relaxed{--tw-leading: var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading: var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading: var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight: var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight: var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight: var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-\.03em\]{--tw-tracking: -.03em;letter-spacing:-.03em}.tracking-\[-\.04em\]{--tw-tracking: -.04em;letter-spacing:-.04em}.tracking-\[-\.05em\]{--tw-tracking: -.05em;letter-spacing:-.05em}.tracking-\[-\.055em\]{--tw-tracking: -.055em;letter-spacing:-.055em}.tracking-\[\.2em\]{--tw-tracking: .2em;letter-spacing:.2em}.tracking-\[\.12em\]{--tw-tracking: .12em;letter-spacing:.12em}.tracking-\[\.13em\]{--tw-tracking: .13em;letter-spacing:.13em}.tracking-\[\.15em\]{--tw-tracking: .15em;letter-spacing:.15em}.tracking-\[\.16em\]{--tw-tracking: .16em;letter-spacing:.16em}.tracking-\[\.18em\]{--tw-tracking: .18em;letter-spacing:.18em}.tracking-tight{--tw-tracking: var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-widest{--tw-tracking: var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-balance{text-wrap:balance}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.\!text-destructive{color:hsl(var(--destructive))!important}.\!text-primary-foreground{color:hsl(var(--primary-foreground))!important}.text-\[\#1e3435\]{color:#1e3435}.text-\[\#2f7a46\]{color:#2f7a46}.text-\[\#8b4537\]{color:#8b4537}.text-\[\#245b55\]{color:#245b55}.text-\[\#2563a8\]{color:#2563a8}.text-\[\#22452e\]{color:#22452e}.text-\[\#175432\]{color:#175432}.text-\[\#193638\]{color:#193638}.text-\[\#254748\]{color:#254748}.text-\[\#576765\]{color:#576765}.text-\[\#a53429\]{color:#a53429}.text-\[\#b23a32\]{color:#b23a32}.text-\[\#d8dfd5\]{color:#d8dfd5}.text-\[\#d9ddd4\]{color:#d9ddd4}.text-\[\#d9ddd4\]\/75{color:color-mix(in oklab,#d9ddd4 75%,transparent)}.text-\[\#d9ddd4\]\/80{color:color-mix(in oklab,#d9ddd4 80%,transparent)}.text-\[\#e9c889\]{color:#e9c889}.text-\[\#f1c1ae\]{color:#f1c1ae}.text-\[\#f3b9a5\]{color:#f3b9a5}.text-\[\#f3c3b4\]{color:#f3c3b4}.text-\[\#f4f0e7\]{color:#f4f0e7}.text-\[hsl\(var\(--accent\)\)\],.text-accent{color:hsl(var(--accent))}.text-accent-foreground{color:hsl(var(--accent-foreground))}.text-amber-900{color:var(--color-amber-900)}.text-amber-950{color:var(--color-amber-950)}.text-black{color:var(--color-black)}.text-card-foreground{color:hsl(var(--card-foreground))}.text-current{color:currentcolor}.text-destructive{color:hsl(var(--destructive))}.text-destructive-foreground{color:hsl(var(--destructive-foreground))}.text-foreground{color:hsl(var(--foreground))}.text-foreground\/50{color:hsl(var(--foreground))}@supports (color: color-mix(in lab,red,red)){.text-foreground\/50{color:color-mix(in oklab,hsl(var(--foreground)) 50%,transparent)}}.text-gray-600{color:var(--color-gray-600)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-green-700{color:var(--color-green-700)}.text-green-800{color:var(--color-green-800)}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-orange-900{color:var(--color-orange-900)}.text-popover-foreground{color:hsl(var(--popover-foreground))}.text-primary{color:hsl(var(--primary))}.text-primary-foreground{color:hsl(var(--primary-foreground))}.text-red-500{color:var(--color-red-500)}.text-red-700{color:var(--color-red-700)}.text-red-800{color:var(--color-red-800)}.text-red-900{color:var(--color-red-900)}.text-red-950{color:var(--color-red-950)}.text-secondary-foreground{color:hsl(var(--secondary-foreground))}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.not-italic{font-style:normal}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.underline-offset-4{text-underline-offset:4px}.accent-\[hsl\(var\(--primary\)\)\]{accent-color:hsl(var(--primary))}.accent-emerald-700{accent-color:var(--color-emerald-700)}.accent-primary{accent-color:hsl(var(--primary))}.opacity-0{opacity:0%}.opacity-50{opacity:50%}.opacity-55{opacity:55%}.opacity-60{opacity:60%}.opacity-70{opacity:70%}.opacity-80{opacity:80%}.opacity-90{opacity:90%}.opacity-100{opacity:100%}.\!shadow-none{--tw-shadow: 0 0 #0000 !important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.shadow{--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\]{--tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--sidebar-border)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-none{--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / .05));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-0{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-1{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-accent{--tw-ring-color: hsl(var(--accent))}.ring-primary{--tw-ring-color: hsl(var(--primary))}.ring-ring{--tw-ring-color: hsl(var(--ring))}.ring-offset-background{--tw-ring-offset-color: hsl(var(--background))}.outline-hidden{--tw-outline-style: none;outline-style:none}@media(forced-colors:active){.outline-hidden{outline:2px solid transparent;outline-offset:2px}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-2{outline-style:var(--tw-outline-style);outline-width:2px}.outline-offset-2{outline-offset:2px}.outline-transparent{outline-color:transparent}.blur{--tw-blur: blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur{--tw-backdrop-blur: blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-\[left\,right\,width\]{transition-property:left,right,width;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-\[margin\,opacity\]{transition-property:margin,opacity;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-\[width\,height\,padding\]{transition-property:width,height,padding;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.duration-100{--tw-duration: .1s;transition-duration:.1s}.duration-200{--tw-duration: .2s;transition-duration:.2s}.duration-300{--tw-duration: .3s;transition-duration:.3s}.duration-1000{--tw-duration: 1s;transition-duration:1s}.ease-in-out{--tw-ease: var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-linear{--tw-ease: linear;transition-timing-function:linear}.fade-in-0{--tw-enter-opacity: 0 ;--tw-enter-opacity: 0}.outline-none{--tw-outline-style: none;outline-style:none}.select-all{-webkit-user-select:all;user-select:all}.select-none{-webkit-user-select:none;user-select:none}.zoom-in-95{--tw-enter-scale: 95% ;--tw-enter-scale: .95}.\[--cell-size\:2rem\]{--cell-size: 2rem}.fade-out{--tw-exit-opacity: 0}.paused{animation-play-state:paused}.running{animation-play-state:running}.group-focus-within\/menu-item\:opacity-100:is(:where(.group\/menu-item):focus-within *){opacity:100%}@media(hover:hover){.group-hover\:-rotate-6:is(:where(.group):hover *){rotate:-6deg}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:100%}.group-hover\/menu-item\:opacity-100:is(:where(.group\/menu-item):hover *){opacity:100%}}.group-has-data-\[sidebar\=menu-action\]\/menu-item\:pr-8:is(:where(.group\/menu-item):has([data-sidebar=menu-action]) *){padding-right:calc(var(--spacing) * 8)}.group-has-\[\[data-orientation\=horizontal\]\]\/field\:text-balance:is(:where(.group\/field):has(:is([data-orientation=horizontal])) *){text-wrap:balance}.group-has-\[\[data-slot\=item-description\]\]\/item\:translate-y-0\.5:is(:where(.group\/item):has(:is([data-slot=item-description])) *){--tw-translate-y: calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-has-\[\[data-slot\=item-description\]\]\/item\:self-start:is(:where(.group\/item):has(:is([data-slot=item-description])) *){align-self:flex-start}.group-has-\[\>input\]\/input-group\:pt-2\.5:is(:where(.group\/input-group):has(>input) *){padding-top:calc(var(--spacing) * 2.5)}.group-has-\[\>input\]\/input-group\:pb-2\.5:is(:where(.group\/input-group):has(>input) *){padding-bottom:calc(var(--spacing) * 2.5)}.group-data-\[collapsible\=icon\]\:-mt-8:is(:where(.group)[data-collapsible=icon] *){margin-top:calc(var(--spacing) * -8)}.group-data-\[collapsible\=icon\]\:hidden:is(:where(.group)[data-collapsible=icon] *){display:none}.group-data-\[collapsible\=icon\]\:h-8\!:is(:where(.group)[data-collapsible=icon] *){height:calc(var(--spacing) * 8)!important}.group-data-\[collapsible\=icon\]\:w-8\!:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--spacing) * 8)!important}.group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+var\(--spacing-4\)\)\]:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--sidebar-width-icon) + var(--spacing-4))}.group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+var\(--spacing-4\)\+2px\)\]:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--sidebar-width-icon) + var(--spacing-4) + 2px)}.group-data-\[collapsible\=icon\]\:w-\[var\(--sidebar-width-icon\)\]:is(:where(.group)[data-collapsible=icon] *){width:var(--sidebar-width-icon)}.group-data-\[collapsible\=icon\]\:overflow-hidden:is(:where(.group)[data-collapsible=icon] *){overflow:hidden}.group-data-\[collapsible\=icon\]\:p-0\!:is(:where(.group)[data-collapsible=icon] *){padding:0!important}.group-data-\[collapsible\=icon\]\:p-2\!:is(:where(.group)[data-collapsible=icon] *){padding:calc(var(--spacing) * 2)!important}.group-data-\[collapsible\=icon\]\:opacity-0:is(:where(.group)[data-collapsible=icon] *){opacity:0%}.group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible=offcanvas] *){right:calc(var(--sidebar-width) * -1)}.group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible=offcanvas] *){left:calc(var(--sidebar-width) * -1)}.group-data-\[collapsible\=offcanvas\]\:w-0:is(:where(.group)[data-collapsible=offcanvas] *){width:0px}.group-data-\[collapsible\=offcanvas\]\:translate-x-0:is(:where(.group)[data-collapsible=offcanvas] *){--tw-translate-x: 0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.group-data-\[disabled\=true\]\/field\:opacity-50:is(:where(.group\/field)[data-disabled=true] *){opacity:50%}.group-data-\[disabled\=true\]\/input-group\:opacity-50:is(:where(.group\/input-group)[data-disabled=true] *){opacity:50%}.group-data-\[focused\=true\]\/day\:relative:is(:where(.group\/day)[data-focused=true] *){position:relative}.group-data-\[focused\=true\]\/day\:z-10:is(:where(.group\/day)[data-focused=true] *){z-index:10}.group-data-\[focused\=true\]\/day\:border-ring:is(:where(.group\/day)[data-focused=true] *){border-color:hsl(var(--ring))}.group-data-\[focused\=true\]\/day\:ring-\[3px\]:is(:where(.group\/day)[data-focused=true] *){--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.group-data-\[focused\=true\]\/day\:ring-ring\/50:is(:where(.group\/day)[data-focused=true] *){--tw-ring-color: hsl(var(--ring))}@supports (color: color-mix(in lab,red,red)){.group-data-\[focused\=true\]\/day\:ring-ring\/50:is(:where(.group\/day)[data-focused=true] *){--tw-ring-color: color-mix(in oklab, hsl(var(--ring)) 50%, transparent)}}.group-data-\[side\=left\]\:-right-4:is(:where(.group)[data-side=left] *){right:calc(var(--spacing) * -4)}.group-data-\[side\=left\]\:border-r:is(:where(.group)[data-side=left] *){border-right-style:var(--tw-border-style);border-right-width:1px}.group-data-\[side\=right\]\:left-0:is(:where(.group)[data-side=right] *){left:0}.group-data-\[side\=right\]\:rotate-180:is(:where(.group)[data-side=right] *){rotate:180deg}.group-data-\[side\=right\]\:border-l:is(:where(.group)[data-side=right] *){border-left-style:var(--tw-border-style);border-left-width:1px}.group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state=open] *){rotate:180deg}.group-data-\[variant\=floating\]\:rounded-lg:is(:where(.group)[data-variant=floating] *){border-radius:var(--radius)}.group-data-\[variant\=floating\]\:border:is(:where(.group)[data-variant=floating] *){border-style:var(--tw-border-style);border-width:1px}.group-data-\[variant\=floating\]\:shadow-sm:is(:where(.group)[data-variant=floating] *){--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.group-data-\[variant\=outline\]\/field-group\:-mb-2:is(:where(.group\/field-group)[data-variant=outline] *){margin-bottom:calc(var(--spacing) * -2)}.group-\[\.destructive\]\:border-muted\/40:is(:where(.group):is(.destructive) *){border-color:hsl(var(--muted))}@supports (color: color-mix(in lab,red,red)){.group-\[\.destructive\]\:border-muted\/40:is(:where(.group):is(.destructive) *){border-color:color-mix(in oklab,hsl(var(--muted)) 40%,transparent)}}.group-\[\.destructive\]\:text-red-300:is(:where(.group):is(.destructive) *){color:var(--color-red-300)}.group-\[\.toast\]\:bg-muted:is(:where(.group):is(.toast) *){background-color:hsl(var(--muted))}.group-\[\.toast\]\:bg-primary:is(:where(.group):is(.toast) *){background-color:hsl(var(--primary))}.group-\[\.toast\]\:text-muted-foreground:is(:where(.group):is(.toast) *){color:hsl(var(--muted-foreground))}.group-\[\.toast\]\:text-primary-foreground:is(:where(.group):is(.toast) *){color:hsl(var(--primary-foreground))}.group-\[\.toaster\]\:border-border:is(:where(.group):is(.toaster) *){border-color:hsl(var(--border))}.group-\[\.toaster\]\:bg-background:is(:where(.group):is(.toaster) *){background-color:hsl(var(--background))}.group-\[\.toaster\]\:text-foreground:is(:where(.group):is(.toaster) *){color:hsl(var(--foreground))}.group-\[\.toaster\]\:shadow-lg:is(:where(.group):is(.toaster) *){--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-70:is(:where(.peer):disabled~*){opacity:70%}.peer-data-\[size\=default\]\/menu-button\:top-1\.5:is(:where(.peer\/menu-button)[data-size=default]~*){top:calc(var(--spacing) * 1.5)}.peer-data-\[size\=lg\]\/menu-button\:top-2\.5:is(:where(.peer\/menu-button)[data-size=lg]~*){top:calc(var(--spacing) * 2.5)}.peer-data-\[size\=sm\]\/menu-button\:top-1:is(:where(.peer\/menu-button)[data-size=sm]~*){top:var(--spacing)}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0px}.file\:bg-transparent::file-selector-button{background-color:transparent}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\:text-foreground::file-selector-button{color:hsl(var(--foreground))}.placeholder\:text-muted-foreground::placeholder{color:hsl(var(--muted-foreground))}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:-inset-2:after{content:var(--tw-content);inset:calc(var(--spacing) * -2)}.after\:inset-y-0:after{content:var(--tw-content);inset-block:0px}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:w-1:after{content:var(--tw-content);width:var(--spacing)}.after\:w-\[2px\]:after{content:var(--tw-content);width:2px}.after\:-translate-x-1\/2:after{content:var(--tw-content);--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.group-data-\[collapsible\=offcanvas\]\:after\:left-full:is(:where(.group)[data-collapsible=offcanvas] *):after{content:var(--tw-content);left:100%}.first\:rounded-l-md:first-child{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.first\:border-l:first-child{border-left-style:var(--tw-border-style);border-left-width:1px}.last\:mt-0:last-child{margin-top:0}.last\:rounded-r-md:last-child{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.empty\:hidden:empty{display:none}@media(hover:hover){.hover\:-translate-y-0\.5:hover{--tw-translate-y: calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:bg-accent:hover{background-color:hsl(var(--accent))}.hover\:bg-destructive\/90:hover{background-color:hsl(var(--destructive))}@supports (color: color-mix(in lab,red,red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab,hsl(var(--destructive)) 90%,transparent)}}.hover\:bg-gray-700:hover{background-color:var(--color-gray-700)}.hover\:bg-muted:hover,.hover\:bg-muted\/50:hover{background-color:hsl(var(--muted))}@supports (color: color-mix(in lab,red,red)){.hover\:bg-muted\/50:hover{background-color:color-mix(in oklab,hsl(var(--muted)) 50%,transparent)}}.hover\:bg-secondary:hover{background-color:hsl(var(--secondary))}.hover\:text-accent:hover{color:hsl(var(--accent))}.hover\:text-accent-foreground:hover{color:hsl(var(--accent-foreground))}.hover\:text-destructive:hover{color:hsl(var(--destructive))}.hover\:text-foreground:hover{color:hsl(var(--foreground))}.hover\:text-muted-foreground:hover{color:hsl(var(--muted-foreground))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:100%}.hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover{--tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--sidebar-accent)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.group-\[\.destructive\]\:hover\:border-destructive\/30:is(:where(.group):is(.destructive) *):hover{border-color:hsl(var(--destructive))}@supports (color: color-mix(in lab,red,red)){.group-\[\.destructive\]\:hover\:border-destructive\/30:is(:where(.group):is(.destructive) *):hover{border-color:color-mix(in oklab,hsl(var(--destructive)) 30%,transparent)}}.group-\[\.destructive\]\:hover\:bg-destructive:is(:where(.group):is(.destructive) *):hover{background-color:hsl(var(--destructive))}.group-\[\.destructive\]\:hover\:text-destructive-foreground:is(:where(.group):is(.destructive) *):hover{color:hsl(var(--destructive-foreground))}.group-\[\.destructive\]\:hover\:text-red-50:is(:where(.group):is(.destructive) *):hover{color:var(--color-red-50)}}.focus\:bg-accent:focus{background-color:hsl(var(--accent))}.focus\:text-accent-foreground:focus{color:hsl(var(--accent-foreground))}.focus\:opacity-100:focus{opacity:100%}.focus\:ring-1:focus{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-2:focus{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-ring:focus{--tw-ring-color: hsl(var(--ring))}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px;--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style: none;outline-style:none}.group-\[\.destructive\]\:focus\:ring-destructive:is(:where(.group):is(.destructive) *):focus{--tw-ring-color: hsl(var(--destructive))}.group-\[\.destructive\]\:focus\:ring-red-400:is(:where(.group):is(.destructive) *):focus{--tw-ring-color: var(--color-red-400)}.group-\[\.destructive\]\:focus\:ring-offset-red-600:is(:where(.group):is(.destructive) *):focus{--tw-ring-offset-color: var(--color-red-600)}.focus-visible\:border-ring:focus-visible{border-color:hsl(var(--ring))}.focus-visible\:ring-0:focus-visible{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-1:focus-visible{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color: hsl(var(--ring))}.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color: hsl(var(--ring))}@supports (color: color-mix(in lab,red,red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color: color-mix(in oklab, hsl(var(--ring)) 50%, transparent)}}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width: 1px;--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px;--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color: hsl(var(--background))}.focus-visible\:outline:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-4:focus-visible{outline-offset:4px}.focus-visible\:outline-primary:focus-visible{outline-color:hsl(var(--primary))}.focus-visible\:outline-none:focus-visible{--tw-outline-style: none;outline-style:none}.active\:bg-\[\#254748\]:active{background-color:#254748}.active\:bg-red-800:active{background-color:var(--color-red-800)}.active\:text-white:active{color:var(--color-white)}.active\:shadow-none:active{--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:50%}:where([data-side=left]) .in-data-\[side\=left\]\:cursor-w-resize{cursor:w-resize}:where([data-side=right]) .in-data-\[side\=right\]\:cursor-e-resize{cursor:e-resize}.has-focus\:border-ring:has(:focus){border-color:hsl(var(--ring))}.has-focus\:ring-\[3px\]:has(:focus){--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.has-focus\:ring-ring\/50:has(:focus){--tw-ring-color: hsl(var(--ring))}@supports (color: color-mix(in lab,red,red)){.has-focus\:ring-ring\/50:has(:focus){--tw-ring-color: color-mix(in oklab, hsl(var(--ring)) 50%, transparent)}}.has-data-\[state\=checked\]\:border-primary:has([data-state=checked]){border-color:hsl(var(--primary))}.has-data-\[state\=checked\]\:bg-primary\/5:has([data-state=checked]){background-color:hsl(var(--primary))}@supports (color: color-mix(in lab,red,red)){.has-data-\[state\=checked\]\:bg-primary\/5:has([data-state=checked]){background-color:color-mix(in oklab,hsl(var(--primary)) 5%,transparent)}}.has-\[\:disabled\]\:opacity-50:has(:is(:disabled)){opacity:50%}.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-1:has(:is([data-slot=input-group-control]:focus-visible)){--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring:has(:is([data-slot=input-group-control]:focus-visible)){--tw-ring-color: hsl(var(--ring))}.has-\[\[data-slot\]\[aria-invalid\=true\]\]\:border-destructive:has(:is([data-slot][aria-invalid=true])){border-color:hsl(var(--destructive))}.has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20:has(:is([data-slot][aria-invalid=true])){--tw-ring-color: hsl(var(--destructive))}@supports (color: color-mix(in lab,red,red)){.has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20:has(:is([data-slot][aria-invalid=true])){--tw-ring-color: color-mix(in oklab, hsl(var(--destructive)) 20%, transparent)}}.has-\[\>\[data-align\=block-end\]\]\:h-auto:has(>[data-align=block-end]){height:auto}.has-\[\>\[data-align\=block-end\]\]\:flex-col:has(>[data-align=block-end]){flex-direction:column}.has-\[\>\[data-align\=block-start\]\]\:h-auto:has(>[data-align=block-start]){height:auto}.has-\[\>\[data-align\=block-start\]\]\:flex-col:has(>[data-align=block-start]){flex-direction:column}.has-\[\>\[data-slot\=button-group\]\]\:gap-2:has(>[data-slot=button-group]){gap:calc(var(--spacing) * 2)}.has-\[\>\[data-slot\=checkbox-group\]\]\:gap-3:has(>[data-slot=checkbox-group]){gap:calc(var(--spacing) * 3)}.has-\[\>\[data-slot\=field-content\]\]\:items-start:has(>[data-slot=field-content]){align-items:flex-start}.has-\[\>\[data-slot\=field\]\]\:w-full:has(>[data-slot=field]){width:100%}.has-\[\>\[data-slot\=field\]\]\:flex-col:has(>[data-slot=field]){flex-direction:column}.has-\[\>\[data-slot\=field\]\]\:rounded-md:has(>[data-slot=field]){border-radius:calc(var(--radius) - 2px)}.has-\[\>\[data-slot\=field\]\]\:border:has(>[data-slot=field]){border-style:var(--tw-border-style);border-width:1px}.has-\[\>\[data-slot\=radio-group\]\]\:gap-3:has(>[data-slot=radio-group]){gap:calc(var(--spacing) * 3)}.has-\[\>button\]\:mr-\[-0\.4rem\]:has(>button){margin-right:-.4rem}.has-\[\>button\]\:ml-\[-0\.45rem\]:has(>button){margin-left:-.45rem}.has-\[\>kbd\]\:mr-\[-0\.35rem\]:has(>kbd){margin-right:-.35rem}.has-\[\>kbd\]\:ml-\[-0\.35rem\]:has(>kbd){margin-left:-.35rem}.has-\[\>svg\]\:p-0:has(>svg){padding:0}.has-\[\>svg\]\:px-2:has(>svg){padding-inline:calc(var(--spacing) * 2)}.has-\[\>svg\]\:px-2\.5:has(>svg){padding-inline:calc(var(--spacing) * 2.5)}.has-\[\>textarea\]\:h-auto:has(>textarea){height:auto}.aria-disabled\:pointer-events-none[aria-disabled=true]{pointer-events:none}.aria-disabled\:opacity-50[aria-disabled=true]{opacity:50%}.aria-selected\:text-muted-foreground[aria-selected=true]{color:hsl(var(--muted-foreground))}.data-\[active\=true\]\:font-medium[data-active=true]{--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium)}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:50%}.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true]{pointer-events:none}.data-\[disabled\=true\]\:opacity-50[data-disabled=true]{opacity:50%}.data-\[invalid\=true\]\:text-destructive[data-invalid=true]{color:hsl(var(--destructive))}.data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion=from-end]{--tw-enter-translate-x: calc(52*var(--spacing))}.data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion=from-start]{--tw-enter-translate-x: calc(52*var(--spacing)*-1)}.data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion=to-end]{--tw-exit-translate-x: calc(52*var(--spacing))}.data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion=to-start]{--tw-exit-translate-x: calc(52*var(--spacing)*-1)}.data-\[motion\^\=from-\]\:animate-in[data-motion^=from-]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[motion\^\=from-\]\:fade-in[data-motion^=from-]{--tw-enter-opacity: 0}.data-\[motion\^\=to-\]\:animate-out[data-motion^=to-]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[motion\^\=to-\]\:fade-out[data-motion^=to-]{--tw-exit-opacity: 0}.data-\[orientation\=vertical\]\:h-auto[data-orientation=vertical]{height:auto}.data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction=vertical]{height:1px}.data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction=vertical]{width:100%}.data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction=vertical]{flex-direction:column}.data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction=vertical]:after{content:var(--tw-content);left:0}.data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction=vertical]:after{content:var(--tw-content);height:var(--spacing)}.data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction=vertical]:after{content:var(--tw-content);width:100%}.data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction=vertical]:after{content:var(--tw-content);--tw-translate-x: 0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction=vertical]:after{content:var(--tw-content);--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[placeholder\]\:text-muted-foreground[data-placeholder]{color:hsl(var(--muted-foreground))}.data-\[range-end\=true\]\:rounded-md[data-range-end=true]{border-radius:calc(var(--radius) - 2px)}.data-\[range-end\=true\]\:bg-primary[data-range-end=true]{background-color:hsl(var(--primary))}.data-\[range-end\=true\]\:text-primary-foreground[data-range-end=true]{color:hsl(var(--primary-foreground))}.data-\[range-middle\=true\]\:rounded-none[data-range-middle=true]{border-radius:0}.data-\[range-middle\=true\]\:bg-accent[data-range-middle=true]{background-color:hsl(var(--accent))}.data-\[range-middle\=true\]\:text-accent-foreground[data-range-middle=true]{color:hsl(var(--accent-foreground))}.data-\[range-start\=true\]\:rounded-md[data-range-start=true]{border-radius:calc(var(--radius) - 2px)}.data-\[range-start\=true\]\:bg-primary[data-range-start=true]{background-color:hsl(var(--primary))}.data-\[range-start\=true\]\:text-primary-foreground[data-range-start=true]{color:hsl(var(--primary-foreground))}.data-\[selected-single\=true\]\:bg-primary[data-selected-single=true]{background-color:hsl(var(--primary))}.data-\[selected-single\=true\]\:text-primary-foreground[data-selected-single=true]{color:hsl(var(--primary-foreground))}.data-\[selected\=true\]\:rounded-none[data-selected=true]{border-radius:0}.data-\[selected\=true\]\:bg-accent[data-selected=true]{background-color:hsl(var(--accent))}.data-\[selected\=true\]\:text-accent-foreground[data-selected=true]{color:hsl(var(--accent-foreground))}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y: var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y: calc(2*var(--spacing)*-1)}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x: calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x: calc(2*var(--spacing))}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x: var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x: calc(2*var(--spacing)*-1)}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y: calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y: calc(2*var(--spacing))}.data-\[slot\=checkbox-group\]\:gap-3[data-slot=checkbox-group]{gap:calc(var(--spacing) * 3)}.data-\[state\=active\]\:bg-background[data-state=active]{background-color:hsl(var(--background))}.data-\[state\=active\]\:text-foreground[data-state=active]{color:hsl(var(--foreground))}.data-\[state\=active\]\:shadow[data-state=active]{--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.data-\[state\=checked\]\:translate-x-4[data-state=checked]{--tw-translate-x: calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:hsl(var(--primary))}.data-\[state\=checked\]\:text-primary-foreground[data-state=checked]{color:hsl(var(--primary-foreground))}.data-\[state\=closed\]\:animate-accordion-up[data-state=closed]{animation:accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:duration-300[data-state=closed]{--tw-duration: .3s;transition-duration:.3s}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity: 0 ;--tw-exit-opacity: 0}.data-\[state\=closed\]\:fade-out-80[data-state=closed]{--tw-exit-opacity: .8 ;--tw-exit-opacity: .8}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale: 95% ;--tw-exit-scale: .95}.data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed]{--tw-exit-translate-y: 100%}.data-\[state\=closed\]\:slide-out-to-left[data-state=closed]{--tw-exit-translate-x: -100%}.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{--tw-exit-translate-x: -50% }.data-\[state\=closed\]\:slide-out-to-right[data-state=closed]{--tw-exit-translate-x: 100%}.data-\[state\=closed\]\:slide-out-to-right-full[data-state=closed]{--tw-exit-translate-x: 100% }.data-\[state\=closed\]\:slide-out-to-top[data-state=closed]{--tw-exit-translate-y: -100%}.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed]{--tw-exit-translate-y: -48% }.data-\[state\=hidden\]\:animate-out[data-state=hidden]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=hidden\]\:fade-out[data-state=hidden]{--tw-exit-opacity: 0}.data-\[state\=on\]\:bg-accent[data-state=on]{background-color:hsl(var(--accent))}.data-\[state\=on\]\:text-accent-foreground[data-state=on]{color:hsl(var(--accent-foreground))}.data-\[state\=open\]\:animate-accordion-down[data-state=open]{animation:accordion-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:animate-in[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:hsl(var(--accent))}.data-\[state\=open\]\:bg-accent\/50[data-state=open]{background-color:hsl(var(--accent))}@supports (color: color-mix(in lab,red,red)){.data-\[state\=open\]\:bg-accent\/50[data-state=open]{background-color:color-mix(in oklab,hsl(var(--accent)) 50%,transparent)}}.data-\[state\=open\]\:bg-secondary[data-state=open]{background-color:hsl(var(--secondary))}.data-\[state\=open\]\:text-accent-foreground[data-state=open]{color:hsl(var(--accent-foreground))}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:hsl(var(--muted-foreground))}.data-\[state\=open\]\:opacity-100[data-state=open]{opacity:100%}.data-\[state\=open\]\:duration-500[data-state=open]{--tw-duration: .5s;transition-duration:.5s}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity: 0 ;--tw-enter-opacity: 0}.data-\[state\=open\]\:zoom-in-90[data-state=open]{--tw-enter-scale: 90% ;--tw-enter-scale: .9}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale: 95% ;--tw-enter-scale: .95}.data-\[state\=open\]\:slide-in-from-bottom[data-state=open]{--tw-enter-translate-y: 100%}.data-\[state\=open\]\:slide-in-from-left[data-state=open]{--tw-enter-translate-x: -100%}.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x: -50% }.data-\[state\=open\]\:slide-in-from-right[data-state=open]{--tw-enter-translate-x: 100%}.data-\[state\=open\]\:slide-in-from-top[data-state=open]{--tw-enter-translate-y: -100%}.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y: -48% }.data-\[state\=open\]\:slide-in-from-top-full[data-state=open]{--tw-enter-translate-y: -100% }@media(hover:hover){.data-\[state\=open\]\:hover\:bg-accent[data-state=open]:hover{background-color:hsl(var(--accent))}}.data-\[state\=open\]\:focus\:bg-accent[data-state=open]:focus{background-color:hsl(var(--accent))}.data-\[state\=selected\]\:bg-muted[data-state=selected]{background-color:hsl(var(--muted))}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{--tw-translate-x: 0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=unchecked\]\:bg-input[data-state=unchecked]{background-color:hsl(var(--input))}.data-\[state\=visible\]\:animate-in[data-state=visible]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=visible\]\:fade-in[data-state=visible]{--tw-enter-opacity: 0}.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel]{--tw-translate-x: 0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end]{--tw-translate-x: var(--radix-toast-swipe-end-x);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[swipe\=end\]\:animate-out[data-swipe=end]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move]{--tw-translate-x: var(--radix-toast-swipe-move-x);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[swipe\=move\]\:transition-none[data-swipe=move]{transition-property:none}.data-\[variant\=label\]\:text-sm[data-variant=label]{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height))}.data-\[variant\=legend\]\:text-base[data-variant=legend]{font-size:var(--text-base);line-height:var(--tw-leading, var(--text-base--line-height))}.nth-last-2\:-mt-1:nth-last-child(2){margin-top:calc(var(--spacing) * -1)}@media(min-width:40rem){.sm\:col-span-2{grid-column:span 2 / span 2}.sm\:col-span-3{grid-column:span 3 / span 3}.sm\:mt-0{margin-top:0}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:inline{display:inline}.sm\:w-40{width:calc(var(--spacing) * 40)}.sm\:w-44{width:calc(var(--spacing) * 44)}.sm\:w-56{width:calc(var(--spacing) * 56)}.sm\:w-64{width:calc(var(--spacing) * 64)}.sm\:w-\[300px\]{width:300px}.sm\:max-w-sm{max-width:var(--container-sm)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:items-end{align-items:flex-end}.sm\:items-start{align-items:flex-start}.sm\:justify-between{justify-content:space-between}.sm\:justify-end{justify-content:flex-end}.sm\:gap-2\.5{gap:calc(var(--spacing) * 2.5)}:where(.sm\:space-x-2>:not(:last-child)){--tw-space-x-reverse: 0;margin-inline-start:calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)))}.sm\:rounded-lg{border-radius:var(--radius)}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:p-7{padding:calc(var(--spacing) * 7)}.sm\:p-8{padding:calc(var(--spacing) * 8)}.sm\:text-left{text-align:left}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading, var(--text-4xl--line-height))}.sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading, var(--text-5xl--line-height))}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading, var(--text-lg--line-height))}.data-\[state\=open\]\:sm\:slide-in-from-bottom-full[data-state=open]{--tw-enter-translate-y: 100% }}@media(min-width:48rem){.md\:absolute{position:absolute}.md\:col-span-2{grid-column:span 2 / span 2}.md\:block{display:block}.md\:flex{display:flex}.md\:w-\[var\(--radix-navigation-menu-viewport-width\)\]{width:var(--radix-navigation-menu-viewport-width)}.md\:w-auto{width:auto}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-\[180px_160px_120px_1fr\]{grid-template-columns:180px 160px 120px 1fr}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:p-12{padding:calc(var(--spacing) * 12)}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height))}.md\:opacity-0{opacity:0%}.md\:peer-data-\[variant\=inset\]\:m-2:is(:where(.peer)[data-variant=inset]~*){margin:calc(var(--spacing) * 2)}.md\:peer-data-\[variant\=inset\]\:ml-0:is(:where(.peer)[data-variant=inset]~*){margin-left:0}.md\:peer-data-\[variant\=inset\]\:rounded-xl:is(:where(.peer)[data-variant=inset]~*){border-radius:calc(var(--radius) + 4px)}.md\:peer-data-\[variant\=inset\]\:shadow-sm:is(:where(.peer)[data-variant=inset]~*){--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.md\:peer-data-\[variant\=inset\]\:peer-data-\[state\=collapsed\]\:ml-2:is(:where(.peer)[data-variant=inset]~*):is(:where(.peer)[data-state=collapsed]~*){margin-left:calc(var(--spacing) * 2)}.md\:after\:hidden:after{content:var(--tw-content);display:none}}@media(min-width:64rem){.lg\:order-none{order:0}.lg\:mt-6{margin-top:calc(var(--spacing) * 6)}.lg\:block{display:block}.lg\:w-\[340px\]{width:340px}.lg\:w-auto{width:auto}.lg\:flex-1{flex:1}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,440px\)\]{grid-template-columns:minmax(0,1fr) minmax(0,440px)}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:items-end{align-items:flex-end}.lg\:justify-between{justify-content:space-between}.lg\:py-10{padding-block:calc(var(--spacing) * 10)}.lg\:py-12{padding-block:calc(var(--spacing) * 12)}}@media(min-width:80rem){.xl\:sticky{position:sticky}.xl\:top-28{top:calc(var(--spacing) * 28)}.xl\:top-\[160px\]{top:160px}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.xl\:grid-cols-\[minmax\(0\,1fr\)_280px\]{grid-template-columns:minmax(0,1fr) 280px}.xl\:grid-cols-\[minmax\(0\,340px\)_1fr\]{grid-template-columns:minmax(0,340px) 1fr}.xl\:self-start{align-self:flex-start}}@container field-group (width >= 28rem){.\@md\/field-group\:flex-row{flex-direction:row}.\@md\/field-group\:items-center{align-items:center}.\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:items-start:has(>[data-slot=field-content]){align-items:flex-start}}.dark\:border-destructive:is(.dark *){border-color:hsl(var(--destructive))}.dark\:bg-input\/30:is(.dark *){background-color:hsl(var(--input))}@supports (color: color-mix(in lab,red,red)){.dark\:bg-input\/30:is(.dark *){background-color:color-mix(in oklab,hsl(var(--input)) 30%,transparent)}}.dark\:bg-transparent:is(.dark *){background-color:transparent}.dark\:invert:is(.dark *){--tw-invert: invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.dark\:has-data-\[state\=checked\]\:bg-primary\/10:is(.dark *):has([data-state=checked]){background-color:hsl(var(--primary))}@supports (color: color-mix(in lab,red,red)){.dark\:has-data-\[state\=checked\]\:bg-primary\/10:is(.dark *):has([data-state=checked]){background-color:color-mix(in oklab,hsl(var(--primary)) 10%,transparent)}}.dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:is(.dark *):has(:is([data-slot][aria-invalid=true])){--tw-ring-color: hsl(var(--destructive))}@supports (color: color-mix(in lab,red,red)){.dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:is(.dark *):has(:is([data-slot][aria-invalid=true])){--tw-ring-color: color-mix(in oklab, hsl(var(--destructive)) 40%, transparent)}}@media print{.print\:hidden{display:none}}.\[\&_\.member-label\]\:min-w-0 .member-label{min-width:0px}.\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text{fill:hsl(var(--muted-foreground))}.\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke="#ccc"]{stroke:hsl(var(--border))}@supports (color: color-mix(in lab,red,red)){.\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke="#ccc"]{stroke:color-mix(in oklab,hsl(var(--border)) 50%,transparent)}}.\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor{stroke:hsl(var(--border))}.\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke="#fff"]{stroke:transparent}.\[\&_\.recharts-layer\]\:outline-none .recharts-layer{--tw-outline-style: none;outline-style:none}.\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-polar-grid [stroke="#ccc"]{stroke:hsl(var(--border))}.\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted .recharts-radial-bar-background-sector,.\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor{fill:hsl(var(--muted))}.\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-reference-line [stroke="#ccc"]{stroke:hsl(var(--border))}.\[\&_\.recharts-sector\]\:outline-none .recharts-sector{--tw-outline-style: none;outline-style:none}.\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke="#fff"]{stroke:transparent}.\[\&_\.recharts-surface\]\:outline-none .recharts-surface{--tw-outline-style: none;outline-style:none}.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{padding-inline:calc(var(--spacing) * 2)}.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{padding-block:calc(var(--spacing) * 1.5)}.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{font-size:var(--text-xs);line-height:var(--tw-leading, var(--text-xs--line-height))}.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium)}.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading]{color:hsl(var(--muted-foreground))}.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group]{padding-inline:calc(var(--spacing) * 2)}.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group]{padding-top:0}.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg{height:calc(var(--spacing) * 5)}.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg{width:calc(var(--spacing) * 5)}.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{height:calc(var(--spacing) * 12)}.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item]{padding-inline:calc(var(--spacing) * 2)}.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item]{padding-block:calc(var(--spacing) * 3)}.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg{height:calc(var(--spacing) * 5)}.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg{width:calc(var(--spacing) * 5)}.\[\&_img\]\:size-full img{width:100%;height:100%}.\[\&_img\]\:object-cover img{object-fit:cover}.\[\&_p\]\:leading-relaxed p{--tw-leading: var(--leading-relaxed);line-height:var(--leading-relaxed)}.\[\&_span\]\:text-xs span{font-size:var(--text-xs);line-height:var(--tw-leading, var(--text-xs--line-height))}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6 svg:not([class*=size-]){width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.\[\&_tr\]\:border-b tr{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-style:var(--tw-border-style);border-width:0px}.\[\&\+\[data-slot\=item-content\]\]\:flex-none+[data-slot=item-content]{flex:none}.\[\&\:first-child\[data-selected\=true\]_button\]\:rounded-l-md:first-child[data-selected=true] button{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:0}.\[\.border-b\]\:pb-3:is(.border-b){padding-bottom:calc(var(--spacing) * 3)}.\[\.border-t\]\:pt-3:is(.border-t){padding-top:calc(var(--spacing) * 3)}:is(.rtl\:\*\*\:\[\.rdp-button\\_next\>svg\]\:rotate-180:where(:dir(rtl),[dir=rtl],[dir=rtl] *) *):is(.rdp-button_next>svg){rotate:180deg}:is(.rtl\:\*\*\:\[\.rdp-button\\_previous\>svg\]\:rotate-180:where(:dir(rtl),[dir=rtl],[dir=rtl] *) *):is(.rdp-button_previous>svg){rotate:180deg}.\[a\]\:transition-colors:is(a){transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}@media(hover:hover){.\[a\]\:hover\:bg-accent\/50:is(a):hover{background-color:hsl(var(--accent))}@supports (color: color-mix(in lab,red,red)){.\[a\]\:hover\:bg-accent\/50:is(a):hover{background-color:color-mix(in oklab,hsl(var(--accent)) 50%,transparent)}}}.\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r-md:last-child[data-selected=true] button{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.\[\&\>\*\]\:w-full>*{width:100%}.\[\&\>\*\]\:focus-visible\:relative>*:focus-visible{position:relative}.\[\&\>\*\]\:focus-visible\:z-10>*:focus-visible{z-index:10}@container field-group (width >= 28rem){.\@md\/field-group\:\[\&\>\*\]\:w-auto>*{width:auto}}.\[\&\>\*\:not\(\:first-child\)\]\:rounded-t-none>:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.\[\&\>\*\:not\(\:first-child\)\]\:rounded-l-none>:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.\[\&\>\*\:not\(\:first-child\)\]\:border-t-0>:not(:first-child){border-top-style:var(--tw-border-style);border-top-width:0px}.\[\&\>\*\:not\(\:first-child\)\]\:border-l-0>:not(:first-child){border-left-style:var(--tw-border-style);border-left-width:0px}.\[\&\>\*\:not\(\:last-child\)\]\:rounded-r-none>:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.\[\&\>\*\:not\(\:last-child\)\]\:rounded-b-none>:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0}.\[\&\>\.sr-only\]\:w-auto>.sr-only{width:auto}.\[\&\>\[data-slot\=field-group\]\]\:gap-4>[data-slot=field-group]{gap:calc(var(--spacing) * 4)}.\[\&\>\[data-slot\=field-label\]\]\:flex-auto>[data-slot=field-label]{flex:auto}@container field-group (width >= 28rem){.\@md\/field-group\:\[\&\>\[data-slot\=field-label\]\]\:flex-auto>[data-slot=field-label]{flex:auto}}.\[\&\>\[data-slot\=field\]\]\:p-4>[data-slot=field]{padding:calc(var(--spacing) * 4)}.has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-md:has(:is(select[aria-hidden=true]:last-child))>[data-slot=select-trigger]:last-of-type{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.\[\&\>\[data-slot\=select-trigger\]\:not\(\[class\*\=\'w-\'\]\)\]\:w-fit>[data-slot=select-trigger]:not([class*=w-]){width:fit-content}.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox]{--tw-translate-y: 2px;translate:var(--tw-translate-x) var(--tw-translate-y)}.has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content])>[role=checkbox],.has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content]) [role=radio]{margin-top:1px}@container field-group (width >= 28rem){.\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content])>[role=checkbox],.\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content]) [role=radio]{margin-top:1px}}.\[\&\>a\]\:underline>a{text-decoration-line:underline}.\[\&\>a\]\:underline-offset-4>a{text-underline-offset:4px}.\[\&\>a\:hover\]\:text-primary>a:hover{color:hsl(var(--primary))}.\[\&\>button\]\:hidden>button{display:none}.\[\&\>input\]\:flex-1>input{flex:1}.has-\[\>\[data-align\=block-end\]\]\:\[\&\>input\]\:pt-3:has(>[data-align=block-end])>input{padding-top:calc(var(--spacing) * 3)}.has-\[\>\[data-align\=block-start\]\]\:\[\&\>input\]\:pb-3:has(>[data-align=block-start])>input{padding-bottom:calc(var(--spacing) * 3)}.has-\[\>\[data-align\=inline-end\]\]\:\[\&\>input\]\:pr-2:has(>[data-align=inline-end])>input{padding-right:calc(var(--spacing) * 2)}.has-\[\>\[data-align\=inline-start\]\]\:\[\&\>input\]\:pl-2:has(>[data-align=inline-start])>input{padding-left:calc(var(--spacing) * 2)}.\[\&\>kbd\]\:rounded-\[calc\(var\(--radius\)-5px\)\]>kbd{border-radius:calc(var(--radius) - 5px)}.\[\&\>span\]\:line-clamp-1>span{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.\[\&\>span\]\:text-xs>span{font-size:var(--text-xs);line-height:var(--tw-leading, var(--text-xs--line-height))}.\[\&\>span\]\:opacity-70>span{opacity:70%}.\[\&\>span\:last-child\]\:truncate>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.\[\&\>svg\]\:absolute>svg{position:absolute}.\[\&\>svg\]\:top-4>svg{top:calc(var(--spacing) * 4)}.\[\&\>svg\]\:left-4>svg{left:calc(var(--spacing) * 4)}.\[\&\>svg\]\:size-3\.5>svg{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&\>svg\]\:size-4>svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&\>svg\]\:h-2\.5>svg{height:calc(var(--spacing) * 2.5)}.\[\&\>svg\]\:h-3>svg{height:calc(var(--spacing) * 3)}.\[\&\>svg\]\:h-3\.5>svg{height:calc(var(--spacing) * 3.5)}.\[\&\>svg\]\:h-4>svg{height:calc(var(--spacing) * 4)}.\[\&\>svg\]\:w-2\.5>svg{width:calc(var(--spacing) * 2.5)}.\[\&\>svg\]\:w-3>svg{width:calc(var(--spacing) * 3)}.\[\&\>svg\]\:w-3\.5>svg{width:calc(var(--spacing) * 3.5)}.\[\&\>svg\]\:w-4>svg{width:calc(var(--spacing) * 4)}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}.\[\&\>svg\]\:text-destructive>svg{color:hsl(var(--destructive))}.\[\&\>svg\]\:text-foreground>svg{color:hsl(var(--foreground))}.\[\&\>svg\]\:text-muted-foreground>svg{color:hsl(var(--muted-foreground))}.\[\&\>svg\+div\]\:translate-y-\[-3px\]>svg+div{--tw-translate-y: -3px;translate:var(--tw-translate-x) var(--tw-translate-y)}.\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5>svg:not([class*=size-]){width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4>svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&\>svg\~\*\]\:pl-7>svg~*{padding-left:calc(var(--spacing) * 7)}.\[\&\>tr\]\:last\:border-b-0>tr:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0px}.\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction=vertical]>div{rotate:90deg}.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{rotate:180deg}[data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2{right:calc(var(--spacing) * -2)}[data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize{cursor:e-resize}[data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2{left:calc(var(--spacing) * -2)}[data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize{cursor:w-resize}[data-slot=card-content] .\[\[data-slot\=card-content\]_\&\]\:bg-transparent,[data-slot=popover-content] .\[\[data-slot\=popover-content\]_\&\]\:bg-transparent{background-color:transparent}[data-slot=tooltip-content] .\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/20{background-color:hsl(var(--background))}@supports (color: color-mix(in lab,red,red)){[data-slot=tooltip-content] .\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/20{background-color:color-mix(in oklab,hsl(var(--background)) 20%,transparent)}}[data-slot=tooltip-content] .\[\[data-slot\=tooltip-content\]_\&\]\:text-background{color:hsl(var(--background))}[data-slot=tooltip-content] .dark\:\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/10:is(.dark *){background-color:hsl(var(--background))}@supports (color: color-mix(in lab,red,red)){[data-slot=tooltip-content] .dark\:\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/10:is(.dark *){background-color:color-mix(in oklab,hsl(var(--background)) 10%,transparent)}}[data-variant=legend]+.\[\[data-variant\=legend\]\+\&\]\:-mt-1\.5{margin-top:calc(var(--spacing) * -1.5)}}.chart-workspace .chart-expand-button{display:none}.chart-workspace .chart-reader-button{min-width:40px;min-height:40px;padding:6px 12px;border:1px solid #abb5b0;border-radius:8px;background:#fff;font-size:15px!important;font-weight:800;color:#234339}.chart-workspace .chart-reader-button:disabled{opacity:.4}@media screen and (max-width:1100px),screen and (pointer:coarse){.focus-sheet.focus-sheet{padding-inline:10px}.chart-workspace.chart-workspace .chart-expand-button{display:block;margin:0 0 5px auto;padding:5px 10px;border:1px solid #abb5b0;border-radius:7px;background:#f5faf6;font-size:14px!important;min-height:36px}.chart-workspace.chart-workspace .chart-workspace-viewport{overflow:visible}.chart-workspace.chart-workspace[data-guide] .chart-workspace-grid{grid-template-areas:"main" "save";grid-template-columns:minmax(0,1fr);min-width:0;max-width:none;width:100%;margin-inline:0}.chart-workspace.chart-workspace[data-guide=true] .chart-workspace-viewport{overflow-x:auto}.chart-workspace.chart-workspace[data-guide=true] .chart-workspace-grid{grid-template-areas:"guide main" ". save";grid-template-columns:var(--chart-guide-width) minmax(0,1fr);min-width:calc(var(--chart-guide-width) + 12px + 100%);column-gap:12px}.chart-workspace.chart-workspace[data-guide] .chart-guide-rail{padding-top:0}.chart-workspace.chart-workspace .chart-guide-sticky{position:static;max-width:100%}.chart-workspace.chart-workspace .sheet-stack{width:100%;min-width:0;overflow-x:auto}.chart-workspace.chart-workspace[data-guide] .sheet-scroll{width:100%;max-width:none;min-width:0;margin-inline:0}.chart-workspace.chart-workspace .sheet-page{width:var(--sheet-w, 100%);margin-inline:auto}.chart-workspace.chart-workspace .sheet-main-player,.chart-workspace.chart-workspace .chart-workspace-controls,.chart-workspace.chart-workspace .focus-toolbar{width:100%;max-width:100%;margin-inline:0}.chart-workspace .main-player,.chart-workspace .practice-panel{min-width:0;padding:8px}.chart-workspace .main-player :is(button,label,output,small,.tempo-slider-label,.main-player-status),.chart-workspace .practice-panel :is(button,label,small,.song-key-label,.practice-explain),.chart-editor-ui .focus-toolbar :is(button,a),.compact-chart-create .creation-toolbar :is(button,label),.sheet-note-dock.sheet-note-dock :is(button,label,small,.direct-entry-hint,.direct-entry-label,.direct-entry-status){font-size:14px!important;line-height:1.3}.chart-workspace :is(input:not([type=range]):not([type=checkbox]),select):not(:where(.sheet-page *)),.sheet-note-dock.sheet-note-dock :is(input:not([type=checkbox]),select){font-size:16px!important}.chart-workspace .main-player :is(button,select),.chart-workspace .practice-panel button{height:auto;min-height:38px;white-space:normal}.chart-workspace .main-player :is(.main-player-play){font-size:17px!important;min-width:90px;padding:8px 10px}.chart-workspace .main-player .main-player-transport{gap:5px}.chart-workspace .main-player .main-player-before-play .main-player-timing{min-width:0;flex-basis:auto}.chart-workspace .main-player .main-player-before-play .tempo-slider{width:min(100%,245px);min-width:0;flex-basis:auto}.chart-workspace .main-player .main-player-secondary{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:5px}.chart-workspace .main-player .main-player-edit-actions{margin-left:auto;flex-wrap:wrap;gap:5px}.chart-workspace .main-player .main-player-history{flex-wrap:wrap}.chart-workspace .main-player .main-player-countoff,.chart-workspace .main-player .main-player-settings-toggle{padding-inline:8px}.chart-workspace .main-player .main-player-file-row{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.chart-workspace .main-player .main-player-file-row>*{min-width:0;max-width:100%;flex-wrap:wrap}.chart-workspace .main-player .main-player-file-row button{padding-inline:9px;max-width:100%}.chart-workspace .main-player .main-player-layout-row{flex-wrap:wrap;gap:4px}.chart-workspace .main-player .sheet-phrase-tools{flex-wrap:wrap;justify-content:center}.chart-workspace .main-player .sheet-phrase-tools button{font-size:13px!important;padding:5px 7px}.chart-workspace .main-player .main-player-settings{grid-template-columns:minmax(0,1fr)}.chart-workspace .main-player .main-player-settings :is(fieldset,label,select){min-width:0;max-width:100%}.chart-workspace .main-player .main-player-settings label{flex-wrap:wrap}.chart-workspace .practice-panel .practice-grid{gap:10px}.chart-workspace .practice-panel .song-key-select{max-width:100%;min-width:0}.chart-workspace .sheet-stack[data-side-dock] .sheet-note-dock{width:min(100%,320px);max-width:100%;max-height:calc(100dvh - 16px);overflow-y:auto}.sheet-note-dock.sheet-note-dock .direct-entry-label{white-space:normal}.sheet-note-dock.sheet-note-dock .direct-entry-pitch-tools button{width:36px;min-height:36px}.sheet-note-dock.sheet-note-dock .direct-entry-pitch-tools{gap:6px}}@media screen{.chart-workspace.chart-fullscreen{--sheet-w: max(80px, min( calc(100vw - 24px) , calc((100dvh - var(--fullscreen-chrome, 200px)) * .772727)));position:fixed;inset:0;z-index:200;margin:0;border:0;width:100vw;height:100dvh;max-width:none;max-height:none;box-sizing:border-box;padding:max(8px,env(safe-area-inset-top)) 10px max(8px,env(safe-area-inset-bottom));background:#e9e7e1;color:#22372e;overflow-y:auto}.chart-workspace.chart-fullscreen::backdrop{background:#e9e7e1}.chart-fullscreen .chart-fullscreen-header{display:flex;align-items:center;justify-content:center;gap:8px;padding-bottom:6px;font-size:15px;font-weight:700}.chart-fullscreen .chart-fullscreen-header [data-fullscreen-close]{margin-left:auto}.chart-workspace.chart-fullscreen.chart-fullscreen .chart-workspace-viewport{overflow:visible}.chart-workspace.chart-fullscreen.chart-fullscreen[data-guide] .chart-workspace-grid{display:block;min-width:0;max-width:none;width:100%}.chart-workspace.chart-fullscreen :is(.chart-guide-rail,.chart-save-rail,.chart-workspace-controls,.focus-toolbar){display:none}.chart-workspace.chart-fullscreen .chart-workspace-main>:not(.sheet-stack){display:none}.chart-workspace.chart-fullscreen .sheet-stack{width:100%;min-width:0;overflow:visible}.chart-workspace.chart-fullscreen.chart-fullscreen .sheet-scroll{width:100%;max-width:none}.chart-workspace.chart-fullscreen .sheet-scroll[hidden]{display:none!important}.chart-workspace.chart-fullscreen .sheet-page{width:var(--sheet-w);margin-inline:auto}.chart-workspace.chart-fullscreen .sheet-main-player{width:min(100%,640px);max-width:100%;margin:0 auto 6px;position:static}.chart-workspace.chart-fullscreen .sheet-main-player>:not(.main-player){display:none}.chart-workspace.chart-fullscreen .main-player :is(.main-player-file-row,.main-player-layout-row,.main-player-secondary,.main-player-settings,.button-copy-edit){display:none}.chart-workspace.chart-fullscreen .sheet-selected-play{display:none}}@media print{.chart-workspace .chart-expand-button,.chart-fullscreen-header{display:none!important}.chart-workspace .sheet-scroll[hidden]{display:block!important}}@media screen and (max-width:360px){.chart-workspace .main-player .main-player-actions .main-player-btn,.chart-workspace .main-player .main-player-before-play>.main-player-btn{padding-inline:6px}.chart-workspace .main-player :is(.main-player-stop,.main-player-restart) svg{display:none}}@media screen{.chart-workspace-main .sheet-scroll{align-self:flex-start}.sheet-main-player .main-player{width:100%;box-sizing:border-box}.main-player :is(.main-player-file-row,.main-player-secondary){min-width:0;max-width:100%;box-sizing:border-box}.main-player :is(.main-player-file-start,.main-player-file-actions,.main-player-edit-actions,.main-player-history,.chart-export-actions){flex-wrap:wrap;min-width:0;max-width:100%}.main-player :is(.main-player-file-row,.main-player-secondary) button{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}.main-player-tempo-click{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;min-width:0;max-width:100%}.main-player .main-player-before-play .main-player-timing{flex:1 1 260px;align-self:flex-start}.main-player .main-player-before-play .tempo-slider{flex:1 1 180px;width:210px}.main-player-click{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border:1px solid #d3b354;border-radius:7px;background:#fff1b3;color:#5e4600;font-weight:800;font-size:13px}.main-player-click:has(input:checked){background:#edc84a;border-color:#987619}.main-player-click input{accent-color:#9a7300}.main-player .main-player-settings :is(label,select,input){max-width:100%;min-width:0}.main-player .main-player-settings label{row-gap:6px}}@container melody-player (max-width: 700px){.main-player .main-player-file-row{display:flex;flex-wrap:wrap;justify-content:space-between}.main-player .main-player-file-actions{margin-inline:auto}.main-player .main-player-secondary{display:flex;flex-wrap:wrap;justify-content:flex-start}.main-player .main-player-edit-actions{margin-left:auto}}@property --tw-animation-delay{syntax: "*"; inherits: false; initial-value: 0s;}@property --tw-animation-direction{syntax: "*"; inherits: false; initial-value: normal;}@property --tw-animation-duration{syntax: "*"; inherits: false;}@property --tw-animation-fill-mode{syntax: "*"; inherits: false; initial-value: none;}@property --tw-animation-iteration-count{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-enter-blur{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-enter-opacity{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-enter-rotate{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-enter-scale{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-enter-translate-x{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-enter-translate-y{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-exit-blur{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-exit-opacity{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-exit-rotate{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-exit-scale{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-exit-translate-x{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-exit-translate-y{syntax: "*"; inherits: false; initial-value: 0;}.cl-formFieldInput::placeholder{color:#576765;opacity:1}.original-key-selects{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px;margin-top:10px}.original-key-selects>label{width:185px;max-width:100%}.original-key-selects>label:last-child:not(:nth-child(2)){width:220px}.original-key-selects select,.compact-chart-create select,.compact-chart-create input:not([type=file]):not([type=checkbox]):not(.sheet-page input):not(.creation-toolbar input){min-height:32px!important;height:32px!important;padding-top:3px!important;padding-bottom:3px!important;font-size:12px!important}.compact-chart-create .form-panel,.compact-chart-create.form-panel{padding:16px}.compact-chart-create .chart-select-field{width:175px;max-width:100%;min-width:0}.compact-chart-create .chart-control-label{display:flex;min-height:36px;align-items:center;justify-content:center;text-align:center;font-size:11px}.sheet-upload-ready{border-color:#357452!important;background:#e9f5ec!important;color:#245437}.print-choice-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding:24px;background:#15252099;overflow:auto}.print-choice-dialog{width:min(100%,1050px);min-width:0;padding:clamp(12px,3vw,24px);border-radius:16px;background:#faf8f3;box-shadow:0 20px 80px #0005}.chart-export-preview{width:100%;min-width:0;max-width:100%}.chart-export-preview .sheet-scroll{margin-inline:auto}@media print{.print-choice-overlay{display:none}}@font-face{font-family:SnapSax Accidentals;src:url(/fonts/BravuraText.woff2) format("woff2");font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+266D-266F}:root{--background: 42 35% 95%;--foreground: 183 27% 16%;--border: 38 20% 84%;--card: 42 32% 98%;--card-foreground: 183 27% 16%;--card-border: 38 20% 84%;--sidebar: 183 27% 16%;--sidebar-foreground: 43 34% 94%;--sidebar-border: 183 20% 27%;--sidebar-primary: 38 85% 63%;--sidebar-primary-foreground: 183 27% 16%;--sidebar-accent: 183 20% 24%;--sidebar-accent-foreground: 43 34% 94%;--sidebar-ring: 38 85% 63%;--popover: 42 32% 98%;--popover-foreground: 183 27% 16%;--primary: 183 27% 16%;--primary-foreground: 42 35% 95%;--secondary: 38 24% 88%;--secondary-foreground: 183 27% 16%;--muted: 40 22% 90%;--muted-foreground: 183 10% 43%;--accent: 18 62% 56%;--accent-foreground: 42 35% 95%;--destructive: 2 62% 50%;--destructive-foreground: 0 0% 98%;--input: 38 20% 80%;--ring: 18 62% 56%;--app-font-sans: "SnapSax Accidentals", "Nunito Sans", sans-serif;--app-font-serif: "SnapSax Accidentals", "Nunito Sans", sans-serif;--app-font-mono: "SnapSax Accidentals", "DM Mono", monospace;--radius: .75rem;--button-outline: rgba(0, 0, 0, .1);--badge-outline: rgba(0, 0, 0, .05);--elevate-1: rgba(28, 57, 58, .04);--elevate-2: rgba(28, 57, 58, .08)}.dark{--background: 183 27% 12%;--foreground: 42 30% 92%;--border: 183 15% 27%;--card: 183 23% 16%;--card-foreground: 42 30% 92%;--card-border: 183 15% 27%;--sidebar: 183 32% 9%;--sidebar-foreground: 42 30% 92%;--sidebar-border: 183 18% 20%;--sidebar-primary: 38 85% 63%;--sidebar-primary-foreground: 183 27% 12%;--sidebar-accent: 183 18% 19%;--sidebar-accent-foreground: 42 30% 92%;--sidebar-ring: 38 85% 63%;--popover: 183 23% 16%;--popover-foreground: 42 30% 92%;--primary: 38 85% 63%;--primary-foreground: 183 27% 12%;--secondary: 183 17% 23%;--secondary-foreground: 42 30% 92%;--muted: 183 17% 23%;--muted-foreground: 183 10% 68%;--accent: 18 62% 56%;--accent-foreground: 42 35% 95%;--destructive: 2 62% 50%;--destructive-foreground: 0 0% 98%;--input: 183 15% 27%;--ring: 38 85% 63%;--button-outline: rgba(255, 255, 255, .1);--badge-outline: rgba(255, 255, 255, .05);--elevate-1: rgba(255, 255, 255, .04);--elevate-2: rgba(255, 255, 255, .09)}@layer base{html{font-size:16px}@media screen and (min-width:768px){html{font-size:18px}}*{border-color:hsl(var(--border))}body{background-color:hsl(var(--background));font-family:var(--app-font-sans);color:hsl(var(--foreground));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-width:320px;background-image:radial-gradient(ellipse at 80% 0%,hsl(39 42% 90% / .65),transparent 42%)}button,input,select,textarea{font:inherit}}.font-display{font-family:var(--app-font-serif)}.font-mono-label{font-family:var(--app-font-mono)}.page-enter{animation:page-enter .36s ease-out both}@keyframes page-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.key-cell{width:18px;height:18px;border:1px solid hsl(183 21% 68%);border-radius:50%;background:#f9f8f5}.key-cell.is-pressed{border-color:#d47349;background:#d47349;box-shadow:inset 0 0 0 4px #f7f4ee}.nav-link{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:10px 14px;color:hsl(var(--muted-foreground));font-size:13px;font-weight:600;transition:background .16s ease,color .16s ease,transform .16s ease}.nav-link:hover{color:hsl(var(--foreground));transform:translateY(-1px)}.nav-link-active{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.eyebrow{display:flex;align-items:center;gap:9px;font-family:var(--app-font-mono);font-size:9px;letter-spacing:.2em;color:hsl(var(--muted-foreground))}.eyebrow-rule{display:inline-block;width:24px;height:1px;background:hsl(var(--accent))}.library-counts{display:grid;grid-template-columns:1.2fr .9fr;overflow:hidden;border-radius:18px;background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.count-primary{display:flex;flex-direction:column;justify-content:center;padding:20px 22px}.count-primary strong{margin-top:2px;font-family:var(--app-font-serif);font-size:50px;line-height:1}.count-primary>span:last-child{margin-top:7px;font-size:11px;color:#dfd7c3}.count-secondary{display:flex;flex-direction:column;justify-content:center;gap:10px;border-left:1px solid hsl(0 0% 100% / .18);padding:16px 19px}.count-secondary div{display:flex;align-items:center;justify-content:space-between;gap:10px}.count-secondary span{font-family:var(--app-font-mono);font-size:8px;letter-spacing:.14em;color:#d8ceb6}.count-secondary strong{font-size:20px}.search-box,.filter-field{display:flex;align-items:center;gap:12px;height:52px;border:1px solid hsl(var(--border));border-radius:12px;background:hsl(var(--card));padding:0 16px}.search-box input{min-width:0;flex:1;border:0;outline:none;background:transparent;font-size:13px}.search-box input::placeholder{color:hsl(var(--muted-foreground))}.filter-field{min-width:186px}.filter-field select{width:100%;border:0;outline:0;background:transparent;color:hsl(var(--foreground));font-size:12px;cursor:pointer}.instrument-chip{display:inline-flex;align-items:center;gap:7px;border:1px solid hsl(var(--border));border-radius:999px;background:transparent;padding:6px 9px;color:hsl(var(--muted-foreground));font-size:10px;cursor:pointer;transition:border-color .14s ease,background .14s ease}.instrument-chip span{color:hsl(var(--foreground));font-family:var(--app-font-mono);font-size:9px}.instrument-chip.sax-view-chip span{font-size:13px;font-weight:600}.instrument-chip:hover,.instrument-chip-active{border-color:hsl(var(--accent));background:hsl(var(--accent) / .08);color:hsl(var(--foreground))}.chart-card{overflow:hidden;border:1px solid hsl(var(--border));border-radius:17px;background:hsl(var(--card));transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.chart-card:hover{transform:translateY(-3px);border-color:#c6a495;box-shadow:0 12px 30px #1e333414}.chart-card-art{position:relative;height:190px;overflow:hidden;padding:18px 20px;color:#f4f0e7}.chart-art-0{background:#254748}.chart-art-1{background:#b35f47}.chart-art-2{background:#79724c}.art-overline{position:relative;z-index:2;display:flex;justify-content:space-between;font-family:var(--app-font-mono);font-size:8px;letter-spacing:.13em;opacity:.75}.staff-lines{position:absolute;top:54px;left:0;width:100%}.staff-lines i{display:block;height:1px;margin:11px 0;background:#f7f4ee33}.art-note{position:absolute;top:49px;right:25%;font-family:Georgia,serif;font-size:43px;transform:rotate(-12deg);opacity:.9}.art-title{position:absolute;bottom:39px;left:20px;z-index:1;max-width:80%;font-family:var(--app-font-serif);font-size:25px;line-height:1.05}.art-instrument{position:absolute;bottom:18px;left:21px;font-size:10px;opacity:.76}.chart-badge{position:absolute;right:17px;bottom:17px;display:inline-flex;align-items:center;gap:4px;border:1px solid hsl(42 35% 95% / .42);border-radius:999px;background:#1e333433;padding:5px 8px;font-family:var(--app-font-mono);font-size:8px;letter-spacing:.1em}.chart-skeleton{height:350px;border-radius:17px;background:linear-gradient(100deg,hsl(var(--muted)) 30%,#f4f1ec,hsl(var(--muted)) 70%);background-size:200% 100%;animation:skeleton-shift 1.5s ease-in-out infinite}@keyframes skeleton-shift{to{background-position:-200% 0}}.empty-panel{display:flex;min-height:270px;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:1px dashed hsl(var(--border));border-radius:18px;background:hsl(var(--card) / .64);padding:30px;text-align:center;color:hsl(var(--muted-foreground))}.empty-panel h2,.empty-panel h1{color:hsl(var(--foreground))}.empty-panel p{max-width:390px;font-size:13px;line-height:1.6}.empty-note{border-radius:999px;background:hsl(var(--accent) / .12);padding:5px 11px;color:hsl(var(--accent));font-family:var(--app-font-mono);font-size:9px;letter-spacing:.15em;text-transform:uppercase}.collection-note{display:flex;min-height:270px;flex-direction:column;justify-content:center;border-radius:18px;background:#254748;padding:30px;color:#f4f0e7}.collection-note .eyebrow{color:#bccac1}.template-callout{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:28px;border:1px solid hsl(var(--border));border-radius:18px;background:hsl(var(--card));padding:25px}.fingering-surface{width:100%}.fingering-surface-compact .fingering-surface{font-size:10px}.fingering-surface-compact>div:nth-child(2){padding:12px}.fingering-surface-compact .key-cell{width:15px;height:15px}.fingering-surface-compact .hand-tab{font-size:8px;padding:5px 9px}.fingering-surface-compact .key-cell.is-pressed{box-shadow:inset 0 0 0 3px #f7f4ee}.hand-tab{border-radius:999px;padding:6px 10px;color:#77817a;font-family:var(--app-font-mono);font-size:9px;letter-spacing:.1em}.hand-tab-active{background:#254748;color:#f4f0e7}.key-cell-side{width:13px;height:13px}.icon-button{display:inline-grid;size:32px;width:32px;height:32px;place-items:center;border:1px solid hsl(var(--border));border-radius:50%;background:transparent;cursor:pointer}.button-primary,.button-secondary,.button-save,.button-danger,.button-library{display:inline-flex;width:fit-content;max-width:100%;align-items:center;justify-content:center;gap:9px;min-height:44px;border:1px solid transparent;border-radius:10px;padding:0 16px;font-size:12px;font-weight:700;cursor:pointer;transition:transform .14s ease,background .14s ease,opacity .14s ease}.button-primary{background:#deece9;border-color:#b2ceca;color:#254748}.button-primary:hover,.button-secondary:hover,.button-save:hover{transform:translateY(-1px)}.button-secondary{border-color:hsl(var(--border));background:hsl(var(--card));color:hsl(var(--foreground))}.button-secondary:active:not(:disabled){background:#254748;border-color:#254748;color:#fff}.button-danger{width:auto;border-color:hsl(var(--destructive) / .25);background:hsl(var(--destructive) / .07);color:hsl(var(--destructive))}.button-save,.button-library{width:fit-content;max-width:100%;background:#d9efdf;border-color:#a9cdb3;color:#175432}.button-save:hover:not(:disabled){background:#c8e5d0}.button-primary:active:not(:disabled),.button-primary[aria-pressed=true]{background:#254748;color:#fff}.button-save:active:not(:disabled){background:#176b3a;border-color:#10532c;color:#fff}.button-library{background:transparent;border-color:hsl(var(--border));color:hsl(var(--foreground))}.button-library:hover,.button-library:active{background:hsl(var(--muted));border-color:hsl(var(--border));color:hsl(var(--foreground))}.member-tabs .button-library{background:transparent;border:1px solid hsl(var(--border));color:hsl(var(--foreground))}.button-library.header-library-link{background:transparent;border-color:hsl(var(--border));color:hsl(var(--foreground))}.button-library.header-library-link:hover{background:hsl(var(--muted));border-color:hsl(var(--border))}.button-library.header-library-link:active{background:hsl(var(--muted));border-color:hsl(var(--border));color:hsl(var(--foreground))}.button-danger:active:not(:disabled){background:#a82525;color:#fff}.button-save:focus-visible{outline:3px solid #32a867;outline-offset:3px}.button-save:disabled{background:#e5e7eb;color:#6b7280;opacity:1;cursor:not-allowed}.button-small{min-height:40px;padding:0 14px;font-size:13px}.button-primary:disabled,.button-save:disabled{cursor:not-allowed;opacity:.55}button,[role=button],a[class*=button-],a.input-method-choice,nav a,.focus-toolbar a,.member-nav a{font-weight:700!important}button.note-accidental{font-weight:400!important}.back-link{display:inline-flex;align-items:center;gap:8px;color:hsl(var(--muted-foreground));font-size:12px;font-weight:600}.back-link:hover{color:hsl(var(--foreground))}.detail-hero{display:flex;min-height:310px;align-items:center;justify-content:space-between;gap:30px;border-radius:20px;background:#254748;padding:30px clamp(24px,5vw,60px);color:#f4f0e7}.detail-hero-copy{max-width:750px}.detail-hero .eyebrow{color:#c0cfc5}.pill-label{border:1px solid hsl(42 35% 95% / .24);border-radius:999px;padding:6px 10px;color:#d8dfd5;font-family:var(--app-font-mono);font-size:9px;letter-spacing:.09em;text-transform:uppercase}.pill-free{border-color:#8dbfa080;color:#c6dfc9}.pill-premium{border-color:#f1b6508c;color:#e9c889}.detail-stamp{display:flex;width:175px;height:175px;flex:0 0 auto;flex-direction:column;align-items:center;justify-content:center;border:1px solid hsl(42 35% 95% / .38);border-radius:50%;outline:1px solid hsl(42 35% 95% / .22);outline-offset:6px;text-align:center;transform:rotate(8deg)}.stamp-top,.stamp-bottom{font-family:var(--app-font-mono);font-size:8px;letter-spacing:.16em;color:#c6d0c8}.stamp-key{margin:6px 0;font-family:var(--app-font-serif);font-size:70px;line-height:.95}.detail-panel,.creator-panel{overflow:hidden;border:1px solid hsl(var(--border));border-radius:17px;background:hsl(var(--card));padding:23px}.step-row{display:grid;grid-template-columns:35px 75px minmax(0,1fr);align-items:center;gap:15px;padding:20px 0}.step-index{color:hsl(var(--muted-foreground));font-family:var(--app-font-mono);font-size:10px}.step-note strong{display:block;font-family:var(--app-font-serif);font-size:24px}.step-note span{color:hsl(var(--muted-foreground));font-family:var(--app-font-mono);font-size:8px;text-transform:uppercase}.step-code{display:none;color:hsl(var(--muted-foreground));font-family:var(--app-font-mono);font-size:8px}.step-surface .fingering-surface>div:first-child,.step-surface .fingering-surface>p{display:none}.step-surface .fingering-surface>div:nth-child(2){margin-top:0;border:0;background:transparent;padding:0}.step-surface .fingering-surface>div:nth-child(2)>div:first-child,.step-surface .fingering-surface>div:nth-child(2)>div:last-child{display:none}.step-surface .fingering-surface>div:nth-child(2)>div:nth-child(2){margin:0;border:0;background:transparent;padding:0;box-shadow:none}.step-surface .key-cell{width:13px;height:13px}.step-surface .key-cell.is-pressed{box-shadow:inset 0 0 0 3px #f7f4ee}.download-panel{border-radius:17px;background:#ede7d9;padding:23px}.download-icon{display:grid;width:44px;height:44px;place-items:center;border-radius:13px;background:hsl(var(--accent) / .14);color:hsl(var(--accent))}.creator-panel{padding:20px 22px}.detail-skeleton{height:310px;border-radius:20px;background:hsl(var(--muted));animation:skeleton-shift 1.5s ease-in-out infinite}.editor-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.editor-illustration{display:flex;width:116px;height:116px;flex:0 0 auto;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:1px solid hsl(var(--border));border-radius:50%;color:hsl(var(--accent));transform:rotate(-8deg)}.editor-illustration span{font-family:var(--app-font-mono);font-size:8px;letter-spacing:.16em;color:hsl(var(--muted-foreground))}.form-panel,.upload-panel{border:1px solid hsl(var(--border));border-radius:17px;background:hsl(var(--card));padding:22px}.section-number{display:flex;align-items:center;gap:11px;color:hsl(var(--accent));font-family:var(--app-font-mono);font-size:10px;letter-spacing:.18em}.section-number span{color:hsl(var(--foreground));font-weight:500}.form-field{display:flex;min-width:0;flex-direction:column;gap:8px}.form-field>span{font-family:var(--app-font-mono);font-size:9px;letter-spacing:.13em;color:hsl(var(--muted-foreground));text-transform:uppercase}.chart-select-field{text-align:center}.chart-select-field>span{line-height:18px}.chart-select-field select{appearance:none;text-align:center;text-align-last:center;padding-inline:20px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23566866' stroke-width='1.5'%3E%3Cpath d='m3 4.5 3 3 3-3'/%3E%3C/svg%3E");background-size:12px;background-position:right 6px center;background-repeat:no-repeat}.form-field input,.form-field select{width:100%;height:46px;border:1px solid hsl(var(--border));border-radius:9px;outline:none;background:hsl(var(--background));padding:0 12px;color:hsl(var(--foreground));font-size:13px}.form-field input:focus,.form-field select:focus{border-color:hsl(var(--accent));box-shadow:0 0 0 3px hsl(var(--accent) / .1)}.premium-switch{display:flex;align-items:center;gap:11px;cursor:pointer}.premium-switch input{position:absolute;opacity:0;pointer-events:none}.switch-track{position:relative;width:38px;height:22px;flex:0 0 auto;border-radius:99px;background:hsl(var(--muted));transition:background .16s ease}.switch-track i{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:hsl(var(--card));transition:transform .16s ease}.premium-switch input:checked+.switch-track{background:hsl(var(--accent))}.premium-switch input:checked+.switch-track i{transform:translate(16px)}.premium-switch strong,.premium-switch small{display:block}.premium-switch strong{font-size:12px}.premium-switch small{margin-top:3px;color:hsl(var(--muted-foreground));font-size:10px}.editor-step{border:1px solid hsl(var(--border));border-radius:13px;background:hsl(var(--background));padding:14px}@media screen{.editor-step.is-playing,.sheet-cell.is-playing{box-shadow:inset 0 0 0 3px hsl(var(--accent));background:hsl(var(--accent) / .14)}.is-playing .note-staff p,.is-playing .sheet-lyric-input{font-weight:700;background:hsl(var(--accent) / .22);border-radius:3px}}.upload-panel{padding:20px}.upload-drop{display:flex;min-height:180px;flex-direction:column;align-items:center;justify-content:center;border:1px dashed hsl(var(--border));border-radius:12px;background:hsl(var(--background));padding:18px;text-align:center;cursor:pointer}.upload-drop:hover{border-color:hsl(var(--accent))}.upload-drop input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}.upload-symbol{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;background:hsl(var(--accent) / .12);color:hsl(var(--accent))}.upload-drop strong{margin-top:10px;max-width:220px;overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.upload-drop small{margin-top:5px;color:hsl(var(--muted-foreground));font-size:10px}.save-panel{border-radius:17px;background:#254748;padding:22px}.save-panel .button-save{min-height:48px}@media(min-width:1280px){.step-row{grid-template-columns:35px 75px minmax(0,1fr) 105px}.step-code{display:block;text-align:right}}@media(max-width:767px){.nav-link{padding:9px 10px;font-size:11px}.nav-link svg{width:15px}.library-counts{grid-template-columns:1.15fr .85fr}.count-primary{padding:16px}.count-primary strong{font-size:42px}.count-secondary{padding:14px}.instrument-chip{margin-top:2px}.detail-hero{min-height:260px;padding:24px}.detail-stamp{width:95px;height:95px;outline-offset:4px}.stamp-key{font-size:42px}.stamp-top,.stamp-bottom{font-size:6px}.detail-stamp .stamp-bottom{max-width:70px}.step-row{grid-template-columns:25px 60px minmax(0,1fr);gap:9px}.detail-panel{padding:17px}.editor-illustration{width:78px;height:78px}.editor-illustration svg{width:25px}.form-panel{padding:17px}}@media(max-width:420px){.nav-link span{display:none}.search-box{padding:0 12px}.filter-field{min-width:0;flex:1;padding:0 10px}.detail-hero{display:block}.detail-stamp{display:none}.template-callout{padding:19px}}.price-card{display:flex;flex-direction:column;border:1px solid hsl(var(--border));border-radius:17px;background:hsl(var(--card));padding:24px}.price-card>button{margin-top:auto}.price-card-featured{border-color:transparent;background:#254748;color:#f4f0e7}.fingering-art{margin:0;width:100%}.fingering-art-frame{position:relative;display:flex;min-height:120px;align-items:center;justify-content:center}.fingering-art-frame-compact{min-height:80px;justify-content:flex-start}.fingering-art-img{display:block;width:156px;max-width:100%;height:auto;transition:opacity .2s ease}.fingering-art-frame-compact .fingering-art-img{max-height:180px;width:auto}.fingering-art-skeleton{position:absolute;inset:0;border-radius:10px;background:hsl(var(--muted));animation:skeleton-shift 1.5s ease-in-out infinite}.fingering-art-message{display:flex;min-height:80px;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;border:1px dashed hsl(var(--border));border-radius:10px;padding:14px;color:hsl(var(--muted-foreground));font-size:12px;text-align:center}.fingering-art-unsupported{border-color:hsl(var(--accent) / .45);color:hsl(var(--foreground))}.admin-list{display:flex;flex-direction:column;gap:10px}.admin-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;border:1px solid hsl(var(--border));border-radius:16px;background:hsl(var(--card));padding:16px 18px;transition:transform .16s ease,border-color .16s ease,opacity .16s ease;animation:page-enter .3s ease-out both}.admin-row:hover{transform:translateY(-1px);border-color:#c6a495}.admin-row>div:first-child{flex:1 1 320px}.admin-actions{display:flex;flex-wrap:wrap;gap:6px}.admin-actions .button-danger{width:36px;padding:0}.button-secondary:disabled,.button-danger:disabled{cursor:not-allowed;opacity:.55}.status-badge{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:4px 9px;font-family:var(--app-font-mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase}.status-published{background:#47855f1f;color:#2e6042}.status-draft{background:#f1b65038;color:#7a4d1f}.status-premium{background:hsl(var(--primary) / .08);color:hsl(var(--primary))}.status-warn{background:hsl(var(--accent) / .12);color:hsl(var(--accent))}.mode-card{display:flex;flex-direction:column;align-items:flex-start;gap:4px;border:1px solid hsl(var(--border));border-radius:13px;background:hsl(var(--background));padding:14px;text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}.mode-card svg{color:hsl(var(--accent))}.mode-card strong{margin-top:4px;font-size:13px}.mode-card small{color:hsl(var(--muted-foreground));font-size:11px}.mode-card:hover{transform:translateY(-1px);border-color:hsl(var(--accent) / .6)}.mode-card-active{border-color:hsl(var(--primary));background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.mode-card-active svg{color:#e9c889}.mode-card-active small{color:#dfd7c3}.ai-textarea{width:100%;resize:vertical;border:1px solid hsl(var(--border));border-radius:9px;outline:none;background:hsl(var(--background));padding:10px 12px;font-size:13px;line-height:1.6}.ai-textarea:focus{border-color:hsl(var(--accent));box-shadow:0 0 0 3px hsl(var(--accent) / .1)}.notice-soft{display:flex;gap:8px;border-radius:10px;background:#f1b65024;padding:10px 12px;font-size:12px;line-height:1.55;color:hsl(var(--foreground))}.notice-soft svg{flex:0 0 auto;margin-top:2px;color:#9b6127}.warning-panel{border:1px solid hsl(var(--accent) / .4);border-radius:17px;background:hsl(var(--accent) / .07);padding:18px 20px}.busy-dot{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:#e4bb70;animation:busy-pulse 1.1s ease-in-out infinite}.recording-pulse{animation:busy-pulse 1.2s ease-in-out infinite}@keyframes busy-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.88)}}.sheet-stack{display:flex;flex-direction:column;align-items:center;gap:14px}.sheet-scroll{width:100%;max-width:640px}.sheet-playback-dock{z-index:45;width:max-content;max-width:calc(100vw - 16px);border:1px solid hsl(var(--border));border-radius:14px;background:hsl(var(--card) / .98);padding:7px;box-shadow:0 8px 24px -12px #1e33346b}.sheet-playback-dock .melody-playback{padding:0}.sheet-playback-move{display:flex;width:100%;min-height:24px;align-items:center;justify-content:center;gap:5px;margin:0 0 5px;border:0;border-radius:7px;background:hsl(var(--muted) / .65);color:hsl(var(--muted-foreground));font-size:10px;cursor:grab;touch-action:none}.sheet-playback-move:active{cursor:grabbing}.sheet-playback-move:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:1px}.melody-playback-compact{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.melody-playback-compact button{display:inline-flex;min-height:36px;align-items:center;justify-content:center;gap:4px;border-radius:9px;padding:0 8px;font-size:11px}.melody-playback-error{flex-basis:100%;max-width:220px;overflow-wrap:anywhere;font-size:11px;color:hsl(var(--destructive))}.sheet-stack[data-side-dock=enabled] .sheet-playback-dock{position:fixed;top:var(--sheet-dock-player-top, 50dvh);left:var(--sheet-dock-player-left);transform:translateY(-50%)}.sheet-stack[data-side-dock=enabled] .melody-playback-compact{width:120px;flex-direction:column;align-items:stretch}.sheet-note-dock{z-index:46;width:min(200px,calc(100vw - 16px));border:1px solid hsl(var(--border));border-radius:14px;background:hsl(var(--card) / .98);padding:7px;box-shadow:0 8px 24px -12px #1e33346b}.sheet-meter-change{flex:1 0 100%;min-width:0;width:100%}.sheet-meter-change .form-field{flex:1 1 70px;min-width:0;width:auto}.sheet-meter-change select{max-width:100%;width:100%;padding:5px;font-size:12px}.sheet-meter-change button{white-space:normal}.sheet-meter-change .meter-apply-button{background:#d9efdf;color:#175432;border-radius:8px;width:fit-content;min-height:36px;height:auto;padding:8px 10px}.sheet-meter-change .meter-apply-button:hover:not(:disabled){background:#c8e5d0}.sheet-meter-change .meter-apply-button:active:not(:disabled){background:#176b3a;color:#fff}.sheet-meter-change .meter-apply-button:disabled{background:#e5e7eb;color:#6b7280}.sheet-note-move{position:sticky;top:0;z-index:2}.sheet-stack[data-side-dock=enabled] .sheet-note-dock{position:fixed;top:var(--sheet-dock-editor-top, 8px);left:var(--sheet-dock-editor-left);max-height:calc(100dvh - var(--sheet-note-top, var(--sheet-dock-editor-top, 8px)) - 8px);overflow-y:auto;transform:none}.sheet-stack[data-side-dock=enabled] .sheet-note-dock .sheet-note-controls{display:flex;width:100%;max-width:100%;flex-direction:column;align-items:stretch;justify-content:flex-start;margin:0;border-radius:0}.sheet-stack[data-side-dock=enabled] .sheet-note-controls>[aria-label^="Rhythm for event"]{justify-content:flex-start}.sheet-stack[data-side-dock=flow] .sheet-playback-dock{position:sticky;top:88px;margin:0 auto 10px}.sheet-stack[data-side-dock=flow] .sheet-note-dock{position:fixed;right:8px;top:var(--sheet-dock-editor-top, 8px);width:min(200px,calc(100vw - 32px));max-height:calc(100dvh - var(--sheet-note-top, var(--sheet-dock-editor-top, 8px)) - 8px);overflow-y:auto}.sheet-stack[data-side-dock=flow] .sheet-note-dock .sheet-note-controls{width:100%;margin:0;border-radius:0}.sheet-stack[data-side-dock] .sheet-note-dock .sheet-note-controls{border:0;padding:6px 2px;box-shadow:none;animation:none}.sheet-stack[data-side-dock=flow]:has(.sheet-note-dock){padding-bottom:min(34dvh,300px)}.sheet-stack[data-side-dock] .sheet-note-dock[data-moved=true]{position:fixed;right:auto;bottom:auto;transform:none;margin:0}.sheet-note-mobile-header{display:none}@media screen and (max-width:1099px){.sheet-stack[data-side-dock] .sheet-note-dock,.sheet-stack[data-side-dock] .sheet-note-dock[data-moved=true]{position:sticky;inset:auto auto auto 0!important;width:min(var(--sheet-controls-width, 100%),var(--sheet-w, 816px));max-width:var(--sheet-controls-width, 100%);min-width:0;max-height:none;overflow:visible;transform:none;margin:0 0 10px;scroll-margin-block:90px 12px}.sheet-stack[data-side-dock=flow]:has(.sheet-note-dock){padding-bottom:0}.sheet-note-dock .sheet-note-move{display:none}.sheet-note-mobile-header{display:flex;align-items:center;gap:8px;font-size:12px}.sheet-note-mobile-header strong{margin-right:auto}.sheet-note-mobile-header button{min-height:36px;padding:4px 8px;border:1px solid hsl(var(--border));border-radius:8px}.sheet-stack[data-side-dock] .sheet-note-dock .sheet-note-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;align-items:center;width:100%;max-width:100%}.sheet-note-dock .sheet-note-controls-label{display:none}.sheet-note-dock .sheet-pitch-controls{min-width:0}.sheet-note-dock .sheet-pitch-controls select{width:100%;min-width:0;flex:1;padding-inline:4px}.sheet-note-dock .sheet-accidentals{justify-self:end}.sheet-note-dock .sheet-note-actions,.sheet-note-dock .sheet-meter-change,.sheet-note-dock .sheet-rhythm-controls{grid-column:1 / -1}}.sheet-page{--app-font-sans: "SnapSax Accidentals", "DM Sans", sans-serif;--app-font-serif: "SnapSax Accidentals", "Playfair Display", serif;--app-font-mono: "SnapSax Accidentals", "DM Mono", monospace;--u: calc(100cqw / 612);position:relative;width:100%;aspect-ratio:612 / 792;overflow:hidden;container-type:inline-size;border:1px solid hsl(38 20% 80%);border-radius:4px;background:#fdfcfa;box-shadow:0 1px #ded8ce,0 14px 28px -18px #1e333447;font-family:var(--app-font-sans)}.sheet-page>*{--u: calc(100cqw / 612)}.sheet-header{position:absolute;top:calc(10 * var(--u));left:calc(18 * var(--u));right:calc(18 * var(--u));display:flex;flex-direction:column;padding-right:calc(64 * var(--u));height:calc((var(--sheet-header-rule-top) - 10) * var(--u));box-sizing:border-box}.sheet-header-rule{position:absolute;top:calc(var(--sheet-header-rule-top) * var(--u));left:calc(18 * var(--u));right:calc(18 * var(--u));border-top:calc(.6 * var(--u)) solid #455653}.sheet-qr{position:absolute;top:calc(-4 * var(--u));right:0;width:calc(46 * var(--u));height:calc(46 * var(--u));object-fit:contain}.sheet-footer{position:absolute;right:0;bottom:calc(8 * var(--u));left:0;display:flex;flex-direction:column;align-items:center;gap:0;font-size:calc(6.5 * var(--u));line-height:calc(8 * var(--u));color:hsl(var(--muted-foreground))}.sheet-header-line{display:flex;align-items:baseline;justify-content:flex-start;gap:calc(6 * var(--u));min-width:0}.sheet-page-number{flex:0 0 auto;font-family:Helvetica,Arial,sans-serif;font-size:calc(9 * var(--u));font-weight:400;line-height:1.15;color:#707070;white-space:nowrap}.sheet-composer{position:absolute;top:calc((var(--sheet-composer-baseline, 68) - 16) * var(--u));right:0;flex:0 1 auto;min-width:0;max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right;font-size:calc(7 * var(--u));line-height:1.2;font-style:italic;color:hsl(var(--foreground) / .8)}.sheet-composer-input{width:calc(170 * var(--u));border:0;background:transparent;outline:none;padding:0}.sheet-composer-input:focus{border-bottom-color:hsl(var(--accent))}.sheet-composer-input::placeholder{color:hsl(var(--muted-foreground) / .6)}@media print{.sheet-composer-input::placeholder{color:transparent}.sheet-composer-input,.sheet-title-input{border:0}}.sheet-title{display:block;flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:calc(576 * var(--u));font-family:SnapSax Accidentals,Helvetica,Arial,sans-serif;font-size:calc(var(--sheet-title-size) * var(--u));font-weight:var(--sheet-title-weight, 700);line-height:1.15}.sheet-title-field{display:inline-grid}.sheet-title-field>*{grid-area:1 / 1;min-width:0}.sheet-title-measure{visibility:hidden}.sheet-title-field .sheet-title-input{width:100%;font:inherit;color:inherit;line-height:inherit}.sheet-title-input{border:0;background:transparent;outline:none;padding:0}.sheet-title-input:focus-visible,.sheet-composer-input:focus-visible{outline:1px solid hsl(var(--accent));outline-offset:2px}.creation-field-next{outline:2px solid #bc761c;outline-offset:5px;border-radius:8px;background-color:#fff6df;animation:creation-outline-pulse 1.8s ease-in-out infinite}.creation-field-next:has(.creation-methods){width:fit-content;max-width:100%}.creation-field-next .input-method-choice{animation:creation-outline-pulse 1.8s ease-in-out infinite;outline:2px solid #bc761c;outline-offset:2px}@keyframes creation-outline-pulse{0%,to{outline-color:#bc761c;box-shadow:0 0 #bc761c22}50%{outline-color:#edb151;box-shadow:0 0 0 3px #bc761c11}}@media(prefers-reduced-motion:reduce){.creation-field-next,.creation-field-next .input-method-choice{animation:none}}.creation-methods{margin:12px 0}.compact-chart-create .creation-toolbar{grid-column:1 / -1;min-width:0;padding:14px}.creation-identity-row{display:grid;grid-template-columns:minmax(0,320px) minmax(0,280px);align-items:end;justify-content:start;gap:14px}.creation-identity-row.has-extra{grid-template-columns:minmax(0,320px) minmax(0,280px) max-content}.creation-identity-extra{padding-bottom:5px}.creation-composer-input{display:flex;align-items:center;gap:7px;min-width:0}.creation-composer-input input{min-width:0}.creation-composer-input button{flex-shrink:0;font-size:11px;text-decoration:underline}.creation-settings-row{display:flex;flex-wrap:wrap;align-items:start;gap:12px 16px;margin-top:14px}.creation-meter-field{width:124px;flex-shrink:0}.creation-pickup-field{width:148px;flex-shrink:0}.creation-settings-row .chart-select-field{width:100%}.creation-settings-row .creation-meter-field fieldset,.creation-settings-row .creation-pickup-field>div{width:100%}.creation-source-field{min-width:0}.creation-toolbar .form-field{gap:5px}.compact-chart-create .creation-toolbar .form-field>span,.creation-toolbar .creation-field-label{display:block;font-family:var(--font-sans);font-size:14px!important;font-weight:800;letter-spacing:0;text-transform:none;color:hsl(var(--foreground));line-height:1.4}.compact-chart-create .creation-toolbar input:not([type=checkbox]),.compact-chart-create .creation-toolbar select{height:36px!important;min-height:36px!important;font-size:15px!important;font-weight:700}.creation-source-field>.creation-field-label{margin-bottom:5px}.creation-source-field .entry-notation-choices{gap:6px}.creation-source-field .entry-notation-choices button{min-height:36px;font-size:13px;font-weight:700;padding:5px 10px;white-space:nowrap}.creation-part-choices{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.creation-part-choices button{font-weight:700}.creation-part-choices button[aria-pressed=true][data-source=alto]{color:#fff;background:#bd611e;border-color:#bd611e}.creation-part-choices button[aria-pressed=true][data-source=tenor]{color:#fff;background:#24704c;border-color:#24704c}.creation-toolbar-footer{margin-top:10px}.creation-toolbar-footer:empty{display:none}@media(max-width:950px){.creation-identity-row.has-extra{grid-template-columns:minmax(0,320px) minmax(0,280px)}.creation-identity-extra{grid-column:1 / -1}}.sheet-title-input:focus{border-bottom-color:hsl(var(--accent))}.rhythm-needs-correction{outline:2px solid #c77912;outline-offset:3px;border-radius:5px;background:#fff2d5}.rhythm-error{margin:6px 0;color:#8a3f08;font-size:12px;line-height:1.4;white-space:normal}.sheet-meta{position:absolute;top:calc(var(--sheet-title-size) * 1.15 * var(--u));bottom:0;left:0;right:calc(64 * var(--u));justify-content:center;color:hsl(var(--muted-foreground));font-family:SnapSax Accidentals,Helvetica,Arial,sans-serif;font-size:calc(var(--sheet-subtitle-size) * var(--u));font-weight:500;white-space:pre-wrap;overflow-wrap:anywhere;display:flex;flex-direction:column;align-items:flex-start;gap:calc(1 * var(--u));line-height:1.15}.sheet-meta-written{display:inline-flex;align-items:center;gap:calc(5 * var(--u));font-size:calc(var(--sheet-subtitle-size) * var(--u))}.sheet-meta-concert{display:block;font-size:calc(var(--sheet-concert-subtitle-size) * var(--u));line-height:1.1}.sheet-meta .sheet-tier-symbol{display:inline-flex;vertical-align:middle;margin-left:calc(5 * var(--u));padding:0;border:0;background:transparent}.sheet-tier-symbol svg{width:calc(var(--sheet-tier-size) * var(--u));height:calc(var(--sheet-tier-size) * var(--u))}.sheet-rows{position:absolute;top:calc(var(--sheet-top) * var(--u));left:calc(var(--sheet-margin) * var(--u));width:calc(var(--sheet-content-width) * var(--u));height:calc(var(--sheet-rows-count) * var(--sheet-row-height) * var(--u));display:grid;grid-template-rows:repeat(var(--sheet-rows-count),calc(var(--sheet-row-height) * var(--u)))}.sheet-row-staff{position:absolute;top:calc(var(--sheet-staff-top) * var(--u));left:0;width:calc(var(--sheet-content-width) * var(--u));height:calc(var(--sheet-row-staff-height) * var(--u));overflow:visible;pointer-events:none;z-index:0}.note-staff-hidden{opacity:0}.sheet-cell .note-staff[data-hidden-artwork] svg{opacity:0}.sheet-row{position:relative}.sheet-barline-handle{position:absolute;z-index:4;top:calc(var(--sheet-staff-top) * var(--u));height:calc(var(--sheet-row-staff-height) * var(--u));width:max(20px,calc(10 * var(--u)));transform:translate(-50%);padding:0;border:0;border-radius:3px;background:transparent;cursor:col-resize;touch-action:none;-webkit-user-select:none;user-select:none}.sheet-barline-handle:hover,.sheet-barline-handle:focus-visible{background:#785e381f;outline:2px solid #8a6d44;outline-offset:0}.sheet-barline-handle:hover:after,.sheet-barline-handle:focus-visible:after{content:"↔";position:absolute;left:50%;top:-20px;transform:translate(-50%);color:#614a2c;background:#fffaf2;border-radius:3px;font-size:17px;line-height:20px}@media print{.sheet-barline-handle{display:none!important}}.sheet-row:before{position:absolute;top:calc(var(--sheet-lyric-separator-top) * var(--u));left:0;width:100%;border-top:1px dashed hsl(38 20% 86%);content:""}.sheet-row:first-child:before{display:none}.sheet-cell{position:absolute;width:calc(var(--sheet-box-width) * var(--u));height:calc((var(--sheet-row-height) - 4) * var(--u));border-left:1px solid hsl(38 20% 90%);will-change:transform}.sheet-cell:first-child{border-left:0}.fingering-octave-note{background:#fff1bf;color:#68470a;border-radius:3px;padding:1px 4px;font-size:9px;line-height:1.2}.sheet-cell .fingering-octave-note{position:absolute;top:calc(22 * var(--u));left:50%;transform:translate(-50%);white-space:nowrap;font-size:calc(4.5 * var(--u));padding:0 calc(2 * var(--u))}.sheet-cell-index{position:absolute;top:calc(1 * var(--u));left:calc(2 * var(--u));z-index:1;color:hsl(var(--muted-foreground) / .7);font-family:var(--app-font-mono);font-size:calc(6 * var(--u))}.sheet-cell .fingering-art{position:absolute;inset:0;display:block;width:auto;margin:0}.sheet-cell .fingering-note-name{position:absolute;top:0;left:0;right:0;margin:0;height:calc(11 * var(--u));font-size:calc(var(--sheet-label-size) * var(--u));line-height:calc(11 * var(--u));letter-spacing:0;font-weight:400}.sheet-cell .fingering-art-frame{position:absolute;top:calc(var(--sheet-image-top) * var(--u));left:0;right:0;height:calc(var(--sheet-sax-height) * var(--u));min-height:0;justify-content:center}.sheet-cell .fingering-art-img,.sheet-cell .fingering-art-frame-compact .fingering-art-img{height:calc(var(--sheet-sax-height) * var(--u));max-height:none;width:auto;max-width:100%;object-fit:contain;margin:0 auto}.sheet-cell .fingering-art-message{position:absolute;top:calc(var(--sheet-image-top) * var(--u));left:calc(3 * var(--u));right:calc(3 * var(--u));height:calc(var(--sheet-sax-height) * var(--u));min-height:0;padding:calc(4 * var(--u));font-size:calc(7 * var(--u));line-height:1.25;gap:calc(2 * var(--u))}.sheet-cell .fingering-art-message svg{width:calc(10 * var(--u));height:calc(10 * var(--u))}.sheet-cell .fingering-note-name{top:calc(var(--sheet-label-top) * var(--u))}.note-staff{width:var(--staff-width)}.note-staff-svg{display:block;margin-inline:auto}.sheet-cell [data-testid$=-staff]{position:absolute;top:calc(var(--sheet-staff-top) * var(--u));left:0;width:100%;max-width:none;margin:0}.sheet-cell [data-testid$=-staff] svg{translate:none;transform:none;margin-left:calc((var(--sheet-box-width) - 44.8) / 2 * var(--u));width:calc(44.8 * var(--u));height:calc(37.6 * var(--u));overflow:visible}.sheet-cell .fingering-lyric{position:absolute;top:calc(var(--sheet-lyric-top) * var(--u));left:calc((var(--sheet-box-width) - var(--sheet-lyric-width)) / 2 * var(--u));width:calc(var(--sheet-lyric-width) * var(--u));margin:0;padding:0!important;white-space:nowrap;overflow:visible;font-size:calc(7 * var(--u));line-height:calc(8 * var(--u))}.sheet-cell .fingering-art[data-long-lyric=true] .fingering-lyric{font-size:calc(2.5 * var(--u))}.sheet-bare .sheet-row,.sheet-bare .sheet-cell{border:0}.sheet-footnote{color:hsl(var(--muted-foreground));font-family:var(--app-font-mono);font-size:9px;letter-spacing:.08em}.fingering-note-name{margin:2px 0 10px;text-align:center;font-family:var(--app-font-mono);font-size:9px;font-weight:400;line-height:1.2;color:hsl(var(--foreground))}.fingering-label-accidental{display:inline-block;font-family:SnapSax Accidentals;width:.55em;margin-left:.04em;text-align:left;letter-spacing:0}.fingering-label-octave{margin-left:.25em}.note-staff>p{margin-top:-10px}.chart-playback{width:100%;margin:4px auto}.chart-playback .melody-playback{padding:6px}.chart-playback .melody-playback>div:first-child{justify-content:center}@media print{.chart-playback{display:none!important}}@page{size:letter portrait;margin:0}@media print{.sheet-stack{display:block;gap:0;padding-bottom:0!important}.sheet-scroll{width:8.5in!important;max-width:none!important;margin:0}.sheet-page{width:8.5in!important;height:11in;border:0;border-radius:0;box-shadow:none;break-after:page;break-inside:avoid}.sheet-scroll:last-child .sheet-page{break-after:auto}}.sheet-cell-editable{cursor:ew-resize;touch-action:pan-y;outline:none}.sheet-cell-editable:hover{background:hsl(var(--accent) / .05)}.sheet-cell-editable:focus-visible{box-shadow:inset 0 0 0 2px hsl(var(--ring) / .55)}.sheet-cell.is-selected{box-shadow:inset 0 0 0 2px hsl(var(--accent));background:hsl(var(--accent) / .07)}.staff-interactive{cursor:ns-resize;touch-action:none}.sheet-note-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin:10px auto 0;width:fit-content;max-width:100%;border:1px solid hsl(var(--border));border-radius:999px;background:hsl(var(--card));padding:6px 10px;box-shadow:0 6px 18px -12px #1e333473;animation:page-enter .2s ease-out both}.sheet-note-controls-label{font-family:var(--app-font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:hsl(var(--muted-foreground))}.sheet-note-controls select{height:32px;border:1px solid hsl(var(--border));border-radius:8px;background:hsl(var(--background));padding:0 8px;font-size:12px}.sheet-note-controls-group{display:inline-flex;overflow:hidden;border:1px solid hsl(var(--border));border-radius:8px}.sheet-note-controls-group button{display:grid;min-width:32px;height:32px;place-items:center;font-size:15px}.sheet-note-controls-group button+button{border-left:1px solid hsl(var(--border))}.sheet-note-controls-group button:hover:not(:disabled),.sheet-note-controls-group button.is-active{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.sheet-note-controls button:disabled{opacity:.35;cursor:not-allowed}.sheet-note-delete{display:inline-flex;height:32px;align-items:center;gap:5px;border-radius:8px;padding:0 10px;color:hsl(var(--destructive));font-size:12px;font-weight:600}.sheet-note-delete:hover:not(:disabled){background:hsl(var(--destructive) / .08)}.focus-sheet .sheet-note-controls{position:relative;width:fit-content;max-width:calc(100vw - 16px);border-radius:16px;animation:none}.sheet-note-controls>[aria-label^="Rhythm for event"]{flex-basis:100%;justify-content:center;padding-top:8px;border-top:1px solid hsl(var(--border))}.sheet-note-controls input[type=number]{height:32px;border:1px solid hsl(var(--border));border-radius:8px;background:hsl(var(--background));padding:0 8px;font-size:12px}.sheet-note-controls label:has(>select){display:flex;flex-direction:column;gap:4px}.sheet-note-controls select{width:116px;max-width:100%;height:32px;min-height:32px;flex:none;text-overflow:ellipsis}.sheet-pitch-controls{display:grid;grid-template-columns:minmax(0,1fr) 66px;align-items:center;gap:4px;width:100%}.sheet-pitch-controls select{width:100%;min-width:0;padding-left:5px}.sheet-pitch-controls .sheet-note-controls-group{height:32px;box-sizing:border-box}.sheet-pitch-controls .sheet-note-controls-group button{width:32px;min-width:32px;height:30px}.sheet-rhythm-controls{display:flex;flex-direction:column;gap:8px;width:100%;font-size:12px}.sheet-editor-menu-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:6px;width:100%}.sheet-editor-menu-pair>*,.sheet-editor-menu-pair .form-field{width:100%;min-width:0;max-width:100%}.sheet-editor-menu-pair select{width:100%;min-width:0;padding-left:5px;font-size:11px}.sheet-note-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;width:100%}.sheet-note-actions>button{display:inline-flex;align-items:center;justify-content:center;gap:2px;padding:0 2px;border:1px solid hsl(var(--border));border-radius:8px;font-size:10px;height:32px;white-space:nowrap}.sheet-accidentals{gap:6px;border:0;overflow:visible}.sheet-accidentals button{width:32px;height:32px;padding:0;border:1px solid currentColor;border-radius:7px;font-size:18px}.sheet-accidentals button:is(.accidental-sharp,.accidental-flat,.accidental-natural),.direct-entry button.note-accidental{color:#525b63;background:#edf0f2}.sheet-accidentals button.is-active,.direct-entry button.note-accidental.is-active{color:#fff;background:#196c43;border-color:#196c43}.playback-countoff{display:flex;align-items:center;gap:4px}.playback-countoff-toggle{border:1px solid transparent;border-radius:6px;padding:5px 7px;background:#e5f4e9;color:#24543b;font-size:12px}.playback-countoff-toggle[aria-pressed=true]{background:#165b36;color:#fff;border-color:#0a3d22;outline:1px solid #0a3d22;outline-offset:1px}.playback-countoff select{min-width:0;width:65px;padding:4px;border:1px solid hsl(var(--border));border-radius:6px;font-size:12px;background:hsl(var(--card))}.form-field select,.sheet-note-controls select{appearance:none;padding-right:24px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23566866' stroke-width='1.5'%3E%3Cpath d='m3 4.5 3 3 3-3'/%3E%3C/svg%3E");background-size:12px;background-position:right 6px center;background-repeat:no-repeat}.focus-toolbar:has([data-testid=button-sheet-save]){width:max-content;max-width:calc(100vw - 16px);flex-wrap:wrap;justify-content:center;opacity:1}@media(max-width:600px){.focus-sheet:has([data-testid=button-sheet-save]){padding-top:115px}.focus-sheet:has([data-testid=button-sheet-save]) .focus-status{top:85px}}@media print{.sheet-note-controls{display:none}.sheet-footer{color:#444}.sheet-cell.is-selected,.sheet-cell-editable:hover{box-shadow:none;background:none}}.sheet-caret{position:absolute;top:0;bottom:0;z-index:3;display:flex;width:min(6px,calc(8 * var(--u)));padding:0;justify-content:center;cursor:text;opacity:0;transition:opacity .12s ease}.sheet-caret-before{left:-2px}.sheet-caret-after{right:-2px}.sheet-caret span{width:2px;height:100%;border-radius:2px;background:hsl(var(--accent) / .55)}.sheet-cell-editable:hover .sheet-caret,.sheet-caret:focus-visible{opacity:1}.sheet-caret:focus-visible{outline:none}.sheet-caret:focus-visible span{box-shadow:0 0 0 2px hsl(var(--ring) / .4)}.sheet-caret.is-active{opacity:1}.sheet-caret.is-active span{width:3px;background:hsl(var(--accent));animation:caret-blink 1s steps(2,start) infinite}@keyframes caret-blink{50%{opacity:.35}}@media(hover:none){.sheet-caret{opacity:.55}}.sheet-lyric-input{position:absolute;top:calc(var(--sheet-lyric-top) * var(--u));left:calc((var(--sheet-box-width) - var(--sheet-lyric-width)) / 2 * var(--u));z-index:2;width:calc(var(--sheet-lyric-width) * var(--u));min-width:0;border:0;background:transparent;padding:0;text-align:center;font-size:calc(7 * var(--u));line-height:calc(8 * var(--u));color:hsl(var(--foreground));outline:none}.sheet-lyric-input::placeholder{color:hsl(var(--muted-foreground) / .45)}.sheet-lyric-input:focus{border-bottom-color:hsl(var(--accent));background:hsl(var(--accent) / .06)}.sheet-note-action,.sheet-note-paste{display:inline-flex;height:32px;align-items:center;gap:5px;padding:0 10px;font-size:12px;font-weight:600}.sheet-note-action{border-radius:8px}.sheet-note-action:hover{background:hsl(var(--muted))}.sheet-note-controls-group .sheet-note-paste{min-width:0;font-size:12px}.sheet-clipboard-hint{margin:0 auto 10px;max-width:760px;text-align:center;font-size:12px;color:hsl(var(--muted-foreground))}.sheet-empty-insert{margin-top:8px}@media print{.sheet-caret,.sheet-clipboard-hint,.sheet-note-controls,.sheet-note-dock,.sheet-playback-dock{display:none!important}.sheet-lyric-input{border:0;background:none}.sheet-lyric-input::placeholder{color:transparent}}.chart-editor-ui{--app-font-serif: var(--app-font-sans);--app-font-mono: var(--app-font-sans);font-family:var(--app-font-sans)}.chart-editor-ui :is(input,select,button),.chart-editor-ui .form-field>span,.chart-editor-ui .chart-control-label{font-family:var(--app-font-sans)}.chart-editor-ui .form-field>span,.chart-editor-ui .chart-control-label{font-size:12px;font-weight:500;letter-spacing:normal;text-transform:none}.chart-editor-ui .sheet-page{--app-font-serif: "SnapSax Accidentals", "Playfair Display", serif;--app-font-mono: "SnapSax Accidentals", "DM Mono", monospace}.focus-sheet{min-height:100dvh;background:#ebe7e0;padding:56px 12px 40px}.focus-sheet .sheet-stack{width:max-content;min-width:100%}.focus-sheet .sheet-scroll{width:var(--sheet-w, min(816px, 100%));max-width:none;flex:0 0 auto}.focus-zoom{display:inline-flex;align-items:center;gap:2px;border-left:1px solid hsl(var(--border));padding-left:6px}.focus-toolbar .focus-zoom button{min-width:36px;min-height:36px;justify-content:center;padding:0 10px}.focus-toolbar .focus-zoom button.is-active{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.focus-toolbar .focus-zoom button:disabled{cursor:not-allowed}.focus-zoom-value{min-width:46px;text-align:center;font-family:var(--app-font-mono);font-size:12px;font-variant-numeric:tabular-nums}.focus-sheet .sheet-page{border-radius:2px}.focus-toolbar{position:sticky;top:8px;margin:0 auto 12px;z-index:30;display:flex;gap:6px;border-radius:18px;background:hsl(var(--card) / .98);padding:5px;box-shadow:0 6px 20px -10px #1e333466;width:max-content;max-width:calc(100vw - 16px);flex-wrap:wrap;justify-content:center}.focus-toolbar a,.focus-toolbar button{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:600;color:hsl(var(--foreground))}.focus-toolbar a:hover,.focus-toolbar button:hover{background:hsl(var(--muted))}.focus-toolbar .button-primary{background:#deece9;color:#254748}.focus-toolbar .button-primary:active{background:#254748;color:#fff}.focus-toolbar button:disabled{opacity:.5;cursor:wait}.focus-toolbar .focus-toolbar-back{order:-1;min-height:44px;padding:9px 16px;border:2px solid #d3a915;border-radius:12px;background:#f1d65e;color:#332707;font-size:15px;font-weight:800!important}.focus-toolbar .focus-toolbar-back:hover{background:#e7c83f;border-color:#b48e0c}.focus-toolbar .focus-toolbar-back:focus-visible{outline:3px solid #d3a91566;outline-offset:3px}.focus-status{position:static;margin:8px auto;width:fit-content;max-width:calc(100% - 24px);overflow-wrap:anywhere;border-radius:10px;background:hsl(var(--card));padding:8px 12px;font-size:12px;box-shadow:0 6px 20px -10px #1e333466}.focus-toolbar .button-save{background:#d9efdf;color:#175432}.focus-toolbar .button-save:active:not(:disabled){background:#176b3a;color:#fff}.focus-toolbar .button-save:disabled{background:#366c4c;color:#fff;opacity:1;cursor:not-allowed}.focus-sheet .focus-toolbar,.focus-sheet .focus-toolbar:has([data-testid=button-sheet-save]),.focus-sheet .sheet-note-controls{max-width:100%}.sheet-phrase-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;max-width:900px;padding:8px 12px;margin:auto}.sheet-phrase-tools p{flex-basis:100%;overflow-wrap:anywhere}.focus-review{max-width:900px;margin:12px auto;padding:12px 18px;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:12px;font-size:12px;overflow-wrap:anywhere}.focus-review summary{cursor:pointer;font-weight:600}.focus-review li{margin:8px 0}.focus-sheet,.focus-sheet:has([data-testid=button-sheet-save]){padding-top:12px}@media print{.focus-toolbar,.focus-status{display:none}.focus-sheet{padding:0!important;min-height:0;background:none}.focus-sheet .sheet-stack{width:auto;min-width:0}.focus-sheet .sheet-scroll{width:8.5in!important}}.site-container{width:100%;padding-inline:clamp(16px,2.5vw,64px)}.site-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.site-nav-link{display:grid;place-items:center;min-width:0;min-height:42px;border-radius:999px;padding:0 6px;color:hsl(var(--muted-foreground));font-family:var(--app-font-mono);font-size:12px;font-weight:700;letter-spacing:.06em;text-align:center;transition:background .16s ease,color .16s ease}@media(min-width:1024px){.site-nav{grid-template-columns:repeat(5,max-content)}.site-nav-link{padding-inline:12px}}.site-nav-link:hover{color:hsl(var(--foreground));background:hsl(var(--muted))}.site-nav-link.is-active{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}@media(max-width:420px){.site-nav-link{padding:0 4px;font-size:10px;letter-spacing:.08em}}.library-filter{min-width:0;flex:1;height:44px}.letter-bar{position:sticky;top:var(--header-h, 120px);z-index:20;display:flex;flex-wrap:wrap;gap:2px;margin:16px -4px 0;border-bottom:1px solid hsl(var(--border));background:hsl(var(--background) / .96);padding:8px 4px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.letter-bar button{min-width:28px;height:30px;border-radius:7px;font-family:var(--app-font-mono);font-size:12px;font-weight:500;color:hsl(var(--foreground))}.letter-bar button:hover:not(:disabled){background:hsl(var(--accent) / .14);color:hsl(var(--accent))}.letter-bar button.is-empty{color:hsl(var(--muted-foreground) / .4);cursor:default}.letter-section{scroll-margin-top:calc(var(--header-h, 120px) + 64px);padding-top:18px}@media(max-width:640px){.letter-section{scroll-margin-top:calc(var(--header-h, 160px) + 104px)}.letter-bar button{min-width:24px;height:28px;font-size:11px}}.letter-heading{display:flex;align-items:center;gap:12px;font-family:var(--app-font-serif);font-size:26px;color:hsl(var(--accent))}.letter-heading:after{content:"";height:1px;flex:1;background:hsl(var(--border))}.song-list{margin-top:6px}.song-row{border-bottom:1px solid hsl(var(--border) / .7)}.song-row-main{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:13px 4px}a.song-row-main:hover .song-name{color:hsl(var(--accent))}a.song-row-main:hover .song-arrow{transform:translate(3px);color:hsl(var(--accent))}.song-name{flex:1 1 220px;font-size:16px;font-weight:600}.song-variant-meta{font-family:var(--app-font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:hsl(var(--muted-foreground))}.song-arrow{color:hsl(var(--muted-foreground));transition:transform .15s ease}.song-variants{display:flex;flex-wrap:wrap;gap:6px}.song-variant{border:1px solid hsl(var(--border));border-radius:999px;padding:5px 10px;font-family:var(--app-font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.song-variant:hover{border-color:hsl(var(--accent));color:hsl(var(--accent))}.about-list{display:grid;gap:26px 40px}@media(min-width:768px){.about-list{grid-template-columns:1fr 1fr}}.about-item{border-top:1px solid hsl(var(--border));padding-top:14px}@media(max-width:700px){.focus-sheet{padding-top:104px}.focus-status{top:96px}}.sheet-bundle{position:absolute;inset:0}.sheet-art-select{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;padding:0;background:transparent}.sheet-cell.is-dragging{z-index:4}.sheet-cell .sheet-lyric-input{z-index:6}.sheet-text-editor{display:none}@media screen and (max-width:700px){.sheet-text-editor{display:flex;flex-wrap:wrap;gap:8px;width:calc(100vw - 40px);max-width:100%;padding:8px;border-radius:10px;background:hsl(var(--card))}.sheet-text-editor label{display:flex;flex:1 1 120px;flex-direction:column;gap:4px;font-size:12px}.sheet-text-editor input{width:100%;min-height:44px;border:1px solid hsl(var(--border));border-radius:6px;background:hsl(var(--background));padding:6px 10px;font-size:11pt}}.sheet-cell.is-dragging .fingering-art{opacity:.92}.sheet-move-handle{position:absolute;top:-16px;left:50%;transform:translate(-50%);z-index:7;display:grid;width:calc(14 * var(--u));min-width:18px;height:14px;place-items:center;border:1px solid hsl(var(--border));border-radius:999px;background:hsl(var(--card));color:hsl(var(--muted-foreground));cursor:ew-resize;touch-action:none;opacity:0;transition:opacity .12s ease,background .12s ease}.sheet-move-handle svg{width:70%;height:70%}.sheet-cell-editable:hover .sheet-move-handle,.sheet-cell.is-selected .sheet-move-handle,.sheet-move-handle:focus-visible,.sheet-cell.is-dragging .sheet-move-handle{opacity:1}.sheet-move-handle:hover,.sheet-move-handle:focus-visible,.sheet-cell.is-dragging .sheet-move-handle{border-color:hsl(var(--accent));background:hsl(var(--accent));color:hsl(var(--accent-foreground));outline:none}@media(hover:none){.sheet-move-handle{opacity:.6}}@media print{.sheet-move-handle{display:none!important}}.dup-panel{border:1px solid hsl(var(--border));border-radius:14px;background:hsl(var(--card));padding:14px}.dup-panel summary{display:flex;cursor:pointer;align-items:center;gap:8px;font-size:12px;font-weight:700;list-style:none}.dup-panel summary::-webkit-details-marker{display:none}.dup-choice{display:flex;flex-direction:column;align-items:flex-start;gap:2px;border:1px solid hsl(var(--border));border-radius:10px;background:hsl(var(--background));padding:8px 10px;text-align:left;font-size:12px;transition:border-color .14s ease}.dup-choice small{font-family:var(--app-font-mono);font-size:9px;letter-spacing:.08em;color:hsl(var(--muted-foreground))}.dup-choice:hover:not(:disabled){border-color:hsl(var(--accent))}.dup-choice[aria-checked=true]{border-color:hsl(var(--primary));background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.dup-choice[aria-checked=true] small{color:#dfd7c3}.dup-choice.is-blocked small{color:hsl(var(--destructive))}.dup-notes{display:flex;flex-wrap:wrap;gap:4px;font-family:var(--app-font-mono);font-size:10px}.dup-notes span{border-radius:6px;background:hsl(var(--muted));padding:2px 6px}.dup-notes span.is-bad{background:hsl(var(--destructive) / .12);color:hsl(var(--destructive))}.focus-sheet .dup-panel{width:min(560px,calc(100vw - 24px));margin:0 auto 12px}@media print{.dup-panel{display:none!important}}.sax-pick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}@media(max-width:640px){.sax-pick{grid-template-columns:repeat(2,minmax(0,1fr))}}.tier-badge{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;border:1px solid currentColor;padding:.15rem .55rem;font-size:11px;font-weight:700;line-height:1.4;letter-spacing:.02em;white-space:nowrap;background:hsl(var(--card))}.tier-blue{color:#1d5caf;background:#edf4fd}.tier-green{color:#1d6d45;background:#e8f7ee}.tier-red{color:#b22924;background:#fdeeed}.sheet-main-player{margin:0 auto 6px;width:min(100%,var(--sheet-w, 816px))}.main-player{container:melody-player / inline-size;border:1px solid hsl(var(--border));border-radius:16px;background:hsl(var(--card));padding:6px 8px;box-shadow:0 6px 18px -14px #1e333480}.main-player-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:6px 8px}.main-player-count{position:static;justify-self:start}.main-player-transport{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:7px;width:100%;min-width:0;max-width:100%}.main-player-transport>.main-player-btn{justify-self:end}.main-player-before-play{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;min-width:0}.main-player-left-tools{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;min-width:0}.main-player-before-play .main-player-stop{align-self:center;justify-self:end}.main-player-before-play .main-player-timing{flex:1 1 210px;justify-content:flex-start}.main-player-before-play .tempo-slider{width:210px;flex-basis:210px}.main-player-before-play .button-copy-edit{min-width:0;max-width:200px;padding:7px 10px;font-size:12px;line-height:1.2;white-space:normal}@media(max-width:600px){.main-player-before-play .button-copy-edit{max-width:115px}}.main-player-actions{display:flex;align-items:center;gap:4px;min-width:0;max-width:142px}.main-player-actions .main-player-btn{min-width:0;max-width:100%;padding-block:4px;line-height:1.2}.main-player-btn svg,.main-player-play svg{flex-shrink:0}.main-player-play{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:112px;min-height:52px;padding:10px 14px;border:1px solid #6eab7b;border-radius:999px;background:#93c29d;color:#143b1e;font-size:16px;font-weight:800;transition:transform .15s,background-color .15s,border-color .15s,color .15s}.main-player-play:hover:not(:disabled){background:#83b88f}.main-player-play.is-playing{background:#22683d;border-color:#174f2d;color:#fff}.main-player-play.is-playing:hover:not(:disabled){background:#1a542f}.main-player-play:focus-visible{outline:2px solid #22683d;outline-offset:3px}.main-player-play:active{transform:scale(.94)}.main-player-play:disabled,.main-player-btn:disabled{opacity:.45}.main-player-secondary{display:grid;grid-template-columns:auto auto minmax(0,1fr);grid-template-areas:"count settings actions";align-items:center;gap:6px 8px;margin-top:6px}.main-player-count{grid-area:count}.main-player-edit-actions{grid-area:actions;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px 8px;min-width:0;max-width:100%}.main-player-history{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:5px;min-width:0}.main-player-timing{display:flex;grid-area:tempo;flex-wrap:wrap;align-items:center;gap:2px 8px;min-width:0;max-width:100%}.main-player-btn{display:inline-flex;min-height:30px;align-items:center;justify-content:center;gap:4px;border:1px solid hsl(var(--border));border-radius:8px;padding:3px 8px;font-size:11px;font-weight:800;line-height:1.2;background:hsl(var(--background))}.main-player-btn.is-active,.main-player-btn:active:not(:disabled){background:#254748;color:#fff;border-color:#254748}.main-player .main-player-stop{background:#f4c6c6;border-color:#bd5c5c;color:#802222}.main-player .main-player-stop:hover:not(:disabled){background:#edaaaa}.main-player .main-player-stop:active:not(:disabled){background:#a42b2b;color:#fff}.main-player .main-player-restart{background:#d4e9fa;border-color:#7baacf;color:#214f76}.main-player .main-player-restart:hover:not(:disabled){background:#bcddf6}.main-player .main-player-restart:active:not(:disabled){background:#2d6592;color:#fff}.main-player .main-player-practice{background:#f8c99b;border-color:#e0a46c;color:#6e2c08}.main-player .main-player-practice:hover{background:#f4b97f}.main-player .main-player-practice.is-active,.main-player .main-player-practice:active{background:#a5410d;border-color:#84330a;color:#fff}.main-player .main-player-practice:focus-visible{outline:2px solid #84330a;outline-offset:3px}.main-player .main-player-countoff{min-height:42px;padding-inline:12px;font-size:14px;font-weight:800}.main-player .main-player-settings-toggle{grid-area:settings;justify-self:start;justify-content:center;min-height:38px;padding-inline:14px;font-size:13px;font-weight:800}.main-player-status{font-size:11px;color:hsl(var(--muted-foreground))}.main-player-status:empty{display:none}@container melody-player (max-width: 690px){.main-player-secondary{grid-template-columns:auto auto minmax(0,1fr);grid-template-areas:"count settings ." "actions actions actions"}.main-player .main-player-settings-toggle{justify-self:start}.main-player-edit-actions{justify-self:end}}@container melody-player (max-width: 700px){.main-player-secondary{grid-template-columns:auto auto minmax(0,1fr);grid-template-areas:"count settings ." "actions actions actions";gap:6px}.main-player-timing{justify-content:center;align-items:center}.main-player-edit-actions{justify-self:stretch;justify-content:flex-start;align-items:center}.main-player-history{justify-content:flex-start}.main-player-before-play,.main-player-left-tools{display:contents}.main-player-before-play .main-player-timing{grid-column:1 / -1;grid-row:1;justify-content:center}.main-player-before-play>.main-player-btn{grid-column:1;grid-row:2;justify-self:end}.main-player-play{grid-column:2;grid-row:2}.main-player-actions{grid-column:3;grid-row:2}.main-player-before-play .button-copy-edit{grid-column:1 / -1;grid-row:3;justify-self:center;max-width:100%}}.tempo-slider{display:flex;flex:0 1 260px;width:260px;max-width:100%;align-items:center;gap:6px;min-width:0}.tempo-slider-label{font-size:12px;font-weight:700}.tempo-slider input[type=range]{flex:1;min-width:90px;accent-color:hsl(var(--primary));height:28px;touch-action:none}.tempo-slider-value{font-variant-numeric:tabular-nums;font-weight:700;min-width:64px}.tempo-slider-value small{font-weight:500;color:hsl(var(--muted-foreground))}.tempo-number-button{padding:2px 3px;border-radius:4px;border-bottom:1px dotted currentColor;font:inherit;cursor:text}.tempo-number-input{width:4ch;max-width:100%;padding:2px 3px;border:1px solid hsl(var(--border));border-radius:4px;background:hsl(var(--background));font:inherit;appearance:textfield}.tempo-number-input::-webkit-inner-spin-button,.tempo-number-input::-webkit-outer-spin-button{appearance:none;margin:0}.main-player-settings{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;margin-top:8px;border-top:1px solid hsl(var(--border));padding:8px 4px 4px;font-size:14px}.main-player-settings fieldset{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px 20px;min-width:0}.main-player-count-settings>.main-player-field{flex-direction:row;align-items:center;gap:8px}.main-player-volumes{flex:1 0 100%;min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px}.main-player-volumes .main-player-field{flex-direction:row;align-items:center;gap:8px;flex-wrap:wrap;font-weight:700}.main-player-volumes input{flex:1 1 100px;width:100%;min-width:0;accent-color:#4c7169}.main-player-settings legend{font-weight:700;margin-bottom:4px}.main-player-settings p,.main-player-settings small{color:hsl(var(--muted-foreground))}.main-player-inline{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.main-player-check{display:inline-flex;align-items:center;gap:6px}.main-player-field{display:flex;flex-direction:column;gap:3px}.main-player-field select{border:1px solid hsl(var(--border));border-radius:8px;padding:4px 6px;background:hsl(var(--background))}@container melody-player (max-width: 640px){.main-player-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.main-player-count{position:static;grid-column:1;grid-row:1}.main-player-transport{grid-column:1 / -1;grid-row:2;justify-self:center}}.main-player>.main-player-edit-actions{align-items:center;margin-block:2px}.main-player .main-player-edit-actions :is(.restore-original-chart-btn,.main-player-history-btn,.main-player-btn){min-height:42px}.main-player .main-player-edit-actions .restore-original-chart-btn{padding:6px 12px}.main-player .sheet-phrase-tools button[data-testid*=-break-]:before{content:"(⌘ ↓)";font-size:.8em;margin-right:4px}.main-player .sheet-phrase-tools button[data-testid*=-join-]:after{content:"(⌘ ↑)";font-size:.8em;margin-left:4px}.direct-entry-kind{display:flex;gap:6px;margin-bottom:4px}.direct-entry-kind button{flex:1;font-size:.9rem;font-weight:800;min-height:30px}.direct-entry-kind button.is-active{background:#176b43;border-color:#176b43;color:#fff}.main-player .button-save.is-saved,.main-player .button-save.is-saved:hover{background:#f0f0f0;border-color:#c9c9c9;color:#686868}.chart-mode-bar{justify-content:space-between!important;width:100%;max-width:100%;row-gap:10px;margin-bottom:8px}.button-copy-edit{display:inline-flex;align-items:center;justify-content:center;gap:8px;max-width:100%;min-height:40px;padding:8px 12px;border:2px solid #b89a70;border-radius:10px;background:#ead8b9;color:#45331c;font-size:13px;font-weight:800;line-height:1.2;text-align:left}.button-copy-edit svg{flex-shrink:0}.button-copy-edit:hover{background:#dfc7a1}.button-copy-edit[aria-expanded=true]{background:#8b693e;border-color:#6f512e;color:#fff}.button-copy-edit:focus-visible{outline:3px solid #8b693e66;outline-offset:3px}.chart-copy-section{min-width:0;border:1px solid #c5a77a;border-radius:14px;padding:12px;background:#f3e5cf;color:#45331c;overflow-anchor:none}.chart-copy-content{min-width:0}.chart-copy-surface,.chart-copy-surface .form-panel{min-width:0;background:transparent}.chart-copy-surface .form-panel{padding:0;border:0;box-shadow:none}.focus-sheet .chart-copy-surface .sheet-stack{align-items:flex-start}.chart-copy-surface :is(.practice-panel,.main-player,.sheet-page-controls,.main-player-settings,.sheet-phrase-tools){background:#ead8b9;border-color:#c5a77a}body:has(.chart-copy-surface) [data-sheet-tool-owner=editor-sheet]{background:#f3e5cf;border-color:#c5a77a}.main-player-btn.is-selection-playing{background:#8e3434;border-color:#762525;color:#fff}.chart-export-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px;margin-inline-start:auto}.chart-export-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 20px;border:2px solid transparent;border-radius:11px;font-size:14px;font-weight:800;text-transform:uppercase}.chart-export-action svg{flex-shrink:0}.chart-export-action.chart-print{background:#a9c4ec;border-color:#7fa3d8;color:#143366}.chart-export-action.chart-print:hover:not(:disabled){background:#93b4e4}.chart-export-action.chart-print.is-active,.chart-export-action.chart-print:active:not(:disabled){background:#2457a6;border-color:#1c4484;color:#fff}.chart-export-action.chart-download{background:#a6dbb9;border-color:#77c193;color:#0d4424}.chart-export-action.chart-download:hover:not(:disabled){background:#8fd0a6}.chart-export-action.chart-download.is-active,.chart-export-action.chart-download:active:not(:disabled){background:#176b3a;border-color:#10532c;color:#fff}.chart-export-action.chart-download-file{background:#b77a42;border-color:#8e5a2f;color:#fff}.chart-export-action.chart-download-file:hover:not(:disabled){background:#a96a35}.chart-export-action.chart-download-file.is-active,.chart-export-action.chart-download-file:active:not(:disabled){background:#704322;border-color:#573318;color:#fff}.chart-export-action:disabled{opacity:.5;cursor:not-allowed}.chart-export-action:focus-visible{outline:2px solid currentColor;outline-offset:3px}.main-player-file-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:6px;margin-bottom:4px;padding-bottom:4px;border-bottom:1px solid hsl(var(--border))}.main-player-file-start,.main-player-file-actions,.main-player-history{display:flex;align-items:center;gap:5px;min-width:0}.main-player-file-actions{justify-content:center}.main-player-save-stack{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0;max-width:100%}.main-player-save-status{max-width:min(360px,100%);font-size:11px;line-height:1.2;text-align:center;overflow-wrap:anywhere}.main-player-save-status :is(p,span){margin:0}.main-player-file-start{grid-column:1;grid-row:1}.main-player-file-start:empty{display:none}.main-player-file-actions{grid-column:2;grid-row:1}.main-player-file-row .chart-mode-bar{display:contents}.main-player-file-row .chart-export-actions{grid-column:3;grid-row:1;gap:5px}.main-player-file-row .chart-export-action{min-width:0;min-height:36px;padding:6px 9px;font-size:12px;gap:4px}.main-player-file-row .chart-mode-bar>span{font-size:10px;grid-column:1 / -1}.main-player-layout-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:2px 10px;margin-top:4px}.main-player-layout-row .sheet-page-controls{flex:0 1 auto;min-width:0;margin:0;padding:2px 4px}.main-player-layout-row .sheet-phrase-tools{padding:0;gap:4px}.main-player-sizing{margin-left:auto;min-width:0;max-width:100%}.chart-library-width{width:100%;max-width:816px;margin-inline:auto}@container melody-player (max-width: 599px){.main-player-file-row{grid-template-columns:minmax(0,1fr) auto}.main-player-file-row .chart-export-actions{grid-column:1 / -1;grid-row:2;justify-self:end}.main-player-file-row .chart-mode-bar>span{grid-row:3}}.main-player-history .main-player-history-btn{padding:6px 11px;gap:6px;font-size:12px}.main-player-file-row button{white-space:normal;line-height:1.2;flex-shrink:1}.main-player-file-start button{padding:6px 9px;min-height:36px;font-size:12px}.main-player-file-actions .button-save{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:7px 14px;border:2px solid #81b292;border-radius:10px;font-size:14px;font-weight:800;text-transform:uppercase}.main-player-file-actions .button-save:disabled{background:#e5e7eb;border-color:#d1d5db;color:#6b7280;cursor:not-allowed}.chart-size-control{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:6px;padding:2px 0;width:100%;font-size:11px;font-weight:700}.chart-size-control input[type=range]{appearance:none;width:128px;height:28px;max-width:40%;padding:0;border:0;background:transparent;cursor:pointer;touch-action:none}.chart-size-control input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:#b8cec7}.chart-size-control input[type=range]::-moz-range-track{height:4px;border-radius:2px;background:#b8cec7}.chart-size-control input[type=range]::-webkit-slider-thumb{appearance:none;box-sizing:border-box;width:16px;height:16px;margin-top:-6px;border:2px solid #367365;border-radius:50%;background:#fff}.chart-size-control input[type=range]::-moz-range-thumb{box-sizing:border-box;width:16px;height:16px;border:2px solid #367365;border-radius:50%;background:#fff}.chart-size-control input[type=range]:focus-visible{outline:2px solid #367365;outline-offset:2px;border-radius:4px}.chart-size-control output{min-width:35px;font-variant-numeric:tabular-nums}.chart-size-control button{min-height:24px;padding:2px 8px}.create-sheet-zoom{min-width:0;max-width:100%}.sheet-empty-beats{border:1px dashed #987857;border-radius:6px;min-height:calc(110 * var(--u));display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;color:#6d503c;font-size:calc(8 * var(--u))}.sheet-gap-caret{position:absolute;z-index:6;bottom:calc(6 * var(--u));width:calc(8 * var(--u));height:calc(20 * var(--u));min-width:0;min-height:0;padding:0;border:0;background:transparent;transform:translate(-50%)}.sheet-gap-caret:hover,.sheet-gap-caret:focus-visible{border-left:2px solid #987857;outline:0}.measure-review-notice{margin:4px 0;padding:6px 10px;background:#fff4d4;color:#624714;border-radius:6px;font-size:14px}@media print{.sheet-empty-beats{border:0;visibility:hidden}.measure-review-notice,.sheet-gap-caret{display:none}}@media screen{.create-sheet-zoom .sheet-scroll{width:var(--sheet-w);max-width:none}}.sheet-main-player>.key-confirmation{margin-bottom:4px}.admin-chart-toolbar{position:sticky;top:var(--header-h, 88px);z-index:30;padding:12px 0 1px;background:hsl(var(--background));border-bottom:1px solid hsl(var(--border))}.admin-delete-selected{min-height:40px;padding:8px 16px;font-size:14px;line-height:1.25;white-space:nowrap}.about-author{display:grid;grid-template-columns:minmax(0,1fr) 216px;align-items:center;gap:24px}.about-photo{width:216px;margin:0;overflow:hidden;border-radius:16px;background:#edf4ef}.about-photo img{display:block;width:100%;height:auto;object-fit:cover}.about-video-pending{display:flex;align-items:center;gap:14px;margin-top:20px;padding:16px;border:1px solid hsl(var(--border));border-radius:12px;background:hsl(var(--card))}.about-video-pending svg{flex-shrink:0;color:#487163}@media(max-width:600px){.about-author{grid-template-columns:minmax(0,1fr);gap:14px}.about-photo{width:180px}}@media(max-width:640px){.chart-export-actions{margin-inline-start:0}}.key-confirmation{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;padding:5px 8px;border:1px solid hsl(var(--border));border-radius:10px;background:hsl(var(--card))}.key-confirmation-copy{flex:0 1 auto;min-width:0;max-width:100%;font-size:13px}.key-confirmation-copy p{font-weight:700}.key-confirmation-copy small{display:block;margin-top:3px;font-size:11px;color:hsl(var(--muted-foreground))}.key-confirmation-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px;max-width:100%}.key-confirmation-actions select{min-height:34px;max-width:100%;border:1px solid hsl(var(--border));border-radius:7px;padding:4px 26px 4px 9px;background-color:hsl(var(--background));font:inherit;font-size:13px}.key-confirmation.is-confirmed{justify-content:flex-start;font-size:13px}.entry-notation-choices{display:flex;flex-wrap:wrap;gap:6px}.entry-notation-choices button{min-height:38px;padding:6px 14px;border:1px solid hsl(var(--border));border-radius:8px;font-size:13px;font-weight:700;background:hsl(var(--background))}.entry-notation-choices button[aria-checked=true]{background:#e9f0ef;border-color:#37625e}.entry-notation-choices button[data-source=alto][aria-checked=true]{background:#f9d5b5;border-color:#a54815;color:#6b2e0d}.entry-notation-choices button[data-source=tenor][aria-checked=true]{background:#d9f2df;border-color:#22683d;color:#174f2d}.entry-notation-choices button:disabled:not([aria-checked=true]){opacity:.5}.fingering-concert-preview .fingering-art-frame{display:flex;align-items:center;justify-content:center}.fingering-concert-preview .concert-note-name{font-family:var(--app-font-sans);font-size:24px;font-weight:700}.practice-panel{container:practice-panel / inline-size;border:1px solid hsl(var(--border));border-radius:12px;background:hsl(var(--card));padding:6px 8px;display:flex;flex-direction:column;gap:4px}.practice-explain{font-size:12px;line-height:1.4;color:hsl(var(--muted-foreground))}.practice-edit-fields{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 12px}.practice-grid{display:grid;gap:6px 16px;grid-template-columns:minmax(0,.9fr) minmax(0,1fr) minmax(0,1.1fr);align-items:start;min-width:0}.practice-key-field,.practice-sax-field{display:flex;flex-direction:column;align-items:center;min-width:0;text-align:center}.practice-sax-explain{width:100%;max-width:240px;margin-top:6px;text-align:left;overflow-wrap:anywhere}.practice-panel .song-key-label{max-width:100%;overflow-wrap:anywhere}.practice-panel .practice-key-controls{flex-wrap:wrap;width:100%}.practice-panel,.practice-panel>*,.practice-grid>*{min-width:0;box-sizing:border-box}.practice-panel .practice-concert-field .practice-key{font-size:20px;line-height:1.3;overflow-wrap:anywhere}.practice-concert-field .practice-edit-fields{margin-top:6px;width:100%;gap:6px}@container practice-panel (max-width: 671px){.practice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.practice-concert-field{grid-column:1 / -1}}@container practice-panel (max-width: 499px){.practice-grid{grid-template-columns:minmax(0,1fr);gap:8px}.practice-sax-field{width:100%}}.practice-key{display:flex;align-items:center;justify-content:center;min-height:36px;font-size:14px;font-weight:800}.practice-written-key{margin-top:3px;font-size:11px}.practice-semis{display:inline-flex;align-items:center;gap:6px;margin-top:2px;font-size:11px}.practice-semis button{display:grid;place-items:center;width:30px;height:30px;border:1px solid hsl(var(--border));border-radius:8px}.practice-footer{display:flex;justify-content:center;gap:4px 12px;text-align:center}.practice-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:4px;font-size:12px;max-width:100%}.practice-actions .restore-original-chart-btn{min-height:48px;padding-inline:18px;border-color:#c96f6f;background:#fde8e7;color:#a32626;font-size:14px;font-weight:800}.practice-actions .restore-original-chart-btn:hover:not(:disabled){background:#f8d4d2;border-color:#b85252}.practice-match-toggle{display:inline-flex;align-items:center;justify-content:center;gap:5px;max-width:228px;min-height:32px;padding:4px 8px;border:1px solid hsl(var(--border));border-radius:7px;font-size:11px;font-weight:800;text-align:center}.practice-match-toggle.is-active{border-color:hsl(var(--primary));background:hsl(var(--primary) / .1)}.practice-match-toggle:disabled{opacity:.45}.practice-match-toggle:focus-visible,.practice-panel .song-key-link:focus-visible,.practice-semis button:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px}.practice-unknown{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}.practice-current{margin-left:auto;color:hsl(var(--muted-foreground))}.practice-range{font-size:12px;color:hsl(var(--destructive))}.practice-note{font-size:11px;color:hsl(var(--muted-foreground))}.song-details{border:1px solid hsl(var(--border));border-radius:12px;padding:8px 12px;background:hsl(var(--card));font-size:12px}.song-details summary{cursor:pointer;font-weight:700}.song-details-grid{display:grid;gap:8px 16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:8px}.song-details-grid dt{color:hsl(var(--muted-foreground));font-size:11px}.song-details-grid input{border:1px solid hsl(var(--border));border-radius:8px;padding:3px 6px;width:100%;background:hsl(var(--background))}.source-image{max-height:70dvh;width:100%;object-fit:contain;border-radius:8px;margin-top:8px}.source-pdf{width:100%;height:70dvh;border:1px solid hsl(var(--border));border-radius:8px;margin-top:8px}@media(max-width:760px){.practice-current{margin-left:0}}.source-timing{display:flex;flex-direction:column;gap:6px;font-size:12px;padding:6px 0}.source-timing-title{font-weight:700}.source-timing-row{display:flex;flex-wrap:wrap;align-items:end;gap:6px}.source-timing-row label{display:flex;flex-direction:column;gap:2px;font-size:11px}.source-timing-row input{width:76px;border:1px solid hsl(var(--border));border-radius:8px;padding:4px 6px;background:hsl(var(--background));font-variant-numeric:tabular-nums}.source-timing-hint{font-size:11px;color:hsl(var(--muted-foreground))}.direct-entry-durations{flex-wrap:wrap;margin-top:6px}.focus-sheet{max-width:100vw;overflow-x:clip}.focus-sheet .sheet-main-player,.focus-sheet .sheet-phrase-tools,.focus-sheet .sheet-clipboard-hint{position:sticky;left:0;width:min(var(--sheet-controls-width, 100%),var(--sheet-w, 816px));max-width:var(--sheet-controls-width, 100%);min-width:0;box-sizing:border-box;z-index:5}.focus-sheet .sheet-phrase-tools{margin-inline:0}.focus-sheet .main-player-row>*,.focus-sheet .sheet-phrase-tools>*{min-width:0;max-width:100%}.focus-sheet .sheet-note-controls{max-width:calc(var(--sheet-controls-width, 100vw) - 8px)}.focus-sheet.is-panning .sheet-stack{width:100%;min-width:0;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;align-items:flex-start;scroll-padding-inline:16px}.focus-sheet.is-panning .sheet-main-player,.focus-sheet.is-panning .sheet-phrase-tools{margin-left:0}.sheet-stack>:not(.sheet-scroll),.sheet-main-player,.main-player,.main-player-row,.direct-entry,.direct-entry-row,.source-timing{min-width:0;max-width:100%}.direct-entry-group,.direct-entry-actions,.direct-entry-letters{flex-wrap:wrap}.direct-entry-status,.direct-entry-hint,.notice-soft,.sheet-phrase-tools p,.source-timing-hint{overflow-wrap:anywhere}.tempo-slider{flex-wrap:nowrap}.tempo-slider-label{flex:0 1 auto;min-width:0;white-space:normal;line-height:1.15}.tempo-slider input[type=range]{min-width:60px}.tempo-slider-value{min-width:0;flex:0 0 auto;white-space:nowrap}@media(max-width:640px){.main-player{padding:8px}.main-player-row{gap:6px}.main-player-status{min-width:0}}.focus-toolbar .button-save:disabled{background:#e5e7eb;color:#6b7280}@media print{.focus-sheet,.focus-sheet.is-panning .sheet-stack{overflow:visible!important;max-width:none!important}}[data-testid=panel-sheet-preview],[data-testid=panel-sheet-preview] fieldset{min-width:0;max-width:100%}[data-testid=panel-sheet-preview] fieldset{min-inline-size:0;margin:0;padding:0;border:0}@media screen and (max-width:900px){[data-testid=panel-sheet-preview] .sheet-stack{width:100%;min-width:0;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;align-items:flex-start;scroll-padding-inline:16px}[data-testid=panel-sheet-preview] .sheet-scroll{width:var(--sheet-w, 816px);max-width:none;flex:0 0 auto}[data-testid=panel-sheet-preview] .sheet-main-player,[data-testid=panel-sheet-preview] .sheet-phrase-tools,[data-testid=panel-sheet-preview] .sheet-clipboard-hint{position:sticky;left:0;width:var(--sheet-controls-width, 100%);max-width:var(--sheet-controls-width, 100%);min-width:0;margin-left:0;margin-right:0;box-sizing:border-box;z-index:5}[data-testid=panel-sheet-preview] .sheet-note-controls{max-width:calc(var(--sheet-controls-width, 100vw) - 8px)}}@media screen and (max-width:1099px){.song-sax-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.song-sax-choice button{min-width:0;white-space:normal}}.sheet-stack>.sheet-note-dock{order:var(--sheet-note-order, 1)}.sheet-stack[data-side-dock]>.sheet-note-dock[data-moved=true]{max-height:calc(100dvh - var(--sheet-note-top, 8px) - 8px);overflow-y:auto}@media screen and (max-width:1099px){.sheet-stack[data-side-dock]>.sheet-note-dock[data-moved=true]{max-height:none;overflow:visible}}.sheet-note-move{background:hsl(var(--muted));color:hsl(var(--muted-foreground));cursor:grab;touch-action:none}.sheet-note-move:active{cursor:grabbing}.sheet-note-dock.sheet-note-dock-floating{position:fixed;right:auto;bottom:auto;transform:none;margin:0;z-index:60;width:200px;max-height:calc(100dvh - var(--sheet-note-top, 8px) - 8px);overflow-y:auto;overscroll-behavior:contain;font-family:inherit}.sheet-note-dock-floating .sheet-note-controls{display:flex;width:100%;max-width:100%;flex-direction:column;align-items:stretch;justify-content:flex-start;margin:0;border:0;border-radius:0;padding:6px 2px;box-shadow:none;animation:none}.sheet-note-dock-floating .sheet-note-controls>[aria-label^="Rhythm for event"]{justify-content:flex-start}.sheet-note-dock-floating .sheet-note-mobile-header{display:none}@media print{.sheet-note-dock-floating{display:none!important}}.song-sax-choice[role=radiogroup]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,8.5rem),1fr));max-width:24rem;gap:.4rem}.song-sax-choice button[data-sax]{min-width:8.5rem;white-space:nowrap;padding-inline:.9rem}.song-sax-choice button[data-sax=alto][aria-checked=true]{background:#e8742a;border-color:#b8531a;color:#1f1408}.song-sax-choice button[data-sax=tenor][aria-checked=true]{background:#3478c5;border-color:#245b9a;color:#fff}.song-sax-choice button[data-sax]:focus-visible{outline:2px solid currentColor;outline-offset:2px}@media screen and (max-width:1099px){.song-sax-choice[role=radiogroup]{grid-template-columns:repeat(auto-fit,minmax(min(100%,8.5rem),1fr))}.song-sax-choice button[data-sax]{min-width:0;white-space:nowrap;font-size:.8rem;padding-inline:.5rem}}.member-tabs{display:flex;gap:4px;overflow-x:auto;border-bottom:1px solid hsl(var(--border));padding-bottom:8px;scrollbar-width:thin}.member-tab{flex:0 0 auto;border-radius:999px;padding:6px 12px;color:hsl(var(--muted-foreground));font-size:12px;font-weight:600;transition:background .14s ease,color .14s ease}.member-tab:hover{color:hsl(var(--foreground));background:hsl(var(--muted))}.member-tab.is-active{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.member-card{border:1px solid hsl(var(--border));border-radius:16px;background:hsl(var(--card));padding:18px;animation:page-enter .3s ease-out both}.member-card h3{font-family:var(--app-font-serif);font-size:19px;line-height:1.15}.member-input{width:100%;min-height:38px;border:1px solid hsl(var(--border));border-radius:9px;background:hsl(var(--background));padding:6px 10px;color:hsl(var(--foreground));font-size:13px;outline:none}.member-input:focus{border-color:hsl(var(--accent));box-shadow:0 0 0 3px hsl(var(--accent) / .1)}textarea.member-input{min-height:76px;resize:vertical;line-height:1.5}.member-label{display:flex;flex-direction:column;gap:5px;font-family:var(--app-font-mono);font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:hsl(var(--muted-foreground))}.member-label>:not(span){font-family:var(--app-font-sans);letter-spacing:0;text-transform:none}.member-grid{display:grid;gap:14px}@media(min-width:768px){.member-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.member-grid-3{grid-template-columns:1.3fr 1fr 1fr}}.meter{height:8px;overflow:hidden;border-radius:99px;background:hsl(var(--muted))}.meter>i{display:block;height:100%;border-radius:99px;background:hsl(var(--accent));transform-origin:left}.stat-figure{font-family:var(--app-font-serif);font-size:34px;line-height:1}@media screen{:is(.text-xs,[class~="text-[9px]"],[class~="text-[10px]"],[class~="text-[11px]"],[class~="text-[12px]"],[class~="text-[13px]"]):not(:where(.sheet-page,.sheet-page *,.fingering-art,.fingering-art *,.fingering-surface,.fingering-surface *,svg,svg *)){font-size:max(14px,.8rem);line-height:1.45}.text-sm:not(:where(.sheet-page,.sheet-page *,.fingering-art,.fingering-art *,.fingering-surface,.fingering-surface *,svg,svg *)){font-size:max(16px,.9rem)}:is(.eyebrow,.status-badge,.empty-note,.member-label,.form-field>span,.song-variant-meta,.song-variant,.tier-badge,.direct-entry-hint,.direct-entry-status,.mode-card small,.upload-drop small,.premium-switch small):not(:where(.sheet-page,.sheet-page *,.fingering-art,.fingering-art *,.fingering-surface,.fingering-surface *)){font-size:14px;line-height:1.45}:is(.eyebrow,.member-label,.form-field>span,.status-badge,.song-variant-meta,.song-variant,.empty-note):not(:where(.sheet-page,.sheet-page *)){letter-spacing:.05em}:is(.search-box input,.filter-field select,.form-field input,.form-field select,.member-input,.ai-textarea,.notice-soft,.empty-panel p,.mode-card strong,.upload-drop strong):not(:where(.sheet-page,.sheet-page *)){font-size:16px}.site-nav-link{font-size:14px;line-height:1.3;letter-spacing:.03em}@media(max-width:480px){.site-nav{display:flex;flex-wrap:wrap;justify-content:center}.site-nav-link{padding:6px 9px}}:where(button,[role=button],a[class*=button-],.member-tab):not(:where(.sheet-page *)){font-size:16px!important;font-weight:800;line-height:1.3}:where(.main-player,.focus-toolbar,.practice-panel,.creation-toolbar,.sheet-note-controls,.sheet-note-dock,.admin-chart-toolbar,.sheet-phrase-tools){font-size:16px}:where(.main-player,.focus-toolbar,.practice-panel,.creation-toolbar,.sheet-note-controls,.sheet-note-dock,.admin-chart-toolbar,.sheet-phrase-tools) :where(button,label,select,output,small,.song-key-label,.practice-explain,.practice-written-key,.chart-control-label,.chart-size-control,.tempo-slider-label,.main-player-status,.sheet-note-controls-label){font-size:16px!important;line-height:1.35}:where(.main-player,.creation-toolbar,.sheet-note-controls,.sheet-note-dock) :where(button,select){min-height:36px}.main-player .main-player-play{font-size:19px!important}.compact-chart-create .creation-toolbar select,.compact-chart-create .creation-toolbar input,.compact-chart-create select:not(.sheet-page select),.original-key-selects select{font-size:16px!important;min-height:38px!important;height:auto!important}.main-player-before-play .button-copy-edit{max-width:225px}.admin-publish-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:15px;font-weight:800}.admin-premium-switch{position:relative;width:48px;height:28px;padding:3px;border-radius:99px;border:1px solid #658c72;background:#e6eee8}.admin-premium-switch>span{display:block;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .15s}.admin-premium-switch[aria-checked=true]{background:#285c42}.admin-premium-switch[aria-checked=true]>span{transform:translate(19px)}.admin-premium-switch:focus-visible{outline:3px solid #cc8a40;outline-offset:3px}@media(max-width:600px){.main-player-before-play .button-copy-edit{max-width:125px}.admin-actions{flex-wrap:wrap}}}@property --tw-translate-x{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-translate-y{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-translate-z{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-rotate-x{syntax: "*"; inherits: false;}@property --tw-rotate-y{syntax: "*"; inherits: false;}@property --tw-rotate-z{syntax: "*"; inherits: false;}@property --tw-skew-x{syntax: "*"; inherits: false;}@property --tw-skew-y{syntax: "*"; inherits: false;}@property --tw-space-y-reverse{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-space-x-reverse{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-divide-y-reverse{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-border-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-leading{syntax: "*"; inherits: false;}@property --tw-font-weight{syntax: "*"; inherits: false;}@property --tw-tracking{syntax: "*"; inherits: false;}@property --tw-ordinal{syntax: "*"; inherits: false;}@property --tw-slashed-zero{syntax: "*"; inherits: false;}@property --tw-numeric-figure{syntax: "*"; inherits: false;}@property --tw-numeric-spacing{syntax: "*"; inherits: false;}@property --tw-numeric-fraction{syntax: "*"; inherits: false;}@property --tw-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: "*"; inherits: false;}@property --tw-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: "*"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: "*"; inherits: false;}@property --tw-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: "*"; inherits: false;}@property --tw-inset-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: "*"; inherits: false;}@property --tw-ring-offset-width{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: "*"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-outline-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-blur{syntax: "*"; inherits: false;}@property --tw-brightness{syntax: "*"; inherits: false;}@property --tw-contrast{syntax: "*"; inherits: false;}@property --tw-grayscale{syntax: "*"; inherits: false;}@property --tw-hue-rotate{syntax: "*"; inherits: false;}@property --tw-invert{syntax: "*"; inherits: false;}@property --tw-opacity{syntax: "*"; inherits: false;}@property --tw-saturate{syntax: "*"; inherits: false;}@property --tw-sepia{syntax: "*"; inherits: false;}@property --tw-drop-shadow{syntax: "*"; inherits: false;}@property --tw-drop-shadow-color{syntax: "*"; inherits: false;}@property --tw-drop-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-drop-shadow-size{syntax: "*"; inherits: false;}@property --tw-backdrop-blur{syntax: "*"; inherits: false;}@property --tw-backdrop-brightness{syntax: "*"; inherits: false;}@property --tw-backdrop-contrast{syntax: "*"; inherits: false;}@property --tw-backdrop-grayscale{syntax: "*"; inherits: false;}@property --tw-backdrop-hue-rotate{syntax: "*"; inherits: false;}@property --tw-backdrop-invert{syntax: "*"; inherits: false;}@property --tw-backdrop-opacity{syntax: "*"; inherits: false;}@property --tw-backdrop-saturate{syntax: "*"; inherits: false;}@property --tw-backdrop-sepia{syntax: "*"; inherits: false;}@property --tw-duration{syntax: "*"; inherits: false;}@property --tw-ease{syntax: "*"; inherits: false;}@property --tw-content{syntax: "*"; initial-value: ""; inherits: false;}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto)))))}}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto)))))}to{height:0}}@keyframes caret-blink{0%,70%,to{opacity:1}20%,50%{opacity:0}}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0;--tw-rotate-x: initial;--tw-rotate-y: initial;--tw-rotate-z: initial;--tw-skew-x: initial;--tw-skew-y: initial;--tw-space-y-reverse: 0;--tw-space-x-reverse: 0;--tw-divide-y-reverse: 0;--tw-border-style: solid;--tw-leading: initial;--tw-font-weight: initial;--tw-tracking: initial;--tw-ordinal: initial;--tw-slashed-zero: initial;--tw-numeric-figure: initial;--tw-numeric-spacing: initial;--tw-numeric-fraction: initial;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-outline-style: solid;--tw-blur: initial;--tw-brightness: initial;--tw-contrast: initial;--tw-grayscale: initial;--tw-hue-rotate: initial;--tw-invert: initial;--tw-opacity: initial;--tw-saturate: initial;--tw-sepia: initial;--tw-drop-shadow: initial;--tw-drop-shadow-color: initial;--tw-drop-shadow-alpha: 100%;--tw-drop-shadow-size: initial;--tw-backdrop-blur: initial;--tw-backdrop-brightness: initial;--tw-backdrop-contrast: initial;--tw-backdrop-grayscale: initial;--tw-backdrop-hue-rotate: initial;--tw-backdrop-invert: initial;--tw-backdrop-opacity: initial;--tw-backdrop-saturate: initial;--tw-backdrop-sepia: initial;--tw-duration: initial;--tw-ease: initial;--tw-content: "";--tw-animation-delay: 0s;--tw-animation-direction: normal;--tw-animation-duration: initial;--tw-animation-fill-mode: none;--tw-animation-iteration-count: 1;--tw-enter-blur: 0;--tw-enter-opacity: 1;--tw-enter-rotate: 0;--tw-enter-scale: 1;--tw-enter-translate-x: 0;--tw-enter-translate-y: 0;--tw-exit-blur: 0;--tw-exit-opacity: 1;--tw-exit-rotate: 0;--tw-exit-scale: 1;--tw-exit-translate-x: 0;--tw-exit-translate-y: 0}}}