:root{--bg: #12151c;--panel: #1a1f29;--panel-2: #212836;--line: #2c3547;--text: #e8ecf4;--muted: #8b95a9;--accent: #f5a83c;--accent-soft: rgba(245, 168, 60, .16);--green: #58c49a;--blue: #5aa9e6;--content-max: 1840px;--gutter: max(24px, calc((100% - var(--content-max)) / 2));font-size:16px}*{box-sizing:border-box}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}.appbar{position:sticky;top:0;z-index:50;background:var(--bg)}.topbar{display:flex;align-items:baseline;gap:12px;padding:18px var(--gutter) 6px}.top-actions{margin-left:auto;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px}.brand{font-size:1.35rem;font-weight:700;letter-spacing:.02em;color:var(--accent)}.tagline{color:var(--muted);font-size:.85rem}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:10px var(--gutter) 16px;border-bottom:1px solid var(--line)}.field{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--muted)}select,input[type=range]{accent-color:var(--accent)}select{background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:7px 10px;font-size:.85rem}.tempo-field input{width:130px}.bpm{min-width:2.2em;color:var(--text);font-variant-numeric:tabular-nums;font-weight:600}button{font:inherit;cursor:pointer;border:1px solid var(--line);border-radius:8px;background:var(--panel-2);color:var(--text);padding:8px 14px;font-size:.85rem;transition:background .15s,border-color .15s,color .15s}button:hover{border-color:var(--muted)}.toggle{color:var(--muted)}.toggle.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:600}.toggle.on:before{content:"● ";font-size:.6em;vertical-align:middle}.tb-sep{width:1px;align-self:stretch;background:var(--line);margin:2px}.setup-row{display:none}.play{background:var(--accent);border-color:var(--accent);color:#1a1206;font-weight:700;padding:8px 22px;margin-left:auto}.play.playing{background:#e0604f;border-color:#e0604f;color:#fff}main{display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-template-areas:"left right" "mid right";align-content:start;gap:20px;padding:20px var(--gutter) 32px}.left{grid-area:left}.mid{grid-area:mid}.right{grid-area:right}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px 18px}.card-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}.cards{display:grid;grid-template-columns:3fr 2fr;gap:16px;margin-bottom:22px}.now-card{cursor:pointer;background:linear-gradient(160deg,var(--panel) 0%,var(--panel-2) 100%)}.chord-symbol{font-size:4.6rem;font-weight:800;height:1.15em;display:flex;align-items:center;letter-spacing:-.02em;white-space:nowrap}.chord-symbol .fit-m{font-size:.8em}.chord-symbol .fit-s{font-size:.68em}.chord-symbol.small{font-size:2.8rem;color:var(--muted)}.chord-degree{color:var(--accent);font-size:.95rem;font-weight:600;min-height:1.3em;white-space:nowrap}.badge{background:var(--accent);color:#1a1206;font-size:.62rem;line-height:1;border-radius:20px;padding:3px 8px;margin-left:6px;vertical-align:middle;display:inline-block}.badge.hidden{display:inline-block;visibility:hidden}.beat-dots{display:flex;gap:10px;margin-top:14px}.beat-dots i{width:12px;height:12px;border-radius:50%;background:var(--line);transition:background .08s,transform .08s}.beat-dots i.active{background:var(--text);transform:scale(1.25)}.beat-dots i.accent{background:var(--accent)}.now-card.live .beat-dots i{width:14px;height:14px}.now-card.live .beat-dots i.active{transform:scale(1.5);box-shadow:0 0 10px #e8ecf480}.now-card.live .beat-dots i.accent{box-shadow:0 0 12px #f5a83cb3}.next-card{position:relative;transition:border-color .15s,box-shadow .15s}.next-card.counting{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 24px #f5a83c47}.next-countdown{display:flex;align-items:baseline;gap:8px;margin-top:12px}.cd-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.cd-num{font-size:1.7rem;font-weight:800;color:var(--accent);line-height:1;font-variant-numeric:tabular-nums}.cd-pips{display:inline-flex;gap:5px;align-self:center}.cd-pips i{width:10px;height:10px;border-radius:50%;background:var(--accent)}.cd-pips i.off{background:var(--line)}.next-countdown.flash{animation:cd-flash .32s ease-out}@keyframes cd-flash{0%{transform:scale(1.12);filter:brightness(1.5)}to{transform:scale(1);filter:brightness(1)}}.strip-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;min-height:30px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:9px 14px;border-radius:10px;min-width:74px}.chip b{font-size:1.05rem}.chip span{font-size:.68rem;color:var(--muted)}.chip.selected{border-color:var(--muted)}.chip.current{background:var(--accent-soft);border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 16px #f5a83c4d;transform:translateY(-1px) scale(1.03)}.chip.current b{color:var(--accent)}.desc{color:var(--muted);font-size:.82rem;margin-top:14px}.right{display:flex;flex-direction:column;gap:16px}.mini{padding:4px 10px;font-size:.72rem;border-radius:6px;color:var(--muted)}.mini.on{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.hidden{display:none}.voicing-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 4px;align-content:flex-start;min-height:54px}.diagram{display:flex;justify-content:center}.diagram svg{width:200px;height:auto}.diagram .string,.diagram .fret{stroke:var(--muted);stroke-width:1.2}.diagram .nut{stroke:var(--text);stroke-width:5}.diagram .dot{fill:var(--accent)}.diagram .barre{fill:var(--accent);opacity:.9}.diagram .finger{fill:#1a1206;font-size:12px;font-weight:700;text-anchor:middle}.diagram .open{fill:none;stroke:var(--green);stroke-width:1.8}.diagram .marker{fill:var(--muted);font-size:15px;text-anchor:middle}.diagram .fret-label{fill:var(--muted);font-size:13px;font-weight:600}.scale{margin-top:10px;cursor:pointer;border:1px solid transparent;border-radius:10px;padding:8px 10px;margin-left:-10px;margin-right:-10px;transition:border-color .15s,background .15s}.scale:hover{border-color:var(--line)}.scale.on{background:var(--panel-2);border-color:var(--line)}.scale.on .scale-name{color:var(--accent)}.scale-name{font-size:.88rem;font-weight:600;margin-bottom:7px}.pills{display:flex;flex-wrap:wrap;gap:6px}.pill{border:1px solid var(--line);border-radius:20px;padding:3px 10px;font-size:.78rem;color:var(--muted)}.pill.tone{border-color:var(--green);color:var(--green)}.pill.root{background:var(--accent);border-color:var(--accent);color:#1a1206;font-weight:700}.legend{display:flex;gap:6px;margin-top:16px;padding-top:12px;border-top:1px solid var(--line)}.tab{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.78rem;line-height:1.5;color:var(--muted);margin:12px 0 0;overflow-x:auto;-webkit-user-select:text;user-select:text}.tab.center{text-align:center}.tab .n{color:var(--text);font-weight:600}.tab .root{color:var(--accent);font-weight:700}.tab-caption{margin-top:14px;font-size:.72rem;color:var(--muted)}.fretboard{margin-top:12px}.fretboard svg{width:100%;height:auto;display:block}.fretboard .fb-fret{stroke:var(--line);stroke-width:1.2}.fretboard .fb-nut{stroke:var(--text);stroke-width:4}.fretboard .fb-string{stroke:var(--muted);stroke-width:1;opacity:.65}.fretboard .fb-num{fill:var(--muted);font-size:12px;text-anchor:middle}.fretboard text{font-size:9.5px;text-anchor:middle;font-weight:600}.fretboard .fb-root circle{fill:var(--accent)}.fretboard .fb-root text{fill:#1a1206;font-weight:700}.fretboard .fb-tone circle{fill:var(--green)}.fretboard .fb-tone text{fill:#0e2018}.fretboard .fb-note circle{fill:var(--panel-2);stroke:var(--line)}.fretboard .fb-note text{fill:var(--muted)}.fretboard .fb-string.dim{opacity:.25}g.tri-r circle{fill:var(--accent)}g.tri-r text{fill:#1a1206}g.tri-3 circle{fill:var(--green)}g.tri-3 text{fill:#0e2018}g.tri-5 circle{fill:var(--blue)}g.tri-5 text{fill:#06233a}.triad-card{margin-top:20px}.triad-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.triad-controls{display:flex;align-items:center;gap:10px}.seg{display:flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}.seg button{border:none;border-radius:0;border-left:1px solid var(--line);background:var(--panel-2);color:var(--muted);padding:5px 10px;font-size:.72rem}.seg button:first-child{border-left:none}.seg button.on{background:var(--accent-soft);color:var(--accent)}#drillBtn.on{background:#e0604f;border-color:#e0604f;color:#fff}.triad-shapes{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 4px}.triad-shape{flex:1 1 120px;max-width:180px;background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:8px 8px 4px;text-align:center}.triad-shape.on{border-color:var(--accent)}.triad-shape.current{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent),0 0 18px #f5a83c59}.triad-name{font-size:.75rem;font-weight:600;color:var(--muted);margin-bottom:4px}.triad-shape .tab{text-align:center;font-size:.68rem;margin-top:2px}.triad-shape svg{width:100%;height:auto}.triad-shape .t-string,.triad-shape .t-fret{stroke:var(--muted);stroke-width:1.1}.triad-shape .t-nut{stroke:var(--text);stroke-width:4}.triad-shape .t-label{fill:var(--muted);font-size:12px;font-weight:600;text-anchor:middle}.triad-shape .t-mute{fill:var(--muted);font-size:13px;text-anchor:middle}.triad-shape g text{font-size:11px;font-weight:700;text-anchor:middle}.triad-neck .tri-box{fill:#f5a83c1a;stroke:var(--accent);stroke-width:1.5}.mix{display:flex;flex-direction:column;gap:8px;margin-top:12px}.mix-row{display:grid;grid-template-columns:64px 1fr;align-items:center;gap:10px;font-size:.8rem;color:var(--muted)}.hint{display:flex;flex-wrap:wrap;gap:8px 22px;padding:0 var(--gutter) 24px;color:var(--muted);font-size:.75rem}.learn{border-color:var(--accent);color:var(--accent);background:transparent;border-radius:20px;padding:6px 14px;font-size:.8rem;position:relative}.feedback{color:var(--muted);font-size:.72rem;text-decoration:none;border:1px dashed var(--line);border-radius:20px;padding:6px 11px}.feedback:hover{color:var(--accent);border-color:var(--accent)}.learn:hover{background:var(--accent-soft);border-color:var(--accent)}.learn.pulse:after{content:"";position:absolute;top:-3px;right:-3px;width:9px;height:9px;border-radius:50%;background:var(--accent);animation:tut-pulse 1.4s ease-in-out infinite}@keyframes tut-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.35)}}.tut-menu{position:fixed;top:56px;right:24px;width:330px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:10px;z-index:80;box-shadow:0 14px 44px #00000080}.tut-menu-head{display:flex;justify-content:space-between;align-items:center;padding:4px 8px 8px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}.tut-menu-progress{height:4px;border-radius:3px;background:var(--panel-2);margin:0 8px 8px;overflow:hidden}.tut-menu-progress i{display:block;height:100%;background:var(--green);transition:width .3s}.tut-item{display:flex;gap:11px;width:100%;text-align:left;background:transparent;border:none;padding:9px 8px;border-radius:10px;align-items:flex-start}.tut-item.up{background:var(--accent-soft)}.tut-item.up .tut-check{border-color:var(--accent);color:var(--accent)}.tut-item:hover{background:var(--panel-2)}.tut-check{width:22px;height:22px;flex:none;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font-size:.7rem;color:var(--muted)}.tut-check.done{background:var(--green);border-color:var(--green);color:#0e2018;font-weight:700}.tut-item-text b{display:block;font-size:.85rem}.tut-item-text small{color:var(--muted);font-size:.72rem}.tut-panel{position:fixed;left:24px;bottom:20px;width:min(440px,calc(100vw - 48px));background:var(--panel);border:1px solid var(--accent);border-radius:14px;padding:14px 16px;z-index:80;box-shadow:0 14px 44px #0000008c}.tut-head{display:flex;justify-content:space-between;align-items:center;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.tut-panel h3{margin:8px 0 6px;font-size:1.05rem}.tut-upnext{margin-top:10px;font-size:.75rem;font-weight:600;color:var(--green)}.tut-example{margin-top:12px;border-color:var(--accent);color:var(--accent);background:var(--accent-soft);border-radius:20px;padding:7px 16px;font-size:.82rem;font-weight:600}.tut-example:hover{background:var(--accent);color:#1a1206;border-color:var(--accent)}.tut-panel p{margin:0;font-size:.86rem;line-height:1.55}.tut-quiz{margin-top:12px}.tut-quiz-q{font-size:.85rem;font-weight:600;color:var(--text);margin-bottom:8px}.tut-quiz-choices{display:flex;flex-wrap:wrap;gap:6px}.tut-quiz-choices button{padding:7px 14px;font-size:.82rem;border-radius:18px}.tut-quiz-choices button.good{border-color:var(--green);color:var(--green);background:#4cd97b1f}.tut-quiz-choices button.bad{border-color:#e05555;color:#e05555;background:#e055551a;opacity:.8}.tut-quiz-explain{margin-top:8px;font-size:.78rem;color:var(--muted);font-style:italic}.tut-hint{display:flex;align-items:center;gap:8px;margin-top:11px;color:var(--accent);font-size:.8rem;font-weight:600}.tut-hint i{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:tut-pulse 1.4s ease-in-out infinite}.tut-hint.ok{color:var(--green)}.tut-nav{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.tut-back,.tut-skip,.tut-x{background:transparent;border:none;color:var(--muted);font-size:.78rem;padding:3px 6px}.tut-back:hover,.tut-skip:hover,.tut-x:hover{color:var(--text);border:none}.tut-next{background:var(--accent);border-color:var(--accent);color:#1a1206;font-weight:700;padding:7px 16px}.tut-dim{position:fixed;inset:0;z-index:60;background:#080a0e8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none}.appbar.tut-raise{z-index:65}.tut-spot{position:relative;z-index:65;box-shadow:0 0 0 2px var(--accent),0 0 22px #f5a83c59;border-radius:10px}.modal-overlay{position:fixed;inset:0;z-index:90;background:#0000008c;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;overflow:auto}.modal-overlay.hidden{display:none}.modal{background:var(--panel);border:1px solid var(--line);border-radius:16px;width:min(720px,100%);padding:16px 20px 20px;box-shadow:0 20px 60px #0000008c}.modal-head{display:flex;justify-content:space-between;align-items:center;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:12px}.lib-roots,.lib-quals{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.lib-roots button,.lib-quals button{padding:6px 11px;font-size:.8rem;border-radius:8px;color:var(--muted)}.lib-quals button{font-size:.75rem}.lib-roots button.on,.lib-quals button.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.lib-preview{border-top:1px solid var(--line);margin-top:8px;padding-top:12px}.lib-top{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.lib-symbol{font-size:2.6rem;font-weight:800;letter-spacing:-.02em}.lib-preview .diagram{margin-top:4px}.lib-scales{color:var(--muted);font-size:.8rem;margin-top:8px}.lib-actions{display:flex;gap:8px;margin-top:12px}.accent-btn{background:var(--accent);border-color:var(--accent);color:#1a1206;font-weight:700}.accent-btn:disabled{opacity:.4;cursor:default}.builder{border-top:1px solid var(--line);margin-top:16px;padding-top:12px}.draft{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0;min-height:40px}.draft-empty{color:var(--muted);font-size:.85rem;align-self:center}.draft-chip{display:flex;flex-direction:column;align-items:center;gap:5px;background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:8px 10px}.draft-chip b{font-size:1rem}.draft-chip .bars{display:flex;align-items:center;gap:5px;font-size:.68rem;color:var(--muted)}.draft-chip .bars button{padding:0 6px;font-size:.85rem;border-radius:5px}.draft-x{padding:1px 7px;font-size:.7rem;border-radius:5px;color:var(--muted)}.builder-save{display:flex;gap:8px;align-items:center}#libName{flex:1;min-width:0;background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:8px 10px;font:inherit;font-size:.85rem}.saved{border-top:1px solid var(--line);margin-top:16px;padding-top:10px}.saved-item{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:5px 0;font-size:.88rem}.saved-item small{color:var(--muted)}.saved-item .mini{padding:4px 10px}.ear-view,.ear-tabs,.ear-levels{width:100%;margin-bottom:8px}.ear-view button{flex:1;padding:8px 6px;font-size:.8rem}.ear-tabs button,.ear-levels button{flex:1;padding:8px 6px;font-size:.78rem}.ear-caption{color:var(--muted);font-size:.75rem;margin-bottom:12px}.ear-play-row{display:flex;align-items:center;gap:14px;border-top:1px solid var(--line);padding-top:14px}#earPlay{padding:10px 20px;font-size:.95rem}.ear-prompt{font-size:.95rem;color:var(--text)}.ear-score{color:var(--muted);font-size:.78rem;margin:10px 0 12px;font-variant-numeric:tabular-nums}.ear-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}.opt{padding:12px 10px;font-size:.85rem;border-radius:10px}.opt.correct{background:var(--green);border-color:var(--green);color:#0e2018;font-weight:700}.opt.wrong{background:#e0604f;border-color:#e0604f;color:#fff}.opt:disabled{cursor:default}.ear-feedback{min-height:1.4em;margin:12px 0;font-weight:600;font-size:.9rem}.ear-feedback .ok{color:var(--green)}.ear-feedback .bad{color:#e0604f}.ear-next{display:flex;justify-content:flex-end}.prog-overall{font-size:.95rem;margin:6px 0 4px}.prog-section-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:14px 0 6px}.prog-list{display:flex;flex-direction:column;gap:5px}.prog-row{display:grid;grid-template-columns:120px 1fr auto;align-items:center;gap:10px;font-size:.82rem}.prog-bar{height:8px;background:var(--panel-2);border-radius:5px;overflow:hidden}.prog-bar i{display:block;height:100%;background:var(--muted)}.prog-bar.high i{background:var(--green)}.prog-bar.mid i{background:var(--accent)}.prog-bar.low i{background:#e0604f}.prog-num{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.76rem}.prog-tips ul{margin:4px 0 0;padding-left:18px;font-size:.86rem;line-height:1.5}.prog-reset{margin-top:16px;display:flex;justify-content:flex-end}.prog-reset button.arm{background:#e0604f;border-color:#e0604f;color:#fff}.tuner-idle p,.tuner-error p{font-size:.9rem;line-height:1.55;color:var(--text)}.tuner-note-hint{color:var(--muted);font-size:.78rem;margin-top:12px}.tuner-idle button,.tuner-error button{margin-top:6px;padding:10px 20px;font-size:.95rem}.tuner-device{display:flex;align-items:center;gap:8px;justify-content:center;font-size:.75rem;color:var(--muted);margin-bottom:4px}.tuner-device select{max-width:260px;font-size:.78rem}.tuner-note{text-align:center;font-size:4.5rem;font-weight:800;line-height:1.1;color:var(--text)}.tuner-note small{font-size:1.4rem;font-weight:600;color:var(--muted);vertical-align:super;margin-left:2px}.tuner-live.in-tune .tuner-note{color:var(--green)}.tuner-meter{position:relative;height:46px;margin:10px 0 8px;border-radius:10px;background:var(--panel-2);border:1px solid var(--line);overflow:hidden}.tuner-zone{position:absolute;top:0;bottom:0;left:47%;width:6%;background:#58c49a2e}.tuner-centerline{position:absolute;top:0;bottom:0;left:50%;width:2px;background:var(--green);transform:translate(-50%)}.tuner-needle{position:absolute;top:6px;bottom:6px;left:50%;width:4px;border-radius:2px;background:var(--accent);transform:translate(-50%);transition:left .09s ease-out}.tuner-live.in-tune .tuner-needle{background:var(--green)}.tuner-flat,.tuner-sharp{position:absolute;top:50%;transform:translateY(-50%);color:var(--muted);font-size:1rem}.tuner-flat{left:10px}.tuner-sharp{right:10px}.tuner-cents{text-align:center;color:var(--muted);font-size:.85rem;font-variant-numeric:tabular-nums;min-height:1.3em}.tuner-live.in-tune .tuner-cents{color:var(--green);font-weight:600}.tuner-strings{display:flex;justify-content:center;gap:10px;margin:16px 0}.tuner-strings span{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line);background:var(--panel-2);color:var(--muted);font-weight:700}.tuner-strings span.on{border-color:var(--accent);color:var(--accent);box-shadow:0 0 12px #f5a83c59}.tuner-strings span.tuned{background:var(--green);border-color:var(--green);color:#0e2018;box-shadow:0 0 12px #58c49a73}#tunerStop{display:block;margin:4px auto 0;padding:8px 22px}.pg-mode,.pg-find-levels,.pg-int-levels,.pg-groove-levels{width:100%;margin-bottom:12px}.pg-mode button,.pg-find-levels button,.pg-int-levels button,.pg-groove-levels button{flex:1;padding:8px 6px;font-size:.8rem}.pg-actions{display:flex;justify-content:center;gap:8px}.gv-tempo{display:flex;align-items:center;gap:10px;font-size:.8rem;color:var(--muted);justify-content:center;margin-bottom:14px}.gv-tempo input{width:180px}.gv-meter{max-width:420px;margin:0 auto 14px}.gv-scale{display:flex;justify-content:space-between;font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:4px}.gv-track{position:relative;height:26px;border-radius:13px;background:var(--panel-2);border:1px solid var(--line);overflow:hidden}.gv-center{position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;background:var(--line)}.gv-marker{position:absolute;left:50%;top:3px;bottom:3px;width:10px;margin-left:-5px;border-radius:5px;background:var(--muted);transition:left .08s linear}.gv-marker[data-judge=perfect]{background:#4cd97b}.gv-marker[data-judge=good]{background:var(--accent)}.gv-marker[data-judge=early],.gv-marker[data-judge=late]{background:#e05555}.find-cards{display:grid;grid-template-columns:3fr 2fr;gap:12px;margin-bottom:10px}.find-card{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:12px 14px}.find-target{font-size:3.4rem;font-weight:800;line-height:1.1;height:1.1em;display:flex;align-items:center}.find-target.small{font-size:2rem;color:var(--muted)}.find-card.hit{border-color:var(--green);animation:find-hit .4s ease-out}@keyframes find-hit{0%{background:var(--green)}to{background:var(--panel-2)}}.find-status{text-align:center;color:var(--muted);font-size:.85rem;min-height:1.3em}.find-card.hit+.find-status,.find-status{font-variant-numeric:tabular-nums}.find-score{text-align:center;color:var(--muted);font-size:.78rem;margin:4px 0 10px;font-variant-numeric:tabular-nums}#findReveal{display:block;margin:0 auto 8px}.find-neck{margin-top:6px}.song-intro{color:var(--muted);font-size:.82rem;line-height:1.5;margin-bottom:14px}.song-list{display:flex;flex-direction:column;gap:8px}.song-item{display:block;width:100%;text-align:left;background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:12px 14px}.song-item:hover{border-color:var(--accent)}.song-main{display:flex;align-items:baseline;gap:10px}.song-main b{font-size:1rem}.song-main span{color:var(--muted);font-size:.8rem}.song-meta{color:var(--accent);font-size:.74rem;font-weight:600;margin:3px 0 5px}.song-desc{color:var(--muted);font-size:.82rem;line-height:1.45}.hint kbd{font-family:inherit;background:var(--panel-2);border:1px solid var(--line);border-radius:5px;padding:1px 6px;margin-right:4px;font-size:.72rem;color:var(--text)}@media(min-width:1360px){main{grid-template-columns:minmax(430px,5fr) minmax(0,7fr) 380px;grid-template-areas:"left mid right"}.chord-symbol{font-size:5.6rem}.chord-symbol.small{font-size:3.2rem}.mid .tab{font-size:.92rem}}@media(max-width:900px){main{grid-template-columns:1fr;grid-template-areas:"left" "mid" "right"}.chord-symbol{font-size:3.4rem}.play{margin-left:0}}@media(max-width:720px){.topbar{padding:10px var(--gutter) 6px;gap:8px}.brand{font-size:1.1rem}.tagline{display:none}.top-actions{justify-content:flex-start;gap:6px;flex-basis:100%}.top-actions .learn{padding:5px 10px;font-size:.72rem}.feedback{padding:5px 8px;font-size:.65rem}.setup-row{display:block;padding:4px var(--gutter) 10px;border-bottom:1px solid var(--line)}.setup-row button{width:100%;text-align:left;font-size:.82rem;color:var(--text);padding:9px 12px;border-radius:10px}.setup-row #setupSummary{color:var(--muted)}.setup-row #setupChevron{float:right;font-style:normal;color:var(--muted);transition:transform .15s}.setup-row button.open #setupChevron{transform:rotate(180deg)}.toolbar{display:none}.toolbar.open{display:flex}.tb-sep{display:none}main{padding-bottom:76px}footer.hint{margin-bottom:80px}}.mini-transport{display:none;position:fixed;left:0;right:0;bottom:0;z-index:70;align-items:center;gap:12px;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));background:color-mix(in srgb,var(--panel) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line)}.mini-transport button{background:var(--accent);border-color:var(--accent);color:#1a1206;font-weight:700;font-size:1rem;padding:10px 22px;border-radius:12px;flex:0 0 auto}.mini-transport button.playing{background:#e0604f;border-color:#e0604f;color:#fff}.mini-nownext{display:flex;align-items:baseline;gap:10px;min-width:0;font-variant-numeric:tabular-nums}.mini-now{font-size:1.5rem;font-weight:700;color:var(--text)}.mini-arrow{color:var(--muted);font-size:.8rem}.mini-next{font-size:1.05rem;font-weight:600;color:var(--muted)}@media(max-width:720px){.mini-transport{display:flex}}.progress-strip{display:flex;align-items:center;gap:14px;padding:8px var(--gutter);font-size:.8rem;color:var(--muted);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--panel) 55%,transparent)}.progress-strip #psStreak{color:var(--accent);font-weight:600}.progress-strip #psContinue{margin-left:auto;color:var(--accent);border-color:var(--accent)}@media(max-width:720px){.progress-strip{font-size:.72rem;gap:8px}}.next-grip{margin-top:8px}.next-grip svg{width:116px;height:auto;opacity:.9}.next-grip.diagram .string,.next-grip.diagram .fret{stroke-width:2.2}.next-grip.diagram .fret-label,.next-grip.diagram .finger{font-size:15px}.next-card.counting .next-grip{display:none}.fret-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.mirror-wrap{display:flex;align-items:center;gap:8px}.mirror-status{font-size:.78rem;color:var(--accent);font-variant-numeric:tabular-nums}#mirrorBtn.on{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.fb-mirror{display:none}.fb-mirror.heard{display:block}.fb-mirror circle{fill:none;stroke:var(--accent);stroke-width:2.5}.pr-upnext{text-align:center;font-size:.76rem;color:var(--muted);margin:-8px 0 14px}.hint-backup{margin-left:auto;display:flex;gap:6px}.feedback-modal p{color:var(--muted);font-size:.88rem;margin:0 0 10px}.fb-diag{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:.72rem;color:var(--muted);white-space:pre-wrap;word-break:break-all;margin-bottom:12px}.feedback-modal .accent-btn{text-decoration:none;font-size:.85rem;padding:8px 16px;border-radius:10px}.welcome-overlay{z-index:95}.welcome{max-width:460px;text-align:center}.welcome h2{font-size:1.5rem;margin:6px 0}.welcome p{color:var(--muted);font-size:.9rem;margin:0 0 18px;line-height:1.5}.welcome-doors{display:flex;flex-direction:column;gap:10px}.welcome-doors button{padding:14px 16px;border-radius:12px;font-size:.95rem;text-align:left;display:flex;flex-direction:column;gap:2px}.welcome-doors button b{color:var(--text)}.welcome-doors button small{color:var(--muted);font-size:.78rem}.welcome-doors button:hover{border-color:var(--accent);background:var(--accent-soft)}.welcome-doors button:hover b{color:var(--accent)}.practice-cta{background:var(--accent);color:#12151c;font-weight:600}.practice-cta:hover{background:var(--accent);filter:brightness(1.08)}.practice-overlay{z-index:85}.pr-tabs{margin-bottom:14px}.pr-path-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.pr-path-count{font-size:.9rem;font-weight:600;color:var(--accent)}.pr-gate{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--muted);cursor:pointer}.pr-units{display:flex;flex-direction:column;gap:10px}.pr-unit{display:flex;gap:12px;padding:14px;border-radius:12px;background:var(--panel-2);border:1px solid var(--line)}.pr-unit[role=button]{cursor:pointer;transition:border-color .15s,background .15s}.pr-unit[role=button]:hover,.pr-unit[role=button]:focus-visible{border-color:var(--accent);background:color-mix(in srgb,var(--accent-soft) 55%,var(--panel-2));outline:none}.pr-unit-lockmsg{color:var(--muted);font-size:.82rem;font-style:italic}.pr-unit-complete{border-color:var(--accent)}.pr-unit-locked{opacity:.6}.pr-unit-icon{flex:0 0 28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:.85rem;font-weight:700;background:var(--panel);border:1px solid var(--line);color:var(--muted)}.pr-unit-complete .pr-unit-icon{background:var(--accent);border-color:var(--accent);color:#12151c}.pr-unit-current .pr-unit-icon{border-color:var(--accent);color:var(--accent)}.pr-unit-body{flex:1 1 auto;min-width:0}.pr-unit-top{display:flex;align-items:center;gap:10px;margin-bottom:2px}.pr-unit-title{font-size:1.02rem;font-weight:600;color:var(--text)}.pr-unit-intro{color:var(--muted);font-size:.84rem;line-height:1.45;margin-bottom:8px}.pr-unit-check{font-size:.78rem;color:var(--muted);margin:6px 0 8px;font-variant-numeric:tabular-nums}.pr-unit-actions{display:flex;flex-wrap:wrap;gap:6px}.pr-streak{font-size:.9rem;font-weight:600;color:var(--accent);margin-bottom:8px}.pr-builder{border:1px solid var(--line);background:var(--panel-2);border-radius:12px;padding:14px 16px;margin-bottom:14px;display:flex;flex-direction:column;gap:10px}.pr-b-head{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.pr-b-row{display:flex;align-items:baseline;gap:10px}.pr-b-row>span{flex:0 0 44px;font-size:.75rem;color:var(--muted)}.pr-b-chips{display:flex;flex-wrap:wrap;gap:6px}.pr-b-chips button{padding:5px 11px;font-size:.76rem;border-radius:16px;color:var(--muted)}.pr-b-chips button.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.pr-builder .accent-btn{align-self:center;margin-top:2px}.pr-pattern{margin:0 auto 14px;max-width:100%}.pr-pattern .pattern-tab{overflow-x:auto;text-align:left;display:block;padding:10px 12px;margin-bottom:10px}.pattern-tab .n.now{background:var(--accent);color:#12151c;border-radius:3px}.pattern-tab .pick{color:var(--muted);opacity:.85}.pr-intro{color:var(--muted);font-size:.88rem;margin-bottom:14px}.pr-routines{display:flex;flex-direction:column;gap:10px}.pr-routine{text-align:left;padding:14px 16px;border-radius:12px;background:var(--panel-2);border:1px solid var(--line);display:flex;flex-direction:column;gap:4px}.pr-routine:hover{border-color:var(--accent);background:var(--accent-soft)}.pr-routine-top{display:flex;align-items:center;gap:10px}.pr-routine-name{font-size:1.05rem;font-weight:600;color:var(--text)}.pr-routine-level{font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);border:1px solid var(--accent);border-radius:20px;padding:2px 8px}.pr-routine-sum{color:var(--muted);font-size:.85rem}.pr-routine-meta{color:var(--muted);font-size:.75rem;opacity:.8}.pr-session-head{display:flex;justify-content:space-between;align-items:baseline;font-size:.8rem;color:var(--muted);margin-bottom:8px}.pr-session-head span:first-child{font-weight:600;color:var(--text)}.pr-bar{height:6px;border-radius:3px;background:var(--panel-2);overflow:hidden;margin-bottom:16px}.pr-bar-fill{height:100%;width:0;background:var(--accent);transition:width .9s linear}.pr-step{text-align:center;padding:8px 4px 4px}.pr-step-title{font-size:1.5rem;font-weight:700;color:var(--text);margin-bottom:8px}.pr-step-blurb{color:var(--muted);font-size:.95rem;line-height:1.5;max-width:46ch;margin:0 auto 16px}.pr-cta{margin-bottom:8px}.pr-timer{text-align:center;font-size:1.6rem;font-variant-numeric:tabular-nums;font-weight:600;color:var(--text);margin:8px 0 16px}.pr-timer-done{font-size:.95rem;color:var(--accent)}.pr-controls{display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:wrap}.pr-controls .accent-btn{margin-left:auto}.pr-ready{animation:pr-pulse 1.1s ease-in-out infinite}@keyframes pr-pulse{0%,to{box-shadow:0 0 0 0 var(--accent-soft)}50%{box-shadow:0 0 0 6px var(--accent-soft)}}.pr-done-emoji{text-align:center;font-size:3rem;color:var(--accent)}.pr-done-title{text-align:center;font-size:1.5rem;font-weight:700;color:var(--text);margin:4px 0}.pr-done-sub{text-align:center;color:var(--muted);font-size:.9rem;margin-bottom:18px}