:root{--bg: #0c0e11;--bg-2: #11151a;--panel: #151a21;--panel-2: #1a212a;--line: #232c37;--line-soft: #1c242e;--text: #e7ebf1;--text-dim: #9aa5b4;--text-faint: #6b7686;--accent: #e0a458;--accent-soft: rgba(224, 164, 88, .16);--accent-line: rgba(224, 164, 88, .42);--cyan: #56cfc4;--cyan-soft: rgba(86, 207, 196, .16);--perfect: #4ade80;--good: #a3e635;--late: #fbbf24;--missed: #5b6675;--wrong: #f87171;--radius: 12px;--radius-sm: 8px;--shadow: 0 10px 30px rgba(0, 0, 0, .35);--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;line-height:1.25;letter-spacing:-.01em}p{margin:0}kbd{font-family:var(--mono);font-size:11px;background:var(--panel-2);border:1px solid var(--line);border-bottom-width:2px;border-radius:4px;padding:1px 5px;color:var(--text-dim)}.app{min-height:100%;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding:16px 24px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#12171d,#0c0e11);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:12px;margin-right:auto}.brand .logo{width:40px;height:40px;display:grid;place-items:center;font-size:22px;border-radius:10px;background:linear-gradient(150deg,var(--accent),#b06f2e);color:#1a1206;font-weight:700}.brand h1{font-size:19px;font-weight:650}.brand p{font-size:12.5px;color:var(--text-faint)}.tabs{display:flex;gap:2px;padding:3px;background:var(--panel);border:1px solid var(--line);border-radius:10px}.tabs button{appearance:none;border:0;background:transparent;color:var(--text-dim);font:inherit;font-size:13.5px;font-weight:550;padding:6px 16px;border-radius:7px;cursor:pointer;transition:background .14s,color .14s}.tabs button:hover{color:var(--text)}.tabs button.active{background:var(--accent-soft);color:var(--accent)}.header-tools{display:flex;align-items:center;gap:14px}.tone-switch{display:flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}.tone-switch button{appearance:none;border:0;border-right:1px solid var(--line);background:var(--panel);color:var(--text-dim);font:inherit;font-size:12px;padding:5px 11px;cursor:pointer}.tone-switch button:last-child{border-right:0}.tone-switch button.active{background:var(--accent-soft);color:var(--accent)}.audio-nudge{margin:12px 24px 0;padding:10px 14px;border:1px dashed var(--accent-line);background:var(--accent-soft);color:var(--accent);border-radius:var(--radius-sm);font-size:13px}.layout{flex:1;display:grid;grid-template-columns:330px minmax(0,1fr);gap:20px;padding:20px 24px 40px;align-items:start}.layout:not(.tab-play){grid-template-columns:minmax(0,1fr)}.single-col{max-width:1180px;width:100%;margin:0 auto;display:grid;gap:20px}.stage-col{display:grid;gap:16px;min-width:0}.sidebar{position:sticky;top:92px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px;max-height:calc(100vh - 120px);display:flex;flex-direction:column;gap:12px}.sidebar-title{font-size:12px;text-transform:uppercase;letter-spacing:.09em;color:var(--text-faint);font-weight:650}.library{display:flex;flex-direction:column;gap:12px;min-height:0;flex:1}.library-filters{display:grid;gap:9px}input[type=search],select{width:100%;background:var(--bg-2);border:1px solid var(--line);color:var(--text);border-radius:var(--radius-sm);padding:7px 10px;font:inherit;font-size:13px}input[type=search]:focus,select:focus,button:focus-visible{outline:2px solid var(--accent-line);outline-offset:1px}.chip-row{display:flex;flex-wrap:wrap;gap:5px}.chip{appearance:none;background:var(--bg-2);border:1px solid var(--line);color:var(--text-dim);font:inherit;font-size:11.5px;padding:3px 9px;border-radius:999px;cursor:pointer;transition:.14s}.chip:hover{border-color:var(--accent-line);color:var(--text)}.chip.active{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent)}.difficulty-filter{display:grid;gap:3px;font-size:11.5px;color:var(--text-faint)}.song-list{list-style:none;margin:0;padding:0 4px 0 0;display:grid;gap:6px;overflow-y:auto;min-height:0}.song-list .empty{color:var(--text-faint);font-size:13px;padding:12px 4px}.song-card{width:100%;text-align:left;appearance:none;background:var(--bg-2);border:1px solid var(--line-soft);border-radius:var(--radius-sm);padding:9px 11px;color:inherit;font:inherit;cursor:pointer;display:grid;gap:2px;transition:.14s}.song-card:hover{border-color:var(--accent-line);background:var(--panel-2)}.song-card.active{border-color:var(--accent);background:var(--accent-soft)}.song-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.song-title{font-weight:600;font-size:13.5px}.song-composer{font-size:11.5px;color:var(--text-faint)}.song-meta{display:flex;gap:10px;font-size:11px;color:var(--text-faint);font-family:var(--mono);margin-top:2px}.difficulty{display:inline-flex;gap:2px;flex-shrink:0}.difficulty i{width:5px;height:5px;border-radius:50%;background:var(--line)}.difficulty i.on{background:var(--accent)}.song-header{display:flex;gap:20px;justify-content:space-between;align-items:flex-start;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px}.song-header h2{font-size:22px;font-weight:650}.byline{font-size:12.5px;color:var(--text-faint);margin-top:3px;font-family:var(--mono)}.about{margin-top:9px;color:var(--text-dim);font-size:13.5px;max-width:68ch}.song-header-side{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-shrink:0}.category-tag{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--cyan);background:var(--cyan-soft);padding:2px 9px;border-radius:999px}.now-chord{width:92px;text-align:center}.now-chord .k{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);margin-bottom:2px}.board{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px 10px}.mini-board{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px}.fretboard-wrap{overflow-x:auto}.fretboard{width:100%;min-width:720px;display:block}.fb-marker{fill:#ffffff1a}.fb-fret{stroke:#6f7379;stroke-width:2}.fb-nut{stroke:#d9d3c8;stroke-width:6}.fb-string{stroke:#b9bfc7;opacity:.85}.fb-openlabel{fill:var(--text-faint);font-size:12px;font-family:var(--mono);font-weight:600}.fb-fretnum{fill:var(--text-faint);font-size:10.5px;font-family:var(--mono)}.fb-key{fill:#ffffff47;font-size:9.5px;font-family:var(--mono);pointer-events:none}.fb-scale circle{fill:#56cfc424;stroke:#56cfc466}.fb-scale text{fill:#a0e6e1d9;font-size:9px;font-family:var(--mono)}.fb-scale.root circle{fill:#56cfc46b;stroke:var(--cyan)}.fb-scale.root text{fill:#04211f;font-weight:700}.fb-mark circle{stroke-width:2}.fb-mark text{font-size:11px;font-weight:700;font-family:var(--mono);pointer-events:none}.fb-mark.shape circle{fill:#ffffff24;stroke:#fff6}.fb-mark.shape text{fill:#fff}.fb-mark.upcoming circle{fill:#e0a4582e;stroke:var(--accent-line);stroke-dasharray:3 3}.fb-mark.upcoming text{fill:var(--accent)}.fb-mark.target circle{fill:#56cfc44d;stroke:var(--cyan)}.fb-mark.target text{fill:#eafffd}.fb-mark.sounding circle{fill:var(--accent);stroke:#ffd9a0}.fb-mark.sounding text{fill:#241503}.fb-mark.held circle{fill:var(--perfect);stroke:#d7ffe6}.fb-mark.held text{fill:#052012}.fb-hit{fill:transparent;cursor:pointer}.fb-hit:hover{fill:#ffffff0f}.board-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding-top:10px;border-top:1px solid var(--line-soft)}.view-toggles{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.scale-picker{display:flex;gap:4px}.scale-picker select{width:auto;font-size:11.5px;padding:3px 6px}.key-help{font-size:11.5px;color:var(--text-faint);max-width:62ch}.piano-wrap{overflow-x:auto}.piano{min-width:700px;display:block}.pk-white rect{fill:#eef1f5;stroke:#23282f;cursor:pointer}.pk-white text{fill:#7c848f;font-size:9px;font-family:var(--mono);pointer-events:none}.pk-black rect{fill:#1a1e24;stroke:#000;cursor:pointer}.pk-white.sounding rect,.pk-black.sounding rect{fill:var(--accent)}.pk-white.held rect,.pk-black.held rect{fill:var(--perfect)}.pk-white.upcoming rect{fill:#f6e3c6}.pk-black.upcoming rect{fill:#6b5330}.tab-scroller{overflow-x:auto;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:6px 0}.tab-staff{display:block;cursor:pointer}.tab-line{stroke:#303a47;stroke-width:1}.tab-barline{stroke:#3d4956;stroke-width:1}.tab-barline.strong{stroke:#556373;stroke-width:1.6}.tab-barnum{fill:var(--text-faint);font-size:9.5px;font-family:var(--mono)}.tab-loop{fill:#e0a45812;stroke:var(--accent-line);stroke-dasharray:4 4}.tab-section{fill:var(--cyan);font-size:11px;font-weight:600}.tab-section-tick{stroke:#56cfc466;stroke-width:1}.tab-chord{fill:var(--accent);font-size:12px;font-weight:650;font-family:var(--mono)}.tab-note rect{fill:var(--panel);stroke:transparent}.tab-note text{fill:var(--text);font-size:12px;font-weight:650;font-family:var(--mono)}.tab-finger{fill:var(--text-faint);font-size:9px;font-family:var(--mono)}.tab-note.now rect{fill:var(--accent)}.tab-note.now text{fill:#241503}.tab-note.step rect{fill:var(--cyan)}.tab-note.step text{fill:#04211f}.tab-note.g-perfect rect{fill:var(--perfect)}.tab-note.g-perfect text{fill:#052012}.tab-note.g-good rect{fill:var(--good)}.tab-note.g-good text{fill:#16200a}.tab-note.g-late rect{fill:var(--late)}.tab-note.g-late text{fill:#241a03}.tab-note.g-missed rect{fill:transparent;stroke:var(--wrong);stroke-dasharray:2 2}.tab-note.g-missed text{fill:var(--wrong)}.tab-playhead line{stroke:#fff;stroke-width:1.5;opacity:.9}.tab-playhead polygon{fill:#fff}.zoom-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:0 2px}.zoom-row .hint{font-size:12px;color:var(--text-faint)}.transport{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;display:grid;gap:12px}.transport-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.btn{appearance:none;background:var(--panel-2);border:1px solid var(--line);color:var(--text);font:inherit;font-size:13px;border-radius:var(--radius-sm);padding:7px 13px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:.14s}.btn:hover{border-color:var(--accent-line)}.btn.small{font-size:12px;padding:4px 10px}.btn.big{font-size:15px;padding:10px 20px;font-weight:600}.btn.primary{background:var(--accent);border-color:var(--accent);color:#1e1305;font-weight:650}.btn.primary:hover{background:#ecb268}.btn:disabled{opacity:.45;cursor:default}.linkish{appearance:none;background:none;border:0;color:var(--accent);font:inherit;font-size:11px;cursor:pointer;text-decoration:underline;padding:0 0 0 6px}.position-readout{display:flex;align-items:baseline;gap:3px;font-family:var(--mono)}.position-readout .big-num{font-size:26px;font-weight:700;color:var(--text)}.position-readout .sep{color:var(--text-faint)}.position-readout .beat-num{font-size:18px;color:var(--accent)}.position-readout .of{font-size:11px;color:var(--text-faint);margin-left:6px}.mode-switch{display:flex;margin-left:auto;border:1px solid var(--line);border-radius:9px;overflow:hidden}.mode-switch button{appearance:none;border:0;border-right:1px solid var(--line);background:var(--panel-2);color:var(--text-dim);font:inherit;font-size:12.5px;font-weight:550;padding:7px 15px;cursor:pointer}.mode-switch button:last-child{border-right:0}.mode-switch button.active{background:var(--cyan-soft);color:var(--cyan)}.mode-hint{font-size:12.5px;color:var(--text-faint);margin-top:-4px}.scrub{position:relative}.scrub input[type=range]{width:100%;margin:0}.scrub-fill{display:none}input[type=range]{appearance:none;height:4px;background:var(--line);border-radius:3px;cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;width:13px;height:13px;border-radius:50%;background:var(--accent);border:2px solid #1a1206}input[type=range]::-moz-range-thumb{width:13px;height:13px;border:2px solid #1a1206;border-radius:50%;background:var(--accent)}.controls{align-items:flex-end;gap:20px}.ctl{display:grid;gap:4px;font-size:11.5px;color:var(--text-faint);min-width:150px}.ctl.inline{display:flex;align-items:center;gap:8px;min-width:0}.ctl.inline span{white-space:nowrap}.ctl.compact select,.ctl.compact input{width:auto;font-size:12px}.ctl.tempo{min-width:240px}.ctl strong{color:var(--text);font-family:var(--mono)}.tempo-pct{font-size:10.5px;color:var(--text-faint)}.toggles{display:flex;flex-wrap:wrap;gap:6px;margin-left:auto}.toggle{appearance:none;background:var(--bg-2);border:1px solid var(--line);color:var(--text-dim);font:inherit;font-size:12px;padding:5px 11px 5px 8px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:.14s}.toggle .dot{width:7px;height:7px;border-radius:50%;background:var(--line);transition:.14s}.toggle.on{border-color:var(--accent-line);color:var(--accent);background:var(--accent-soft)}.toggle.on .dot{background:var(--accent);box-shadow:0 0 8px var(--accent)}.score-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;display:grid;gap:12px}.score-panel.listening{color:var(--text-faint);font-size:13px}.score-head{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.score-main{display:flex;align-items:baseline;gap:5px}.score-value{font-size:38px;font-weight:700;font-family:var(--mono);color:var(--accent);line-height:1}.score-unit{font-size:12px;color:var(--text-faint)}.score-side{display:flex;gap:22px}.score-side .k{display:block;font-size:10.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--text-faint)}.score-side .v{font-size:17px;font-family:var(--mono);font-weight:600}.score-head .btn{margin-left:auto}.score-bars{display:grid;gap:4px}.score-bar{position:relative;height:20px;background:var(--bg-2);border-radius:4px;overflow:hidden;display:flex;align-items:center}.score-bar .fill{position:absolute;inset:0 auto 0 0;opacity:.32;transition:width .25s}.score-bar .label,.score-bar .count{position:relative;font-size:11px;padding:0 9px;font-family:var(--mono)}.score-bar .count{margin-left:auto;font-weight:700}.score-bar.g-perfect .fill{background:var(--perfect)}.score-bar.g-good .fill{background:var(--good)}.score-bar.g-late .fill{background:var(--late)}.score-bar.g-missed .fill{background:var(--missed)}.score-bar.g-wrong .fill{background:var(--wrong)}.last-hit{display:flex;gap:10px;align-items:baseline;font-size:13px;padding:7px 12px;border-radius:var(--radius-sm);animation:pop .28s ease-out}.last-hit span{color:var(--text-faint);font-family:var(--mono);font-size:12px}.last-hit.g-perfect{background:#4ade8024;color:var(--perfect)}.last-hit.g-good{background:#a3e63524;color:var(--good)}.last-hit.g-late{background:#fbbf2424;color:var(--late)}.last-hit.g-wrong{background:#f8717124;color:var(--wrong)}.last-hit.g-missed{background:#5b667529;color:var(--missed)}@keyframes pop{0%{transform:translateY(-3px);opacity:0}}.tips{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px 18px}.tips h3{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);margin-bottom:8px}.tips ul{margin:0;padding-left:18px;display:grid;gap:6px;color:var(--text-dim);font-size:13.5px}.tips li::marker{color:var(--accent)}.origin{margin-top:12px;padding-top:10px;border-top:1px solid var(--line-soft);font-size:11.5px;color:var(--text-faint)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px;display:grid;gap:16px}.panel-head h2{font-size:19px;margin-bottom:5px}.panel-head p{color:var(--text-dim);font-size:13.5px;max-width:76ch}.chord-diagram{display:block;width:100%;background:none;border:0;padding:0;cursor:pointer}.chord-diagram.sm{max-width:92px}.cd-nut{fill:#d9d3c8}.cd-fret,.cd-string{stroke:#4a5462;stroke-width:1}.cd-open{fill:none;stroke:var(--text-dim);stroke-width:1.5}.cd-mute{fill:var(--text-faint);font-size:12px}.cd-basefret{fill:var(--text-faint);font-size:10px;font-family:var(--mono)}.cd-dot circle{fill:var(--text)}.cd-dot.root circle{fill:var(--accent)}.cd-dot text{fill:#10141a;font-size:10px;font-weight:700;font-family:var(--mono)}.cd-barre{fill:var(--text)}.chord-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:14px}.chord-cell{margin:0;background:var(--bg-2);border:1px solid var(--line-soft);border-radius:var(--radius-sm);padding:10px 8px 8px;text-align:center;transition:.14s}.chord-cell:hover{border-color:var(--accent-line)}.chord-cell.active{border-color:var(--accent);background:var(--accent-soft)}.chord-cell figcaption{margin-top:6px;display:grid;gap:1px}.chord-name{font-weight:700;font-size:14px;font-family:var(--mono)}.chord-full{font-size:10.5px;color:var(--text-faint)}.chord-detail{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius-sm);padding:14px 16px;display:grid;gap:8px}.chord-detail h3{font-size:16px}.chord-detail p{color:var(--text-dim);font-size:13.5px}.chord-frets{font-family:var(--mono);font-size:16px;letter-spacing:.18em;color:var(--accent)!important}.chord-frets .muted{font-size:11px;letter-spacing:0;color:var(--text-faint)}.chord-actions{display:flex;gap:8px;flex-wrap:wrap}.scale-controls{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.scale-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}.scale-card{width:100%;text-align:left;appearance:none;background:var(--bg-2);border:1px solid var(--line-soft);border-radius:var(--radius-sm);padding:11px 13px;color:inherit;font:inherit;cursor:pointer;display:grid;gap:4px;transition:.14s}.scale-card:hover{border-color:var(--accent-line)}.scale-card.active{border-color:var(--cyan);background:var(--cyan-soft)}.scale-name{font-weight:650;font-size:14px}.scale-degrees{font-family:var(--mono);font-size:12px;color:var(--cyan)}.scale-blurb{font-size:12.5px;color:var(--text-faint)}.tuner-strings{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px}.tuner-peg{appearance:none;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px 10px;color:inherit;font:inherit;cursor:pointer;display:grid;gap:2px;text-align:center;transition:.14s}.tuner-peg:hover{border-color:var(--accent-line)}.tuner-peg.ringing{border-color:var(--accent);background:var(--accent-soft)}.peg-string{font-size:10.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--text-faint)}.peg-note{font-size:22px;font-weight:700;font-family:var(--mono);color:var(--accent)}.peg-hz{font-size:11px;color:var(--text-faint);font-family:var(--mono)}.tuning-note{font-size:12.5px;color:var(--text-faint);margin-top:-8px}.tuner-tips{border-top:1px solid var(--line-soft);padding-top:14px;display:grid;gap:8px}.tuner-tips h3{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint)}.tuner-tips p{color:var(--text-dim);font-size:13.5px;max-width:74ch}.course-progress{display:flex;align-items:center;gap:12px;margin-top:12px;font-size:12px;color:var(--text-faint)}.course-progress .bar{flex:1;max-width:320px;height:6px;background:var(--bg-2);border-radius:3px;overflow:hidden}.course-progress .fill{height:100%;background:var(--accent);transition:width .25s}.stage{display:grid;gap:10px;padding-top:8px;border-top:1px solid var(--line-soft)}.stage h3{font-size:15px;color:var(--accent)}.stage-goal{font-size:13px;color:var(--text-faint);margin-top:-6px}.lesson-list{list-style:none;margin:0;padding:0;display:grid;gap:7px}.lesson{background:var(--bg-2);border:1px solid var(--line-soft);border-radius:var(--radius-sm);overflow:hidden;transition:.14s}.lesson.open{border-color:var(--accent-line)}.lesson.done .lesson-title{color:var(--text-faint);text-decoration:line-through}.lesson-head{display:flex;align-items:stretch}.lesson-toggle{flex:1;appearance:none;background:none;border:0;color:inherit;font:inherit;text-align:left;padding:11px 14px;cursor:pointer;display:grid;grid-template-columns:1fr auto;gap:2px 16px;align-items:center}.lesson-title{font-weight:600;font-size:14px}.lesson-summary{grid-column:1;font-size:12.5px;color:var(--text-faint)}.lesson-time{grid-row:1 / span 2;grid-column:2;font-size:11px;color:var(--text-faint);font-family:var(--mono)}.done-check{appearance:none;width:44px;border:0;border-left:1px solid var(--line-soft);background:transparent;color:var(--line);font-size:16px;cursor:pointer;transition:.14s}.done-check:hover{color:var(--text-dim)}.done-check.on{color:var(--perfect);background:#4ade801a}.lesson-body{padding:4px 16px 16px;display:grid;gap:11px;border-top:1px solid var(--line-soft)}.lesson-body p{color:var(--text-dim);font-size:13.5px;max-width:78ch}.lesson-chords{display:flex;gap:10px;flex-wrap:wrap;padding:4px 0}.lesson-songs{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.lesson-songs .k,.lesson-checklist .k{font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint)}.lesson-checklist ul{margin:6px 0 0;padding-left:18px;display:grid;gap:4px;font-size:13px;color:var(--text-dim)}.lesson-checklist li::marker{color:var(--cyan)}.app-footer{border-top:1px solid var(--line);padding:20px 24px 32px;display:grid;gap:6px;color:var(--text-faint);font-size:12px;max-width:90ch}@media(max-width:1080px){.layout{grid-template-columns:minmax(0,1fr)}.sidebar{position:static;max-height:380px}.mode-switch,.toggles{margin-left:0}}@media(max-width:680px){.app-header{gap:12px;padding:12px 14px}.layout{padding:14px 14px 32px}.song-header{flex-direction:column}.song-header-side{align-items:flex-start;flex-direction:row}}