:root{font-family:var(--sans);color:var(--dark);background:var(--cream);font-synthesis:none;--sans:ui-rounded, "Avenir Next", system-ui, sans-serif;--serif:Georgia, "Times New Roman", serif;--green:#356859;--dark:#26322d;--cream:#f7f3eb;--paper:#fffdf8;--card:#ffffff;--line:#ded8cc;--muted:#727a74;--soft:#ece8df;--hover:#f0ece4;--inset:#f4f0e8;--accent-soft:#e3eee8;--accent-line:#cbdcd2;--accent-ink:#27604e;--on-accent:#ffffff;--danger:#a04c43;--danger-soft:#fae5e2;--danger-ink:#93463e;--bg-glass:rgba(247,243,235,.94);--shadow:0 12px 36px rgba(38,50,45,.09)}[data-theme=nocturne]{color-scheme:dark;--green:#7c8fe8;--dark:#e9ebf5;--cream:#141722;--paper:#1a1e2c;--card:#212637;--line:#323950;--muted:#98a0b8;--soft:#2a3045;--hover:#232941;--inset:#1f2436;--accent-soft:#27304d;--accent-line:#3c4b78;--accent-ink:#aab8f5;--on-accent:#ffffff;--danger:#c0574c;--danger-soft:#46262b;--danger-ink:#f0b3ab;--bg-glass:rgba(20,23,34,.9);--shadow:0 12px 36px rgba(0,0,0,.5)}[data-theme=rhapsody]{--serif:Palatino, "Palatino Linotype", Georgia, serif;--green:#b3462e;--dark:#33261f;--cream:#fbf1e8;--paper:#fffaf4;--card:#ffffff;--line:#ecd9c8;--muted:#8a7568;--soft:#f3e4d5;--hover:#f6e8dc;--inset:#f7ead9;--accent-soft:#f9e0d4;--accent-line:#e4b8a5;--accent-ink:#8c3117;--on-accent:#ffffff;--danger:#8f3b52;--danger-soft:#f9dee4;--danger-ink:#7c2f43;--bg-glass:rgba(251,241,232,.94);--shadow:0 12px 36px rgba(74,44,26,.1)}[data-theme=berceuse]{--serif:ui-rounded, "Avenir Next", system-ui, sans-serif;--green:#3e6d94;--dark:#24313d;--cream:#eef3f8;--paper:#f9fbfe;--card:#ffffff;--line:#d5dfe9;--muted:#6d7c8c;--soft:#e2e9f0;--hover:#e6edf4;--inset:#e9eff5;--accent-soft:#dce9f4;--accent-line:#b5cee2;--accent-ink:#2a567c;--on-accent:#ffffff;--danger:#a04c43;--danger-soft:#fae5e2;--danger-ink:#93463e;--bg-glass:rgba(238,243,248,.94);--shadow:0 12px 36px rgba(36,49,61,.1)}[data-theme=eclipse]{color-scheme:dark;--green:#5461e0;--dark:#eef0f8;--cream:#0d1018;--paper:#12161f;--card:#191e2a;--line:#2a3145;--muted:#9aa3bd;--soft:#222839;--hover:#1b2130;--inset:#161b26;--accent-soft:#232a4d;--accent-line:#3a4780;--accent-ink:#aeb8ff;--on-accent:#ffffff;--danger:#d05a4e;--danger-soft:#3f2429;--danger-ink:#f2b0a8;--bg-glass:rgba(13,16,24,.9);--shadow:0 12px 36px rgba(0,0,0,.6);--serif:"Iowan Old Style", Georgia, serif}[data-theme=aurora]{color-scheme:dark;--green:#22d3ee;--dark:#e8eef5;--cream:#0a0f16;--paper:#0f1620;--card:#16202c;--line:#263341;--muted:#8a9bb0;--soft:#1a2532;--hover:#16212e;--inset:#0c1219;--accent-soft:#10303c;--accent-line:#1d4a5a;--accent-ink:#7de9fb;--on-accent:#05202a;--danger:#e05a4a;--danger-soft:#3a1e1c;--danger-ink:#f4a89e;--bg-glass:rgba(10,15,22,.9);--shadow:0 12px 36px rgba(0,0,0,.55)}[data-theme=ultraviolet]{color-scheme:dark;--green:#9333ea;--dark:#ece9f5;--cream:#0d0b16;--paper:#14111f;--card:#1c1830;--line:#2e2848;--muted:#a099bd;--soft:#241f3a;--hover:#201b34;--inset:#191426;--accent-soft:#2a1d47;--accent-line:#4a327a;--accent-ink:#d8b4fe;--on-accent:#ffffff;--danger:#c0574c;--danger-soft:#46262b;--danger-ink:#f0b3ab;--bg-glass:rgba(13,11,22,.9);--shadow:0 12px 36px rgba(0,0,0,.6)}[data-theme=carbon]{color-scheme:dark;--green:#c6f542;--dark:#f2f2f4;--cream:#0a0a0b;--paper:#111113;--card:#17171a;--line:#2a2a2e;--muted:#9a9aa2;--soft:#202024;--hover:#1b1b1f;--inset:#151518;--accent-soft:#2a3310;--accent-line:#4a5a1f;--accent-ink:#cdf25a;--on-accent:#0a0a0a;--danger:#e0524a;--danger-soft:#3a1613;--danger-ink:#f5a9a2;--bg-glass:rgba(10,10,11,.9);--shadow:0 12px 36px rgba(0,0,0,.65)}[data-theme=monokai]{color-scheme:dark;--green:#66d9ef;--dark:#f8f8f2;--cream:#272822;--paper:#2f3029;--card:#3a3b31;--line:#49483e;--muted:#a6a08c;--soft:#383930;--hover:#33342b;--inset:#232420;--accent-soft:#1e3a40;--accent-line:#3c6b77;--accent-ink:#a8e9f5;--on-accent:#272822;--danger:#f92672;--danger-soft:#45222f;--danger-ink:#fba9c4;--bg-glass:rgba(39,40,34,.9);--shadow:0 12px 36px rgba(0,0,0,.5)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit}button{border:0;border-radius:8px;min-height:36px;padding:0 14px;background:var(--green);color:var(--on-accent);font-weight:600;cursor:pointer;touch-action:manipulation}button:disabled{opacity:.42;cursor:not-allowed}button.secondary{color:var(--dark);background:var(--soft)}button.text-button{color:var(--green);padding:2px 6px;min-height:28px;background:transparent;font-weight:500}button.text-button.danger,.danger-link{color:var(--danger)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--serif)}h1{font-size:1.7rem;line-height:1.15;margin-bottom:4px}h3{margin-bottom:6px}label{display:grid;gap:6px;font-size:.82rem;color:var(--muted);font-weight:600}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:9px 11px;background:var(--card);color:var(--dark);min-height:38px;font-size:16px}textarea{resize:vertical;min-height:88px}input:focus,select:focus,textarea:focus{outline:2px solid color-mix(in srgb,var(--green) 30%,transparent);border-color:var(--green)}.error{color:var(--danger);margin:0;font-size:.85rem}.quiet-note{color:var(--muted);font-size:.82rem;margin:0}.quiet-empty{text-align:center;color:var(--muted);padding:28px 10px}.chip{display:inline-block;background:var(--soft);color:var(--dark);border-radius:99px;padding:2px 8px;font-size:.72rem;font-weight:600;margin-left:6px}.app-shell{min-height:100vh;display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom);background:var(--cream)}.topbar{height:52px;padding:0 max(14px,env(safe-area-inset-left));display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--line);background:var(--bg-glass);position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:8px;font-family:var(--serif);font-size:1.15rem;color:var(--dark);white-space:nowrap}.brand-mark{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--green);color:var(--on-accent);font-size:.85rem}.brand-logo{width:30px;height:30px;border-radius:9px;background:#fff;object-fit:contain;padding:2px;box-shadow:0 1px 3px #0000002e;flex-shrink:0}.song-brand .brand-logo{width:34px;height:34px;border-radius:10px}.segmented{display:flex;background:var(--soft);border-radius:9px;padding:2px;margin:0 auto}.segmented button{min-height:30px;padding:0 18px;border-radius:7px;background:transparent;color:var(--muted);font-weight:600;font-size:.88rem}.segmented button.selected{background:var(--card);color:var(--dark);box-shadow:0 1px 4px #0000001f}.bar-right{display:flex;align-items:center;gap:6px}.bar-right select{width:auto;min-height:30px;padding:2px 8px;font-size:.85rem;border:0;background:transparent;color:var(--dark);font-weight:600}.student-name{font-weight:600;font-size:.88rem;color:var(--dark);padding:0 4px}.util{min-height:30px;min-width:32px;padding:0 8px;background:transparent;color:var(--muted);font-size:1rem;font-weight:500}.util:hover{color:var(--dark)}.util.running{background:var(--accent-soft);color:var(--accent-ink);font-variant-numeric:tabular-nums;display:inline-flex;align-items:center;gap:6px;font-size:.85rem}.beat-dot{width:8px;height:8px;border-radius:50%;background:currentColor;animation:beat-pulse 1s ease-out infinite}@keyframes beat-pulse{0%{transform:scale(1.5);opacity:1}45%,to{transform:scale(1);opacity:.45}}.pulse-live{width:9px;height:9px;border-radius:50%;background:var(--danger);animation:live-pulse 1.2s ease-in-out infinite;display:inline-block}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.35}}.popover-backdrop{position:fixed;inset:0;z-index:39;background:transparent;cursor:default}.popover{position:fixed;top:58px;right:12px;z-index:40;width:min(340px,calc(100vw - 24px));background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:var(--shadow);display:grid;gap:10px}.songs-mode{flex:1;display:grid;grid-template-columns:290px 1fr;height:calc(100vh - 52px)}.mode-main{flex:1;overflow-y:auto;min-height:0;padding:28px clamp(20px,4vw,48px) 80px;background:var(--paper)}.songs-mode .mode-main{border-left:1px solid var(--line)}.placeholder{display:grid;place-items:center;align-content:center;gap:8px;color:var(--muted);text-align:center;padding:40px}.placeholder.tall{min-height:70vh}.placeholder span{font-size:2.6rem;color:var(--muted)}.sidebar{overflow-y:auto;padding:14px 10px 40px;background:var(--cream)}.sidebar-head{display:flex;justify-content:space-between;align-items:center;padding:2px 10px 10px;font-weight:700;color:var(--dark)}.sidebar-head .text-button{font-size:1.1rem}.sidebar section h3{font-size:.7rem;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);font-family:inherit;margin:12px 10px 4px}.sidebar .row{display:grid;width:100%;text-align:left;background:transparent;color:var(--dark);padding:9px 10px;border-radius:8px;min-height:0;font-weight:400;gap:1px}.sidebar .row strong{font-size:.92rem;font-weight:600}.sidebar .row span{color:var(--muted);font-size:.78rem}.sidebar .row.selected{background:var(--accent-soft)}.sidebar .row:hover:not(.selected){background:var(--hover)}.song-feed{max-width:760px;margin:0 auto;display:grid;gap:14px}.song-header{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:6px}.song-header p{color:var(--muted);margin:0;font-size:.9rem}.card-actions{display:flex;align-items:center;gap:2px}.tempo-chip{color:var(--green);background:var(--accent-soft);border-radius:99px;padding:3px 10px;font-size:.8rem;font-weight:700;margin-right:6px;white-space:nowrap}.feed-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 18px;display:grid;gap:10px}.feed-card header{display:flex;justify-content:space-between;align-items:center;gap:10px}.feed-card header .card-actions{opacity:.25;transition:opacity .15s}.feed-card:hover header .card-actions,.feed-card:focus-within header .card-actions{opacity:1}.card-kind{font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;font-weight:700;color:var(--muted)}.card-edit{display:grid;gap:10px}.card-edit-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.card-edit-row input{flex:1;min-width:180px;width:auto}.card-file{color:var(--muted);font-size:.8rem;margin:0}.notes-text{white-space:pre-wrap;line-height:1.6;margin:0}.add-pill{background:var(--soft);color:var(--dark);border-radius:99px;padding:0 22px}.about-body{display:grid;gap:10px}.source-card{display:grid;gap:2px;background:var(--inset);border-radius:10px;padding:10px 12px;text-decoration:none;color:var(--dark)}.source-card strong{color:var(--green);font-size:.9rem}.source-card span{font-size:.82rem;color:var(--muted)}.suggestion-card{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 14px}.suggestion-card p{color:var(--muted);font-size:.84rem;margin:3px 0 0}.audio-player{background:var(--inset);border-radius:10px;padding:12px;display:grid;gap:10px}.transport{display:grid;grid-template-columns:40px 42px 1fr 42px;align-items:center;gap:8px;font-variant-numeric:tabular-nums;font-size:.75rem;color:var(--muted)}.play{width:40px;height:40px;padding:0;border-radius:50%}.transport input{padding:0;min-height:26px;accent-color:var(--green);border:0;background:transparent}.speed-control{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.speed-control>span,.loop-inline{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.loop-inline{margin-left:8px}.speed-buttons{display:flex;gap:4px;flex-wrap:wrap}.speed-control button,.speed-buttons button{min-height:28px;padding:0 8px;font-size:.72rem}.speed-control .active,.speed-buttons .active{background:var(--green);color:var(--on-accent)}.uploaded-video{width:100%;max-height:60vh;border-radius:10px;background:#18201d}.video-frame{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:10px;background:#18201d}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.sheet-body{display:grid;gap:14px}.sheet-page{display:grid;gap:8px}.sheet-toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.sheet-toolbar button.secondary,.sheet-toolbar button.active{min-height:28px;padding:0 10px;font-size:.78rem}.sheet-toolbar .active{background:var(--green);color:var(--on-accent)}.swatch{width:24px;height:24px;min-height:0;padding:0;border-radius:50%;border:2px solid transparent}.swatch.selected{border-color:var(--dark)}.sheet-stage{position:relative;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}.sheet-stage img{display:block;width:100%;height:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.sheet-stage canvas{position:absolute;inset:0;width:100%;height:100%}.sheet-stage.annotating canvas{touch-action:none;cursor:crosshair}.sheet-text{position:absolute;transform:translate(-4px,-50%);background:#ffffffd9;border:0;border-radius:6px;min-height:0;padding:2px 6px;font-size:clamp(.7rem,1.6vw,.95rem);font-weight:700;cursor:pointer;max-width:40%;text-align:left}.practice-mode{max-width:900px;margin:0 auto;width:100%}.practice-columns{display:grid;grid-template-columns:1fr 300px;gap:28px;align-items:start}.check-add{display:flex;gap:8px;margin-bottom:14px}.check-list{list-style:none;margin:0;padding:0;display:grid;gap:2px}.check-row{display:grid;gap:6px;padding:8px 10px;border-radius:10px}.check-row:hover{background:var(--hover)}.check-main{display:flex;align-items:center;gap:10px;font-size:1rem;color:var(--dark);font-weight:400;cursor:pointer}.check-main input[type=checkbox]{width:20px;height:20px;min-height:0;accent-color:var(--green);flex-shrink:0}.check-main .done{color:var(--muted);text-decoration:line-through}.check-edit{min-height:30px;padding:4px 8px}.check-meta{display:flex;align-items:center;gap:2px;margin-left:30px}.check-meta small{color:var(--muted);font-size:.74rem;margin-right:6px}.check-row .check-meta{opacity:.3;transition:opacity .15s}.check-row:hover .check-meta,.check-row:focus-within .check-meta{opacity:1}.item-media{display:grid;gap:8px;margin-left:30px}.media-chip-wrap{display:grid;gap:6px}.media-chip{background:var(--inset);color:var(--dark);min-height:28px;padding:0 10px;font-size:.78rem;font-weight:500;justify-self:start}.item-media audio{width:100%}.month-calendar{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px}.month-calendar h3{margin-bottom:10px;font-size:.95rem;font-family:inherit}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}.calendar-weekday{font-size:.62rem;text-transform:uppercase;color:var(--muted);font-weight:700}.calendar-day{display:grid;place-items:center;height:30px;border-radius:7px;font-size:.8rem;color:var(--dark)}.calendar-day.practiced{background:var(--accent-soft);color:var(--accent-ink);font-weight:700}.calendar-day.complete{background:var(--green);color:var(--on-accent);font-weight:700}.calendar-day.today{box-shadow:inset 0 0 0 2px var(--green)}.modal-backdrop{position:fixed;inset:0;background:#18201d66;display:grid;place-items:center;padding:20px;z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{width:min(560px,100%);max-height:88vh;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:var(--paper);padding:22px;border-radius:16px;box-shadow:var(--shadow)}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.modal-head h2{margin:0;font-size:1.35rem}.stack{display:grid;gap:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px}.mode-switch{display:grid;grid-auto-flow:column;background:var(--soft);border-radius:10px;padding:3px}.mode-switch button{background:transparent;color:var(--muted);min-height:32px}.mode-switch.four button{padding:0 6px;font-size:.82rem}.mode-switch button.active{background:var(--card);color:var(--dark);box-shadow:0 1px 4px #0000001a}.piece-checklist{max-height:min(44vh,420px);overflow:auto;border:1px solid var(--line);border-radius:10px;background:var(--card)}.piece-checklist label{min-height:42px;display:grid;grid-template-columns:22px 28px 1fr auto;align-items:center;gap:7px;padding:6px 12px;border-bottom:1px solid var(--line);color:var(--dark);font-size:.88rem;cursor:pointer}.piece-checklist label:last-child{border-bottom:0}.piece-checklist input{width:18px;min-height:18px;accent-color:var(--green)}.piece-number{color:var(--muted);font-variant-numeric:tabular-nums}.piece-checklist em{font-size:.68rem;font-style:normal;color:var(--green)}.piece-checklist .already-added{color:var(--muted);cursor:default}.pulse-toggle{display:flex;align-items:center;gap:8px;flex-direction:row;font-size:.84rem}.pulse-toggle input{width:18px;min-height:18px;accent-color:var(--green)}.settings section{display:grid;gap:10px;border-bottom:1px solid var(--line);padding-bottom:16px}.settings section:last-child{border-bottom:0;padding-bottom:0}.settings-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.student-form{background:var(--inset);border-radius:10px;padding:12px}.share-panel{background:var(--inset);border-radius:10px;padding:12px;display:grid;gap:8px}.logout-btn{justify-self:start;color:var(--danger)}.share-check{display:flex;align-items:center;gap:8px;font-size:.9rem}.feed-card.shared{border-style:dashed}.toast{position:fixed;top:60px;left:50%;transform:translate(-50%);z-index:70;background:var(--card);border:1px solid var(--line);border-radius:99px;padding:9px 18px;box-shadow:var(--shadow);font-size:.9rem;color:var(--dark);white-space:nowrap;max-width:calc(100vw - 24px);overflow:hidden;text-overflow:ellipsis}.import-buttons{display:flex;gap:10px;margin:2px 0 6px}.import-row{display:flex;align-items:center;gap:8px}.import-row input[type=text],.import-row input:not([type]){flex:1}.badge-shelf{margin-top:14px;display:grid;gap:6px}.badge-shelf h3{font-size:.7rem;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);font-family:inherit;margin:0}.badges{display:flex;flex-wrap:wrap;gap:6px}.badge{font-size:1.6rem;line-height:1;cursor:default}.badge.locked{filter:grayscale(1);opacity:.35}.shared-card-body{display:grid;gap:10px}.shared-sheet-page{width:100%;border-radius:8px}.shared-notes{display:flex;justify-content:space-between;align-items:baseline;gap:10px;background:var(--inset);border-radius:10px;padding:10px 12px}.metronome{display:grid;gap:14px}.metronome-tempo{display:grid;grid-template-columns:38px 1fr 38px;align-items:center;gap:10px}.metronome-tempo button{width:38px;height:38px;padding:0;border-radius:50%;font-size:1.1rem}.metronome-tempo-value{display:grid;gap:4px;text-align:center}.metronome-tempo-value input{padding:0;min-height:26px;accent-color:var(--green);border:0;background:transparent}.metronome-tempo-value strong{font-family:var(--serif);font-size:1.8rem}.metronome-tempo-value small{font-size:.72rem;color:var(--muted);font-weight:400}.pulse-indicator{display:grid;place-items:center;height:40px}.pulse-indicator.pulse-hidden{visibility:hidden}.pulse-dot{width:22px;height:22px;border-radius:50%;background:var(--green);animation:pulse-flash .18s ease-out}.pulse-dot.accent{background:var(--danger);width:27px;height:27px}@keyframes pulse-flash{0%{transform:scale(1.5);opacity:1}to{transform:scale(1);opacity:.55}}.metronome-row{display:flex;align-items:center;gap:10px}.metronome-row>span{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);width:96px;flex-shrink:0}.metronome-row input[type=range]{padding:0;min-height:26px;accent-color:var(--green);border:0;background:transparent}.metronome-actions{display:flex;gap:8px}.metronome-actions button{flex:1}.stop-button{background:var(--danger)}.tuner-wrap{display:grid;gap:14px}.tuner-display{display:grid;gap:10px;justify-items:center;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px}.tuner-note{display:flex;align-items:baseline;gap:4px;font-family:var(--serif)}.tuner-note strong{font-size:2.6rem}.tuner-note span{font-size:1.2rem;color:var(--muted)}.tuner-needle{position:relative;width:100%;max-width:300px;height:12px;background:var(--soft);border-radius:99px}.tuner-needle-zone{position:absolute;left:45%;width:10%;height:100%;background:var(--accent-line);border-radius:99px}.tuner-needle-marker{position:absolute;top:-5px;width:4px;height:22px;border-radius:2px;background:var(--dark);transform:translate(-50%);transition:left .1s linear}.tuner-needle.in-tune .tuner-needle-marker{background:var(--green)}.tuner-cents{color:var(--muted);font-variant-numeric:tabular-nums;margin:0}.tuner-a4{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;font-size:.8rem}.tuner-a4 input{padding:0;min-height:26px;accent-color:var(--green);border:0;background:transparent}.string-hints .eyebrow{display:block;text-transform:uppercase;letter-spacing:.09em;color:var(--green);font-size:.68rem;font-weight:700;margin-bottom:6px}.string-chips{display:flex;gap:6px;flex-wrap:wrap}.tool-page{max-width:560px;margin:0 auto}.tool-page:has(.theory-grid){max-width:900px}.tool-intro{color:var(--muted);margin-bottom:18px}.theory-card{display:grid;gap:14px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px;justify-items:center}.staff{width:min(300px,100%)}.staff line{stroke:var(--dark);stroke-width:1.6}.staff .stem{stroke-width:2}.staff ellipse{fill:var(--dark)}.staff text{fill:var(--dark);font-family:serif}.theory-answer{text-align:center;display:grid;gap:6px;justify-items:center}.theory-answer strong{font-family:var(--serif);font-size:2.2rem;line-height:1}.theory-answer strong small{font-size:1.1rem;color:var(--muted)}.theory-answer p{color:var(--muted);margin:0}.theory-answer.wrong strong{color:var(--danger)}.theory-actions{justify-content:center}.theory-score{display:flex;gap:16px;color:var(--muted);font-size:.82rem}.theory-score strong{color:var(--green);font-size:1.1rem;font-variant-numeric:tabular-nums}.theory-correct{color:var(--accent-ink);background:var(--accent-soft);border-radius:10px;padding:8px 14px;font-weight:700;margin:0}.listening-hint{display:flex;align-items:center;gap:8px}.piano-keys{width:min(220px,100%)}.key-white{fill:var(--card);stroke:var(--line)}.key-highlight{fill:var(--accent-soft);stroke:var(--green);stroke-width:2}.key-black{fill:var(--dark)}.theory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin-top:12px}.grid-card{padding:12px;gap:6px;cursor:pointer;min-height:0;height:auto;font:inherit;text-align:center;color:var(--dark);font-weight:400}.grid-card .theory-answer{display:grid;gap:4px;justify-items:center}.grid-card.revealed{border-color:var(--green)}.all-notes-actions{justify-content:flex-end}.song-shell{display:flex;height:100vh;background:var(--paper)}.song-nav{width:296px;flex-shrink:0;background:var(--cream);border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.song-brand{display:flex;align-items:center;gap:10px;font-family:var(--serif);font-size:1.3rem;color:var(--dark);padding:18px 18px 6px}.song-brand .brand-mark{width:32px;height:32px;font-size:1rem}.song-nav-head{display:flex;justify-content:space-between;align-items:center;padding:12px 18px 6px;font-size:.72rem;text-transform:uppercase;letter-spacing:.11em;color:var(--muted);font-weight:700}.song-nav-slot{flex:1;min-height:0;display:flex;flex-direction:column}.song-nav-list{flex:1;overflow-y:auto;min-height:0;padding:0 10px 12px}.song-nav-list section h3{font-size:.66rem;text-transform:uppercase;letter-spacing:.11em;color:var(--muted);font-family:inherit;font-weight:700;margin:12px 8px 5px}.song-row{display:flex;gap:12px;width:100%;text-align:left;background:transparent;color:var(--dark);padding:9px 10px;border-radius:9px;min-height:0;font-weight:400;align-items:baseline;position:relative}.song-row:hover:not(.selected){background:var(--hover)}.song-row.selected{background:var(--accent-soft)}.song-row.selected:before{content:"";position:absolute;left:0;top:7px;bottom:7px;width:3px;border-radius:0 2px 2px 0;background:var(--green)}.song-num{width:20px;flex-shrink:0;text-align:right;color:var(--muted);font-variant-numeric:tabular-nums;font-size:.82rem;font-weight:600}.song-row-body{display:grid;gap:3px;min-width:0}.song-row-body strong{font-size:.92rem;font-weight:600;overflow-wrap:anywhere}.song-status,.status-pill{display:inline-flex;align-items:center;gap:7px}.song-status{color:var(--muted);font-size:.76rem}.sdot{width:7px;height:7px;border-radius:50%;background:var(--muted);flex-shrink:0}.status-pill .sdot{width:8px;height:8px}.learning .sdot{background:#6d8bff}.polishing .sdot{background:#e0a13e}.review .sdot{background:#c98cf2}.graduated .sdot{background:#4ecb8f}:is([data-theme=sonata],[data-theme=rhapsody],[data-theme=berceuse]) .learning .sdot{background:#3a56c2}:is([data-theme=sonata],[data-theme=rhapsody],[data-theme=berceuse]) .polishing .sdot{background:#b0761a}:is([data-theme=sonata],[data-theme=rhapsody],[data-theme=berceuse]) .review .sdot{background:#9b53c9}:is([data-theme=sonata],[data-theme=rhapsody],[data-theme=berceuse]) .graduated .sdot{background:#2f9e6a}.song-settings{display:flex;justify-content:space-between;align-items:center;background:transparent;color:var(--dark);border:0;border-top:1px solid var(--line);border-radius:0;min-height:54px;padding:0 18px;font-weight:600}.song-settings:hover{background:var(--hover)}.song-settings .chev{color:var(--muted);font-size:1.1rem}.song-nav-head .icon-btn,.song-nav-head .icon-btn:hover{min-height:28px;min-width:28px;padding:0;font-size:1rem}.song-canvas{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--paper)}.song-topbar{display:flex;justify-content:flex-end;align-items:center;padding:14px clamp(20px,4vw,40px) 4px}.top-cluster,.topbar-right{display:flex;align-items:center;gap:6px}.song-scroll{flex:1;overflow-y:auto;min-height:0;padding:14px clamp(20px,4vw,56px) 90px}.song-detail{max-width:1000px}.detail-back{display:none;background:transparent;color:var(--green);padding:0;min-height:34px;font-weight:600}.detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.detail-headline{min-width:0}.detail-headline h1{font-size:2.5rem;line-height:1.08;margin-bottom:8px;letter-spacing:-.01em;overflow-wrap:anywhere}.detail-sub{color:var(--muted);font-size:.95rem;margin:0 0 14px}.detail-tags{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.status-pill{background:var(--soft);color:var(--dark);border-radius:99px;padding:5px 13px;font-size:.8rem;font-weight:600}.icon-btn{background:var(--soft);color:var(--dark);min-height:40px;min-width:40px;border-radius:11px;padding:0 11px;font-size:1.15rem;font-weight:700;line-height:1}.icon-btn:hover{background:var(--hover)}.detail-menu{position:relative;flex-shrink:0}.pop-menu{position:absolute;right:0;top:46px;z-index:41;min-width:184px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:6px;display:grid;gap:2px}.pop-item{display:block;width:100%;text-align:left;background:transparent;color:var(--dark);min-height:34px;padding:6px 10px;border-radius:8px;font-weight:500}.pop-item:hover{background:var(--hover)}.pop-item.on{color:var(--accent-ink);background:var(--accent-soft)}.pop-item.danger{color:var(--danger)}.detail-tabs{display:flex;gap:26px;border-bottom:1px solid var(--line);margin:24px 0 26px;overflow-x:auto}.detail-tabs button{background:transparent;color:var(--muted);min-height:0;padding:0 0 12px;border-radius:0;font-size:.95rem;font-weight:600;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}.detail-tabs button:hover{color:var(--dark)}.detail-tabs button.active{color:var(--dark);border-bottom-color:var(--green)}.detail-body{display:grid;gap:30px}.resource{display:grid;gap:12px}.resource-head{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:24px}.eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.11em;font-weight:700;color:var(--muted)}.resource-actions{display:flex;align-items:center;gap:2px;opacity:.3;transition:opacity .15s}.resource:hover .resource-actions,.resource:focus-within .resource-actions{opacity:1}.resource.shared{border-left:2px dashed var(--accent-line);padding-left:14px;margin-left:-16px}.resource-add .add-pill{padding:0 18px}.song-detail .video-frame,.song-detail .uploaded-video{border-radius:14px}.detail-body.feed{gap:16px}.feed-section{font-family:var(--serif);font-size:1.15rem;margin:18px 0 2px;color:var(--dark)}.feed-section:first-child{margin-top:0}.tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.tile{display:grid;padding:0;min-height:0;background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;text-align:left;color:var(--dark);font-weight:400}.tile:hover{border-color:var(--accent-line)}.tile.shared{border-style:dashed}.tile-thumb{display:grid;place-items:center;height:120px;background:var(--inset);overflow:hidden}.tile-thumb img,.tile-thumb video{width:100%;height:100%;object-fit:cover}.tile-thumb p{font-size:.78rem;color:var(--muted);margin:0;padding:12px;align-self:start;overflow:hidden;max-height:100%}.tile-audio{display:grid;place-items:center;gap:4px;padding:12px;text-align:center}.tile-glyph{font-size:1.8rem;color:var(--muted)}.tile-file{font-size:.72rem;color:var(--muted);word-break:break-all}.tile-empty{font-size:.85rem;color:var(--muted);padding:12px;text-align:center}.tile-label{padding:9px 11px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.grid-adds{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.rec-player{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px 20px;display:grid;gap:16px;box-shadow:var(--shadow)}.rec-main{display:flex;align-items:center;gap:16px}.rec-play{width:50px;height:50px;min-height:0;padding:0;border-radius:50%;flex-shrink:0;font-size:.95rem;display:grid;place-items:center;box-shadow:0 4px 14px color-mix(in srgb,var(--green) 45%,transparent)}.rec-play.mid{width:46px;height:46px;box-shadow:none}.rec-time{font-variant-numeric:tabular-nums;font-size:.8rem;color:var(--muted);flex-shrink:0;width:40px}.rec-main .rec-time:last-child{text-align:right}.rec-wave{position:relative;flex:1;height:46px;min-width:0;border-radius:6px}.rec-wave:focus-within{outline:2px solid var(--green);outline-offset:3px}.rec-bars{position:absolute;inset:0;display:flex;align-items:center;gap:2px}.rec-bars span{flex:1;background:color-mix(in srgb,var(--green) 34%,transparent);border-radius:2px;min-height:3px;transition:background .1s}.rec-bars span.on{background:var(--green)}.rec-mark{position:absolute;top:0;bottom:0;width:2px;background:var(--accent-ink);border-radius:2px}.rec-wave input[type=range]{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;min-height:0;border:0;opacity:0;cursor:pointer}.rec-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:15px}.jog{background:transparent;color:var(--muted);min-height:36px;padding:0 8px;font-size:1.15rem;display:inline-flex;align-items:center;gap:3px}.jog small{font-size:.7rem;font-weight:700}.jog:hover{color:var(--dark)}.rec-speed{display:flex;flex-direction:row;align-items:center;gap:8px;margin-left:auto;font-size:.78rem;color:var(--muted);font-weight:600}.rec-speed select{width:auto;min-height:36px;padding:0 8px}.rec-ab{background:var(--soft);color:var(--dark);min-height:36px;border-radius:9px;font-weight:700;letter-spacing:.04em;font-variant-numeric:tabular-nums}.rec-ab.on{background:var(--accent-soft);color:var(--accent-ink)}.user-menu{position:relative}.user-trigger{display:flex;align-items:center;gap:9px;background:transparent;color:var(--dark);min-height:42px;padding:2px 10px 2px 2px;border-radius:99px;font-weight:600}.user-trigger:hover{background:var(--hover)}.avatar{width:34px;height:34px;border-radius:50%;background:var(--green);color:var(--on-accent);display:grid;place-items:center;font-size:.92rem;font-weight:700;flex-shrink:0}.user-name{font-size:.9rem}.user-trigger .chev{color:var(--muted);font-size:.9rem}.user-pop{position:absolute;right:0;top:50px;z-index:41;min-width:192px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:6px;display:grid;gap:2px}.pop-label{font-size:.64rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:700;padding:7px 10px 3px}.pop-userline{font-size:.8rem;color:var(--muted);padding:8px 10px 6px}.pop-userline strong{color:var(--dark)}.pop-sep{height:1px;background:var(--line);margin:5px 4px}@media(max-width:760px){.song-shell{flex-direction:column;height:auto;min-height:100vh}.song-nav{width:100%;flex-shrink:1;border-right:0;border-bottom:1px solid var(--line)}.song-shell:has(.song-detail) .song-nav-list,.song-shell:has(.song-detail) .song-nav-head{display:none}.detail-back{display:inline-flex;align-items:center}.song-topbar{padding:8px 14px 0}.song-scroll{padding:12px 16px 70px}.detail-headline h1{font-size:1.95rem}.detail-tabs{gap:18px}.rec-controls{gap:7px}.rec-speed{margin-left:0}.resource-actions{opacity:1}.user-name{display:none}.topbar{height:auto;min-height:48px;flex-wrap:wrap;padding:8px 12px;gap:8px}.segmented{order:3;width:100%;margin:0}.segmented button{flex:1}.songs-mode{display:block;height:auto}.songs-mode .sidebar{display:block}.songs-mode:has(.song-feed) .sidebar{display:none}.mode-main{padding:18px 14px 60px;height:auto;overflow:visible}.practice-columns,.form-grid{grid-template-columns:1fr}.transport{grid-template-columns:40px 38px 1fr 38px;gap:4px}.feed-card header .card-actions,.check-row .check-meta{opacity:1}.modal{padding:16px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.pulse-dot,.beat-dot,.pulse-live{animation:none}}.splash-root{position:relative;min-height:100vh;box-sizing:border-box;overflow-x:hidden;background:var(--cream);color:var(--dark);padding:clamp(16px,4vw,40px) clamp(16px,5vw,64px) 40px;display:flex;flex-direction:column;align-items:center}.splash-root *,.splash-root *:before,.splash-root *:after{box-sizing:border-box}.splash-glow{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(60% 55% at 50% -8%,var(--accent-soft) 0%,transparent 65%),radial-gradient(38% 34% at 88% 8%,var(--accent-soft) 0%,transparent 70%),radial-gradient(46% 40% at 6% 24%,var(--hover) 0%,transparent 72%);opacity:.85}.splash-topbar,.splash-hero,.splash-features,.splash-foot{position:relative;z-index:1;width:100%}.splash-topbar{max-width:1120px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:clamp(24px,6vh,72px)}.splash-brandline{display:inline-flex;align-items:center;gap:10px}.splash-brandword{font-family:var(--serif);font-size:1.25rem;font-weight:700;letter-spacing:-.01em}.splash-badge{display:grid;place-items:center;background:#fff;border-radius:22px;padding:12px;box-shadow:var(--shadow),0 0 0 1px var(--line);width:clamp(84px,16vw,116px);height:clamp(84px,16vw,116px);flex-shrink:0}.splash-badge img{width:100%;height:100%;object-fit:contain;display:block}.splash-badge-sm{width:34px;height:34px;padding:4px;border-radius:10px}.splash-hero{max-width:760px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center}.splash-wordmark{font-family:var(--serif);font-weight:800;letter-spacing:-.02em;line-height:1;font-size:clamp(2.9rem,10vw,5rem);margin:clamp(14px,2.4vh,24px) 0 0;color:var(--dark)}.splash-ticks{display:flex;align-items:flex-end;gap:7px;height:22px;margin:16px 0 4px}.splash-tick{width:7px;border-radius:99px}.splash-tick.t-navy{height:11px;background:#24324a}.splash-tick.t-coral{height:20px;background:#f08a7a}.splash-tick.t-gold{height:14px;background:#f2c14e}.splash-tick.t-teal{height:22px;background:#6cc5b8}[data-theme] .splash-tick.t-navy{box-shadow:0 0 0 1px var(--line)}.splash-tag{font-family:var(--serif);font-style:italic;font-size:clamp(1.05rem,3.6vw,1.4rem);color:var(--green);margin:6px 0 0}.splash-lede{max-width:44ch;font-size:clamp(1rem,2.6vw,1.15rem);line-height:1.55;color:var(--muted);margin:14px 0 0}.splash-cta{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:clamp(22px,4vh,34px)}.splash-btn{font:inherit;font-weight:700;border:0;border-radius:12px;padding:0 24px;min-height:52px;cursor:pointer;touch-action:manipulation;transition:transform .12s ease,box-shadow .18s ease,background .18s ease}.splash-btn:active{transform:translateY(1px)}.splash-btn-primary{background:var(--green);color:var(--on-accent);box-shadow:0 10px 26px -10px var(--green)}.splash-btn-primary:hover{box-shadow:0 14px 30px -8px var(--green);transform:translateY(-1px)}.splash-btn-primary:focus-visible{outline:3px solid var(--accent-line);outline-offset:3px}.splash-btn-ghost{background:var(--card);color:var(--dark);box-shadow:inset 0 0 0 1px var(--line)}.splash-btn-ghost:hover{background:var(--hover)}.splash-btn-ghost:focus-visible{outline:3px solid var(--accent-line);outline-offset:2px}.splash-features{max-width:1120px;margin:clamp(44px,9vh,88px) auto 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:clamp(12px,1.6vw,18px)}.splash-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:8px;transition:transform .16s ease,box-shadow .2s ease,border-color .2s ease}.splash-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--accent-line)}.splash-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;font-size:1.35rem;background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-line);margin-bottom:4px}.splash-icon.tick-navy{box-shadow:inset 0 0 0 1px var(--accent-line),inset 0 -3px #24324a}.splash-icon.tick-coral{box-shadow:inset 0 0 0 1px var(--accent-line),inset 0 -3px #f08a7a}.splash-icon.tick-gold{box-shadow:inset 0 0 0 1px var(--accent-line),inset 0 -3px #f2c14e}.splash-icon.tick-teal{box-shadow:inset 0 0 0 1px var(--accent-line),inset 0 -3px #6cc5b8}.splash-card-title{font-family:var(--serif);font-size:1.12rem;font-weight:700;margin:0;color:var(--dark)}.splash-card-body{font-size:.94rem;line-height:1.5;color:var(--muted);margin:0}.splash-foot{max-width:1120px;margin:clamp(28px,5vh,48px) auto 0;padding-top:20px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:.9rem}.splash-link{background:transparent;border:0;padding:6px 10px;border-radius:8px;cursor:pointer;font:inherit;font-weight:700;color:var(--green)}.splash-link:hover{background:var(--accent-soft)}.splash-link:focus-visible{outline:2px solid var(--accent-line);outline-offset:2px}@media(max-width:520px){.splash-cta{flex-direction:column;align-items:stretch;width:100%}.splash-btn{width:100%}}