: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)}*{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}.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}.feed-add{display:grid;justify-items:center;padding:6px 0 20px}.add-pill{background:var(--soft);color:var(--dark);border-radius:99px;padding:0 22px}.add-menu{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.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:auto;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 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}.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}@media(max-width:760px){.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}}