:root{--bg: #16121f;--panel: #1f1930;--panel-2: #27203c;--line: #342a4e;--text: #eae6f4;--muted: #968cb2;--accent: #f0a13e;--accent-soft: color-mix(in srgb, var(--accent) 16%, transparent);--on-accent: #0c0a11;--green: #62c99a;--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)}.appbar.drawer-open{z-index:102}.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:none;flex-wrap:wrap;align-items:stretch;gap:10px 12px;padding:10px var(--gutter) 14px;border-bottom:1px solid var(--line)}.toolbar.open{display:flex}.tb-group{display:flex;flex-direction:column;gap:5px;padding:7px 12px 9px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.tb-caption{font-size:.58rem;font-weight:600;text-transform:uppercase;letter-spacing:.11em;color:var(--muted)}.tb-caption-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.tb-caption-btn{font-size:.62rem;padding:1px 7px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--muted)}.tb-caption-btn:hover{color:var(--accent);border-color:var(--line)}.tb-items{display:flex;align-items:center;gap:10px 14px}.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}.setup-row{display:block;padding:6px var(--gutter) 8px}.setup-row button{width:100%;text-align:left;font-size:.82rem;color:var(--text);padding:9px 12px;border-radius:10px;background:var(--panel);border:1px solid var(--line)}.setup-row button:hover{border-color:var(--accent)}.setup-row #setupSummary{color:var(--muted)}.setup-row #setupChevron{float:right;font-style:normal;color:var(--accent);transition:transform .15s}.setup-row button.open #setupChevron{transform:rotate(180deg)}.play{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:700;padding:8px 22px}.play.playing{background:#e0604f;border-color:#e0604f;color:#fff}.modedeck{position:sticky;top:var(--appbar-h, 0);z-index:40;background:var(--bg);display:flex;align-items:center;gap:12px;padding:10px var(--gutter) 12px;border-bottom:1px solid var(--line)}.modebar{display:flex;align-items:center;gap:8px;flex:none}.modetab{font-size:.9rem;font-weight:600;color:var(--muted);background:var(--panel-2);border:1px solid var(--line);border-radius:9px;padding:9px 16px}.modetab:hover{color:var(--text);border-color:var(--muted)}.modetab.on{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.deck-sep{width:1px;align-self:stretch;background:var(--line);flex:none}.modedeck .chips{flex:1;overflow-x:auto}.mix-menu{flex:none;position:relative}.mix-pop{position:absolute;right:0;bottom:calc(100% + 10px);z-index:60;width:280px;max-width:calc(100vw - 2 * var(--gutter));background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 16px;box-shadow:0 18px 48px #00000080}.mix-pop.hidden{display:none}#mixBtn.on{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}main{padding:20px var(--gutter) 96px;background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 45%,transparent) 0%,transparent 320px)}footer.hint{margin-bottom:72px}@media(min-width:721px){footer.hint{position:fixed;left:0;right:0;bottom:var(--transport-h, 60px);margin-bottom:0;z-index:60;padding-top:8px;padding-bottom:8px;background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--line)}main{padding-bottom:calc(var(--transport-h, 60px) + var(--hint-h, 44px) + 16px)}}.mode-content{min-width:0;display:flex;flex-direction:column;gap:16px}.mode-group{display:none;gap:16px}main[data-mode=play] .grp-play{display:flex;flex-direction:column}.grp-play .cards{max-width:980px}main[data-mode=solo] .grp-solo{display:flex;flex-direction:column;gap:14px}.solo-aux{order:-1}.solo-aux #improCard{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;padding:10px 14px}.solo-aux #improCard>.card-label{margin:0}.solo-aux #scales{display:flex;flex-wrap:wrap;gap:8px}.solo-aux .scale{margin:0;padding:5px 12px;border:1px solid var(--line);border-radius:999px}.solo-aux .scale .scale-name{margin:0;font-size:.82rem}.solo-aux .scale.on{background:var(--panel-2);border-color:var(--accent)}.solo-aux .legend{margin:0 0 0 auto;padding:0;border-top:0}main[data-mode=study] .grp-study{display:grid;grid-template-columns:repeat(2,minmax(0,760px));align-items:stretch;justify-content:center}main[data-mode=solo] .grp-lab{display:flex;flex-direction:column}@media(max-width:1000px){main[data-mode=solo] .grp-solo,main[data-mode=study] .grp-study{grid-template-columns:1fr}}.fret-card .fretboard{max-width:none}.solo-spine{display:inline-flex;align-items:baseline;gap:6px;flex-wrap:wrap;font-size:13px;font-weight:400;color:var(--muted)}.solo-spine .spine-now{font-size:21px;font-weight:700;color:var(--accent);letter-spacing:-.01em}.solo-spine .spine-next{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px;color:var(--muted)}.solo-spine .spine-scale{color:var(--muted)}.tab-card .tab{max-width:200px}@media(max-width:700px){.solo-aux{flex-direction:column}}.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:minmax(0,3fr) minmax(0,2fr);gap:16px;margin-bottom:22px}.now-card{cursor:pointer;background:linear-gradient(160deg,var(--panel) 0%,var(--panel-2) 100%)}.now-card .card-label{display:flex;align-items:center;gap:6px 8px;flex-wrap:wrap}.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:var(--on-accent);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 color-mix(in srgb,var(--text) 50%,transparent)}.now-card.live .beat-dots i.accent{box-shadow:0 0 12px color-mix(in srgb,var(--accent) 70%,transparent)}.now-card{position:relative;transition:border-color .15s,box-shadow .15s}.now-card.counting{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 24px color-mix(in srgb,var(--accent) 28%,transparent)}.chord-countdown{position:absolute;right:16px;bottom:18px;display:flex;flex-direction:column;align-items:flex-end;gap:2px}.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)}.chord-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;background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden}.chip{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;padding:7px 12px;position:relative;border:none;border-radius:0;background:transparent;white-space:nowrap;flex:var(--bars, 1) 0 calc(var(--bars, 1) * 58px);min-width:max-content;min-width:fit-content;background-image:linear-gradient(to right,transparent calc(100% - 1px),color-mix(in srgb,var(--line) 85%,transparent) calc(100% - 1px));background-size:calc(100% / var(--bars, 1)) 100%}.chip:last-child{background-image:none}.chip b{font-size:1.05rem;line-height:1.25;height:1.25em;display:block;overflow:visible}.chip span{font-size:.68rem;color:var(--muted);line-height:1.3;height:1.3em;display:block;overflow:visible}.chip.selected{box-shadow:inset 0 0 0 1.5px var(--muted)}.chip.current{background-color:var(--accent-soft)}.chip.current b{color:var(--accent)}.chip:after{content:"";position:absolute;left:0;bottom:0;height:3px;width:calc(var(--sweep, 0) * 100%);background:var(--accent);transition:width .4s linear}.chip.current.selected{box-shadow:inset 0 0 0 1.5px 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 svg{width:300px}.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:var(--on-accent);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);background:var(--panel-2)}.pill.tone{border-color:var(--green);color:var(--green)}.pill.root{background:var(--accent);border-color:var(--accent);color:var(--on-accent);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:.95rem;line-height:1.55;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)}.tabx{width:100%;height:auto;display:block}.tabx-line{stroke:var(--muted);opacity:.6;stroke-dasharray:5 4}.tabx-name{fill:var(--muted);font:600 11px ui-monospace,SF Mono,Menlo,monospace;text-anchor:middle}.tabx-cell{fill:var(--panel)}.tabx-fret{fill:var(--text);font:700 12px ui-monospace,SF Mono,Menlo,monospace;text-anchor:middle}.tabx-fret.root{fill:var(--accent)}.tabx-fret.tone{fill:var(--green)}.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.5;stroke-linecap:round}.fretboard .fb-neck{fill:var(--panel-2)}.fretboard .fb-inlay{fill:var(--muted);opacity:.18}.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);stroke:var(--text);stroke-width:2.5}.fretboard .fb-root text{fill:var(--on-accent);font-weight:700}.fretboard .fb-tone circle{fill:var(--green)}.fretboard .fb-tone text{fill:#0e2018}.fretboard .fb-note circle{fill:color-mix(in srgb,var(--text) 18%,transparent);stroke:var(--text);stroke-width:1.5;stroke-opacity:.55}.fretboard .fb-note text{fill:var(--text)}.fretboard .fb-root,.fretboard .fb-tone,.fretboard .fb-note{filter:drop-shadow(0 1.5px 1.5px rgba(0,0,0,.5))}.fretboard .fb-string.dim{opacity:.25}g.tri-r circle{fill:var(--accent)}g.tri-r text{fill:var(--on-accent)}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-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.hidden{display:none}.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 color-mix(in srgb,var(--accent) 35%,transparent)}.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:color-mix(in srgb,var(--accent) 10%,transparent);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)}.mix-row.hidden{display:none}.mix-meter{display:block;height:8px;border:1px solid var(--line);border-radius:5px;background:var(--panel-2);overflow:hidden}.mix-meter i{display:block;height:100%;width:0%;background:linear-gradient(90deg,var(--green) 0%,var(--green) 55%,var(--accent) 80%,#e0604f 100%);transition:width 70ms linear}.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;max-height:calc(100vh - 76px);max-height:calc(100dvh - 76px);overflow-y:auto;overscroll-behavior:contain}.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-menu-sub{margin:10px 8px 4px;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.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-x{background:transparent;border:none;color:var(--muted);font-size:.78rem;padding:3px 6px;cursor:pointer}.tut-x:hover{color:var(--text)}.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;overscroll-behavior:contain}.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:var(--on-accent);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}.gv-warn{margin-top:10px;padding:8px 11px;border-radius:9px;font-size:.78rem;line-height:1.4;color:var(--text);background:var(--accent-soft);border:1px solid var(--accent)}.mini.needs-cal{border-color:var(--accent);color:var(--accent)}.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 color-mix(in srgb,var(--accent) 35%,transparent)}.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}.pick-intro{color:var(--muted);font-size:.82rem;line-height:1.5;margin:0 0 14px}.pick-group{margin-bottom:16px}.pick-group>.card-label{margin-bottom:8px}.pick-list{display:flex;flex-wrap:wrap;gap:8px}.prog-item{padding:7px 13px;border:1px solid var(--line);border-radius:999px;background:var(--panel-2);color:var(--text);font:inherit;font-size:.82rem;cursor:pointer}.prog-item:hover{border-color:var(--accent)}.prog-item.on,.song-item.on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.prog-item small{color:var(--muted)}.pick-list .saved-item{display:inline-flex;align-items:stretch;gap:0}.pick-list .saved-item .prog-item{border-top-right-radius:0;border-bottom-right-radius:0}.saved-del{border:1px solid var(--line);border-left:0;border-radius:0 999px 999px 0;background:var(--panel-2);color:var(--muted);padding:0 11px;cursor:pointer;font-size:.8rem}.saved-del:hover{color:var(--red, #d96a6a);border-color:var(--red, #d96a6a)}.build-details{border-top:1px solid var(--line);margin-top:4px;padding-top:12px}.build-details>summary{cursor:pointer;margin-bottom:10px;list-style:none}.build-details>summary:before{content:"▸ ";color:var(--muted)}.build-details[open]>summary:before{content:"▾ "}.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){.chord-symbol{font-size:5.6rem}.chord-symbol.small{font-size:3.2rem}.fret-card .tab{font-size:.92rem}}@media(max-width:900px){.chord-symbol{font-size:3.4rem}}@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}.tb-group{width:100%}.tb-items{flex-wrap:wrap}.modedeck{flex-wrap:wrap;gap:8px;padding-top:8px}.modebar{flex-basis:100%;overflow-x:auto}.modetab{white-space:nowrap;padding:8px 13px;font-size:.82rem}.deck-sep{display:none}}.transport-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:70;align-items:center;gap:10px;padding:10px var(--gutter) 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)}.transport-bar .play{font-size:1rem;padding:9px 24px;border-radius:12px;flex:0 0 auto}.transport-bar .mix-menu{margin-left:auto}.mini-nownext{display:flex;align-items:baseline;gap:10px;min-width:0;margin-left:14px;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){.transport-bar{gap:7px;padding-left:12px;padding-right:12px}.transport-bar .play{padding:9px 16px}.transport-bar .toggle{font-size:.72rem;padding:7px 9px}.mini-nownext{margin-left:4px;gap:6px}.mini-now{font-size:1.15rem}.mini-arrow{display:none}.mini-next{font-size:.9rem}}.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.hidden{display:none}.strip-x{flex:none;border:none;background:transparent;color:var(--muted);padding:4px 6px;font-size:.8rem}.strip-x:hover{color:var(--text);border-color:transparent}.progress-strip #psContinue{margin-left:auto;color:var(--accent);border-color:var(--accent)}@media(max-width:720px){.progress-strip{font-size:.72rem;gap:8px}}.m-menu-btn,.m-modenav,.m-scrim,.m-drawer-head{display:none}@media(max-width:720px){.m-menu-btn{display:inline-flex;align-items:center;justify-content:center;flex:none;background:transparent;border:none;color:var(--text);font-size:1.4rem;line-height:1;padding:2px 10px 2px 0;cursor:pointer}.top-actions{position:fixed;top:0;left:0;bottom:0;z-index:101;width:min(82vw,320px);flex-basis:auto;flex-direction:column;align-items:stretch;gap:8px;padding:16px 14px calc(16px + env(safe-area-inset-bottom));background:var(--panel);border-right:1px solid var(--line);box-shadow:0 0 40px #00000080;overflow-y:auto;overscroll-behavior:contain;transform:translate(-100%);transition:transform .28s cubic-bezier(.2,.7,.3,1)}.top-actions.open{transform:translate(0)}.m-drawer-head{display:block;font-weight:700;font-size:1rem;color:var(--text);margin:2px 4px 8px}.top-actions .learn,.top-actions .feedback{width:100%;text-align:left;padding:13px 14px;font-size:.9rem;border-radius:12px}.m-scrim{display:block;position:fixed;inset:0;z-index:100;background:#00000073;opacity:0;pointer-events:none;transition:opacity .25s}.m-scrim.open{opacity:1;pointer-events:auto}.modedeck .modebar{display:none}.modedeck{padding-top:8px;padding-bottom:8px}.modedeck .chips{flex-basis:100%}.m-modenav{display:flex;box-sizing:border-box;position:fixed;left:0;right:0;bottom:0;z-index:71;height:calc(60px + env(safe-area-inset-bottom));gap:6px;padding:8px 10px env(safe-area-inset-bottom);background:color-mix(in srgb,var(--bg) 92%,black);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line)}.m-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 4px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--muted);font:inherit;font-size:.66rem;font-weight:600}.m-tab .m-ic{font-size:1.15rem;line-height:1}.m-tab.on{color:var(--accent);background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 40%,transparent)}.transport-bar{bottom:calc(60px + env(safe-area-inset-bottom));padding-bottom:10px}footer.hint{margin-bottom:calc(126px + env(safe-area-inset-bottom))}}.next-grip{margin-top:8px;height:128px;display:flex;align-items:center}.next-grip svg{width:116px;height:auto;max-height:100%;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}.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,.fb-mirror.fd-found,.fb-mirror.fd-target,.fb-mirror.fd-hit{display:block}.fb-mirror circle{fill:none;stroke:var(--accent);stroke-width:2.5}#fretboard.drill .fb-root,#fretboard.drill .fb-tone,#fretboard.drill .fb-note{display:none}.fb-mirror.fd-target circle{fill:none;stroke:var(--muted);stroke-width:1.5;stroke-dasharray:3 3}.fb-mirror.fd-found circle{fill:var(--green);stroke:var(--green)}.fb-mirror.fd-hit circle{fill:var(--accent);stroke:var(--accent)}.pr-upnext{text-align:center;font-size:.76rem;color:var(--muted);margin:-8px 0 14px}.builder-ireal{display:flex;gap:8px;margin-top:8px}.builder-ireal input{flex:1;background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:7px 10px;font-size:.8rem}.metronome-modal{max-width:380px;text-align:center}.mn-bpm{font-size:4rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text)}.metronome-modal input[type=range]{width:100%;margin:6px 0 14px}.mn-beats{margin-bottom:14px}.mn-beats button{flex:1;padding:7px 6px}.mn-dots{display:flex;justify-content:center;gap:10px;margin-bottom:16px;min-height:14px}.mn-dots i{width:12px;height:12px;border-radius:50%;background:var(--panel-2);border:1px solid var(--line)}.mn-dots i.active{background:var(--accent);border-color:var(--accent)}.mn-dots i:first-child.active{box-shadow:0 0 10px var(--accent)}.hint-backup{margin-left:auto;display:flex;gap:6px}@media(hover:none)and (pointer:coarse){.hint>span:not(.hint-backup){display:none}}.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)}.welcome-demo{margin-top:14px;width:100%;padding:10px;border-radius:10px;border-style:dashed;color:var(--accent);font-size:.85rem;background:transparent}.welcome-demo:hover{background:var(--accent-soft);border-color:var(--accent)}.practice-cta{background:var(--accent);color:var(--on-accent);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:var(--on-accent)}.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}.triad-shape.rec{border-color:var(--accent);position:relative}.triad-shape.rec:after{content:"→ play this";position:absolute;top:6px;right:8px;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--accent)}#followTriadsBtn.on{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.pr-challenge{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px dashed var(--accent);border-radius:12px;padding:10px 14px;margin-bottom:12px}.pr-challenge b{display:block;color:var(--accent);font-size:.85rem}.pr-challenge span{color:var(--muted);font-size:.78rem}.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:var(--on-accent);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}.lab-beta{font-size:.65rem;color:var(--accent);border:1px solid var(--accent);border-radius:8px;padding:1px 7px;margin-left:8px;vertical-align:2px}.lab-blurb{color:var(--muted);font-size:.85rem;margin:8px 0 14px}.lab-drill{margin:10px 0 12px;padding:10px 14px;border-left:3px solid var(--accent);border-radius:6px;background:var(--accent-soft, var(--panel-2));font-size:.9rem;line-height:1.5}.lab-drill b{color:var(--accent)}.lab-drill.hidden{display:none}.lab-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}#labRecord.recording{background:#e0678a;border-color:#e0678a}.lab-status{color:var(--muted);font-size:.85rem}.lab-report{margin-top:16px;display:flex;flex-direction:column;gap:8px}.lab-summary{color:var(--muted);font-size:.88rem;padding-bottom:10px;border-bottom:1px solid var(--line)}.lab-summary b{color:var(--text)}.lab-good{color:var(--green)}.lab-callout{color:#e0678a;font-weight:600}.lab-row{display:flex;align-items:flex-start;gap:12px}.lab-chord{flex:none;width:64px;font-weight:700;padding-top:7px;font-variant-numeric:tabular-nums}.lab-notes{display:flex;flex-wrap:wrap;gap:6px}.lab-note{display:inline-flex;align-items:baseline;gap:4px;border:1px solid var(--line);border-radius:9px;padding:5px 9px;background:var(--panel-2)}.lab-note b{font-size:.95rem}.lab-note small{color:var(--muted);font-size:.68rem}.lab-note i{font-style:normal;color:var(--muted);font-size:.7rem}.lab-note.lab-r-chord{border-color:var(--green)}.lab-note.lab-r-chord b{color:var(--green)}.lab-note.lab-r-tension{border-color:#6f9fd8}.lab-note.lab-r-tension b{color:#6f9fd8}.lab-note.lab-r-approach{border-color:var(--accent)}.lab-note.lab-r-approach b{color:var(--accent)}.lab-note.lab-r-avoid{border-color:#e0678a;background:color-mix(in srgb,#e0678a 14%,transparent)}.lab-note.lab-r-avoid b{color:#e0678a}.lab-note.lab-r-outside{border-style:dashed}.lab-note.lab-r-outside b{color:var(--muted)}.lab-legend{margin-top:10px;padding-top:10px;border-top:1px solid var(--line);display:flex;gap:6px;flex-wrap:wrap}.lab-legend .lab-note b{font-size:.72rem;font-weight:500}.lab-roll-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:var(--panel-2);padding:8px 4px 4px}.roll{display:block}.roll .roll-countin{fill:color-mix(in srgb,var(--muted) 8%,transparent)}.roll .roll-countin-lbl{fill:var(--muted);font-size:9px;letter-spacing:.08em;text-transform:uppercase}.roll .roll-oct{stroke:var(--line);stroke-dasharray:2 4}.roll .roll-oct-lbl{fill:var(--muted);font-size:9px}.roll .roll-beat{stroke:color-mix(in srgb,var(--line) 55%,transparent)}.roll .roll-bar{stroke:var(--line);stroke-width:1.5}.roll .roll-sym{fill:var(--text);font-size:13px;font-weight:700}.roll .roll-slur{fill:none;stroke:var(--muted);stroke-width:1.4}.roll .roll-note rect{stroke-width:1.5}.roll .roll-note text{font-size:10px;font-weight:700}.roll .roll-deg{font-weight:500;opacity:.75;font-size:8.5px}.roll .roll-chord rect{fill:color-mix(in srgb,var(--green) 20%,transparent);stroke:var(--green)}.roll .roll-chord text{fill:var(--green)}.roll .roll-tension rect{fill:color-mix(in srgb,#6f9fd8 20%,transparent);stroke:#6f9fd8}.roll .roll-tension text{fill:#6f9fd8}.roll .roll-approach rect{fill:color-mix(in srgb,var(--accent) 20%,transparent);stroke:var(--accent)}.roll .roll-approach text{fill:var(--accent)}.roll .roll-avoid rect{fill:color-mix(in srgb,#e0678a 26%,transparent);stroke:#e0678a}.roll .roll-avoid text{fill:#e0678a}.roll .roll-outside rect{fill:transparent;stroke:var(--muted);stroke-dasharray:3 3}.roll .roll-outside text{fill:var(--muted)}.lab-line-row{margin-top:8px;padding-top:10px;border-top:1px solid var(--line)}.lab-line-lbl{color:var(--muted);font-size:.82rem}.lab-line-row select{background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:6px 8px;font:inherit;font-size:.8rem}.lab-tones-lbl{margin-left:4px}.tone-toggles{display:inline-flex;gap:4px}.tone-tog{min-width:26px;padding:5px 8px;border:1px solid var(--line);border-radius:8px;background:var(--panel-2);color:var(--muted);font:inherit;font-size:.8rem;font-family:var(--mono, ui-monospace, monospace);cursor:pointer}.tone-tog:hover{border-color:var(--muted)}.tone-tog.on{border-color:var(--accent);color:var(--accent);background:var(--accent-soft, var(--panel-2))}.roll .roll-tab-cap{fill:var(--muted);font-size:9px;letter-spacing:.08em;text-transform:uppercase}.roll .roll-tab-line{stroke:var(--muted);opacity:.55;stroke-dasharray:5 4}.roll .roll-tab-name{fill:var(--muted);font:600 10px ui-monospace,SF Mono,Menlo,monospace}.roll .roll-tab-cell{fill:var(--panel-2)}.roll .roll-tab-fret{fill:var(--text);font:700 11px ui-monospace,SF Mono,Menlo,monospace;text-anchor:middle}.fn-root{fill:var(--accent);color:var(--accent)}.fn-third{fill:var(--green);color:var(--green)}.fn-fifth{fill:#6f9fd8;color:#6f9fd8}.fn-seventh{fill:#b18ae0;color:#b18ae0}.fn-appr{fill:var(--accent);color:var(--accent)}.roll .roll-contour{fill:none;stroke:color-mix(in srgb,var(--muted) 50%,transparent);stroke-width:1.6}.roll .roll-dot{cursor:pointer}.roll .roll-dot.fn-appr{fill-opacity:.55}.roll .roll-cell{fill:var(--panel);stroke:currentColor;stroke-width:1.2;stroke-opacity:.65}.roll .roll-cell-appr{fill:none;stroke:var(--accent);stroke-dasharray:3 2.4}.roll .roll-appr-arrow{fill:var(--accent);font-size:10px;text-anchor:middle}.roll .roll-tab-fret{font-size:15px;cursor:pointer}.roll .roll-hit{fill:transparent;cursor:pointer}.roll .roll-sel{fill:none;stroke:var(--text);stroke-width:1.6;opacity:.9;pointer-events:none}.roll .roll-cell.roll-v-hit,.roll .roll-dot.roll-v-hit{stroke:var(--green);stroke-width:1.6}.roll .roll-cell.roll-v-wrong,.roll .roll-dot.roll-v-wrong{stroke:#e0678a;stroke-width:1.6}.roll .roll-cell.roll-v-miss,.roll .roll-dot.roll-v-miss{stroke:#e0678a;stroke-width:1.4;stroke-dasharray:3 2.4}.roll .roll-played-wrong{fill:#e0678a}.roll .roll-wrong-tie{stroke:#e0678a;stroke-width:1;stroke-dasharray:2 3}.roll .roll-wrong-name{fill:#e0678a;font:700 9px ui-monospace,SF Mono,Menlo,monospace;text-anchor:middle}.roll .roll-extra{fill:none;stroke:var(--muted);stroke-dasharray:2 2}.lab-inspector{margin-top:14px;background:var(--panel-2);border:1px solid var(--line);border-radius:14px;padding:12px 16px;display:flex;gap:16px;align-items:center;min-height:72px}.lab-inspector.hidden{display:none}.lab-insp-idle{color:var(--muted);font-size:.85rem}.lab-insp-big{font-size:1.9rem;font-weight:800;line-height:1;min-width:68px;text-align:center}.lab-insp-big small{display:block;font-size:.62rem;color:var(--muted);font-weight:500;margin-top:4px;letter-spacing:.05em}.lab-insp-what{flex:1;font-size:.9rem}.lab-insp-what span{color:var(--text)}.lab-insp-row{color:var(--muted);font-size:.8rem;margin-top:3px}.lab-insp-row span{color:var(--text)}.lab-v-hit{color:var(--green);font-weight:600}.lab-v-wrong{color:#e0678a;font-weight:600}.lab-minifret{flex:none}.roll .roll-play{fill:none;stroke:var(--accent);stroke-width:2.2;pointer-events:none}.comp-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.comp-head-right{display:flex;align-items:center;gap:12px}#compArm.recording{background:#e0678a;border-color:#e0678a}.comp-levels{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0}.comp-level{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--text);font:inherit;font-size:.82rem;cursor:pointer}.comp-level:hover{border-color:var(--muted)}.comp-level.on{border-color:var(--accent);background:var(--panel-2)}.comp-level-n{font-family:var(--mono, ui-monospace, monospace);font-size:.72rem;color:var(--muted)}.comp-level.on .comp-level-n{color:var(--accent)}.comp-hint{color:var(--muted);font-size:.82rem;margin:8px 0 0}.comp-lane{margin-top:10px}.comp-lane-svg{width:100%;max-width:420px;display:block;background:var(--panel-2);border:1px solid var(--line);border-radius:12px}.comp-staff,.comp-tick{stroke:var(--muted);opacity:.55}.comp-beatnum{fill:var(--muted);font-size:10px;text-anchor:middle}.comp-lane-free{fill:var(--muted);font-size:11px;text-anchor:middle;font-style:italic}.comp-slash{stroke:var(--accent);stroke-width:3;stroke-linecap:round;transition:stroke 90ms ease-out}.comp-slash.v-hit{stroke:var(--green)}.comp-slash.v-off{stroke:var(--amber, #d9a441)}.comp-slash.v-miss{stroke:var(--red, #d96a6a)}.comp-and{fill:var(--accent);font-size:10px;font-weight:700;text-anchor:middle}.comp-cursor{stroke:var(--text);stroke-width:2;opacity:.8;transition:x1 70ms linear,x2 70ms linear}.comp-summary{font-size:.92rem;line-height:1.5}.comp-summary b{color:var(--accent)}.comp-coach{margin-top:6px;color:var(--muted);font-size:.82rem}.comp-hit{color:var(--green)}.comp-off{color:#e0678a}.fret-drill{border:1px solid var(--accent);border-radius:12px;padding:12px 14px;background:var(--panel-2);display:flex;flex-direction:column;gap:10px}.fret-drill.hidden{display:none}.fd-main{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.fd-prompt{font-size:1.05rem}.fd-prompt b{color:var(--accent)}.fd-progress{font-family:var(--mono, ui-monospace, monospace);color:var(--muted);font-size:.85rem}.fd-controls{display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap}.fd-score{margin-left:auto;font-family:var(--mono, ui-monospace, monospace);font-size:.8rem;color:var(--muted)}.fd-cue{opacity:.7}main.drilling .grp-lab,main.drilling .solo-aux,main.drilling .fret-head,main.drilling .solo-ticker{display:none}main.line-drilling .fret-card,main.line-drilling .solo-aux{display:none}.fb-mirror.heard-chord circle{stroke:var(--green)}.fb-mirror.heard-tension circle{stroke:#6f9fd8}.fb-mirror.heard-avoid circle{stroke:#e0678a;stroke-width:3}.fb-mirror.heard-outside circle{stroke:var(--muted);stroke-dasharray:4 3}.solo-ticker{display:flex;gap:6px;min-height:30px;margin-top:10px;align-items:center;overflow:hidden}.tick-note{display:inline-flex;align-items:baseline;gap:3px;border:1px solid var(--line);border-radius:9px;padding:3px 8px;font-weight:700;font-size:.85rem;background:var(--panel-2);white-space:nowrap}.tick-note small{font-weight:500;font-size:.65rem;color:var(--muted)}.tick-note:first-child{outline:1px solid color-mix(in srgb,var(--text) 35%,transparent)}.tick-chord{color:var(--green);border-color:var(--green)}.tick-tension{color:#6f9fd8;border-color:#6f9fd8}.tick-avoid{color:#e0678a;border-color:#e0678a}.tick-outside{color:var(--muted)}.lab-leg{display:inline-flex;align-items:center;gap:5px;font-size:.72rem}.lab-leg i{width:9px;height:9px;border-radius:50%;background:currentColor;display:inline-block}.lab-leg i.leg-appr{background:transparent;border:1.6px dashed var(--accent)}.leg-v-hit{color:var(--green)}.leg-v-hit i{background:transparent;border:1.6px solid var(--green)}.leg-v-wrong,.leg-v-miss{color:#e0678a}.leg-v-miss i{background:transparent;border:1.6px dashed #e0678a}.input-strip{display:flex;align-items:center;gap:7px;min-width:0}.input-strip select{background:var(--panel-2);color:var(--muted);border:1px solid var(--line);border-radius:8px;padding:5px 6px;font:inherit;font-size:.72rem;max-width:150px}.input-meter{position:relative;width:90px;height:10px;border:1px solid var(--line);border-radius:6px;background:var(--panel-2);overflow:hidden;flex:none}.input-meter i{display:block;height:100%;width:0;background:var(--muted);transition:width .06s linear}.input-meter i.in-quiet{background:#e0678a}.input-meter i.in-good{background:var(--green)}.input-meter i.in-hot{background:var(--accent)}.input-meter s{position:absolute;top:0;bottom:0;left:20%;width:1.5px;background:var(--text);opacity:.55}.input-state{font-size:.7rem;color:var(--muted);min-width:56px}.input-state.in-good{color:var(--green)}.input-state.in-quiet,.input-state.in-none{color:#e0678a}.input-state.in-hot{color:var(--accent)}@media(max-width:720px){.input-strip select,.input-state{display:none}.input-meter{width:56px}}.lab-takes{display:flex;gap:6px;flex-wrap:wrap}.lab-takes:not(:empty){margin:8px 0 2px}.lab-take{background:var(--panel-2);color:var(--muted);border:1px solid var(--line);border-radius:9px;padding:4px 9px;font:inherit;font-size:.72rem;cursor:pointer}.lab-take.active{color:var(--text);border-color:var(--accent)}.fn-tension{fill:#56b6a8;color:#56b6a8}.fn-avoid{fill:#e0678a;color:#e0678a}.fn-outside{fill:var(--muted);color:var(--muted)}.roll .roll-leg-tie{fill:var(--muted);font-size:11px;text-anchor:middle}.lab-take-x{margin-left:7px;opacity:.55;cursor:pointer}.lab-take-x:hover{opacity:1;color:#e0678a}.roll .roll-cursor{stroke:var(--accent);stroke-width:1.5;opacity:.8;transition:transform 90ms linear;pointer-events:none}.input-meter b{position:absolute;top:0;bottom:0;left:0;width:2px;background:var(--text);opacity:.7;transition:left .12s linear}.lab-edit-row{display:flex;gap:5px;align-items:center;margin-top:8px;flex-wrap:wrap}.lab-edit-lbl{font-size:.72rem;color:var(--muted)}.lab-edit-row .mini{padding:3px 8px}.lab-edit-del{color:#e0678a}.roll .roll-cell.roll-unsure{stroke-dasharray:3 2.4}.roll .roll-unsure-q{fill:var(--accent);font-size:11px;font-weight:700;text-anchor:middle}.lab-edit-sure{color:var(--green)}.roll .roll-staff-line{stroke:var(--muted);stroke-width:1;opacity:.6}.roll .roll-staff-ledger{stroke:var(--muted);stroke-width:1;opacity:.5}.roll .roll-clef{fill:var(--muted);font-size:30px}.roll .roll-staff-head{stroke:none}.roll .roll-staff-head.roll-staff-appr{fill-opacity:.45;stroke:currentColor;stroke-dasharray:2.5 2}.roll .roll-staff-stem{stroke:currentColor;stroke-width:1.4;opacity:.8}.roll .roll-staff-acc{font-size:12px;text-anchor:middle}.roll .roll-staff-head.roll-v-hit{stroke:var(--green);stroke-width:1.6;stroke-dasharray:none}.roll .roll-staff-head.roll-v-wrong{stroke:#e0678a;stroke-width:1.6;stroke-dasharray:none}.roll .roll-staff-head.roll-v-miss{stroke:#e0678a;stroke-width:1.4;stroke-dasharray:3 2;fill-opacity:.35}.roll .roll-staff-head.roll-staff-hollow{fill:var(--panel);stroke:currentColor;stroke-width:1.6}.roll .roll-staff-beam{stroke:var(--text);stroke-width:3.4;opacity:.85;stroke-linecap:butt}.roll .roll-staff-flag{fill:currentColor;opacity:.85}.roll .roll-staff-augdot{fill:currentColor}.roll .roll-staff-tuplet{fill:var(--text);font-size:10px;font-style:italic;font-weight:700;text-anchor:middle;opacity:.8}.roll .roll-pitch-semi{stroke:var(--line);stroke-width:.5;opacity:.35}.roll .roll-pitch-c{opacity:.7}.roll .roll-pitch-lbl{fill:var(--muted);font-size:8px}.roll .roll-pitch-dot{fill:var(--accent)}.roll .roll-pitch-line{fill:none;stroke:var(--accent);stroke-width:1.2;opacity:.6}.lab-pitch-ctls{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);padding:4px 2px}.lab-pitch-ctls select{font-size:12px}.roll .roll-pitch-env{fill:none;stroke:var(--muted);stroke-width:1;opacity:.7}.roll .roll-pitch-glitch{font-size:9px;fill:var(--accent);opacity:.9}.roll .roll-pitch-dec{stroke:var(--green);stroke-width:5;opacity:.3;stroke-linecap:round}.roll .roll-pitch-dec-leg{stroke:var(--accent)}.roll .roll-pitch-dec-bend{stroke:#e08e45}.roll .roll-pitch-dec-unsure{stroke-dasharray:4 4;opacity:.45}.roll .roll-pitch-dec-mark{font-size:9px;fill:var(--muted)}.exp-row{display:flex;align-items:center;gap:8px;margin:10px 0;font-size:13px}.exp-row input{flex:1;font-size:14px;padding:6px 8px}.exp-path{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:260px}.exp-hint{color:var(--muted)}.roll .roll-slide-line{stroke:var(--text);stroke-width:1.6;opacity:.75;stroke-linecap:round}.lesson-view{position:fixed;inset:0;z-index:110;background:var(--bg, var(--panel-2));display:flex;flex-direction:column}.lesson-view.hidden{display:none}.lv-head{display:flex;align-items:center;gap:14px;padding:15px 20px;border-bottom:1px solid var(--line);background:var(--panel)}.lv-x{flex:none;width:32px;height:32px;border-radius:8px;border:1px solid var(--line);background:transparent;color:var(--muted);font-size:1rem;line-height:1;padding:0;cursor:pointer;display:grid;place-items:center}.lv-title{font-weight:650;letter-spacing:-.01em}.lv-title small{color:var(--muted);font-weight:400}.lv-dots{margin-left:auto;display:flex;gap:6px;align-items:center}.lv-dots i{width:9px;height:9px;border-radius:50%;background:var(--line);transition:background .16s,transform .16s}.lv-dots i.done{background:var(--muted)}.lv-dots i.now{background:var(--accent);transform:scale(1.35)}.lv-body{flex:1;display:grid;grid-template-columns:1fr 1fr;min-height:0;overflow:auto}@media(max-width:720px){.lv-body{grid-template-columns:1fr}}.lv-prose{padding:40px 42px;display:flex;flex-direction:column}.lv-steplabel{font-family:var(--mono, ui-monospace, monospace);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:10px}.lv-prose h2{font-size:1.5rem;letter-spacing:-.01em;margin:0 0 14px}.lv-prose p{color:var(--muted);max-width:46ch;line-height:1.65;margin:0 0 16px}.lv-prose p b{color:var(--text)}.lv-hear{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;font:inherit;font-size:.86rem;color:var(--accent);cursor:pointer;background:var(--accent-soft);border:1px solid var(--accent);border-radius:999px;padding:8px 15px}.lv-stage{border-left:1px solid var(--line);background:var(--panel-2);display:grid;place-items:center;padding:34px;position:relative}@media(max-width:720px){.lv-stage{border-left:0;border-top:1px solid var(--line)}}.lv-cap{position:absolute;top:16px;left:0;right:0;text-align:center;font-family:var(--mono, ui-monospace, monospace);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.lv-grip{width:210px}.lv-grip svg{width:100%;height:auto;display:block}.lv-gripname{text-align:center;font-size:1.4rem;font-weight:700;margin-top:8px}.lv-gripname small{display:block;font-size:.76rem;font-weight:400;color:var(--muted)}.lv-legend{position:absolute;bottom:18px;left:0;right:0;text-align:center;font-size:.74rem;color:var(--muted)}.lv-strings{display:flex;flex-direction:column;gap:7px;width:220px}.lv-srow{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:10px;padding:9px 13px;background:var(--panel);color:inherit;font:inherit;cursor:pointer;text-align:left}.lv-srow:hover{border-color:var(--muted)}.lv-snum{font-family:var(--mono, ui-monospace, monospace);font-size:.72rem;color:var(--muted);width:24px}.lv-snote{font-weight:700;font-size:1.05rem}.lv-sdesc{margin-left:auto;font-size:.76rem;color:var(--muted)}.lv-srow.hot{border-color:var(--accent);background:var(--accent-soft)}.lv-srow.hot .lv-snote{color:var(--accent)}.lv-prove{text-align:center}.lv-mic{width:92px;height:92px;border-radius:50%;margin:0 auto 16px;display:grid;place-items:center;background:var(--accent-soft);border:1px solid var(--accent);color:var(--accent);font-size:2rem}.lv-prove.heard .lv-mic{background:var(--green);border-color:var(--green);color:#06160f}.lv-provetarget{font-size:.9rem;color:var(--muted);max-width:32ch;margin:0 auto}.lv-provestate{margin-top:10px;font-family:var(--mono, ui-monospace, monospace);font-size:.82rem;color:var(--accent)}.lv-prove.heard .lv-provestate{color:var(--green)}.lv-quiz{width:280px}.lv-q{font-weight:650;margin-bottom:14px;text-align:center}.lv-choice{display:block;width:100%;text-align:left;font:inherit;cursor:pointer;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:11px 14px;margin-bottom:8px;color:inherit}.lv-choice:hover{border-color:var(--muted)}.lv-choice.right{border-color:var(--green);color:var(--green)}.lv-choice.wrong{border-color:#e0678a;color:#e0678a}.lv-explain{font-size:.8rem;color:var(--muted);margin-top:8px;min-height:1.1em}.lv-done{text-align:center}.lv-big{font-size:3rem}.lv-hero{font-size:3.4rem;opacity:.85}.lv-nav{display:flex;align-items:center;gap:12px;padding:15px 22px;border-top:1px solid var(--line);background:var(--panel)}.lv-btn{font:inherit;font-size:.9rem;border-radius:10px;padding:10px 20px;cursor:pointer;border:1px solid var(--line);background:transparent;color:var(--text)}.lv-btn.ghost{color:var(--muted)}.lv-btn.ghost:disabled{opacity:.35;cursor:default}.lv-btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent, #04130f);font-weight:650;margin-left:auto}.lv-btn.skip{color:var(--muted);margin-left:auto}.lv-grips{display:flex;align-items:center;gap:20px;flex-wrap:wrap;justify-content:center}.lv-gripcol{text-align:center}.lv-gripcol .diagram svg{width:152px}.lv-gripname.sm{font-size:1.05rem;margin-top:4px}.lv-arrow{font-size:1.7rem;color:var(--muted)}.lv-tabwrap{text-align:center}.lv-tabwrap .tab{font-size:1.15rem;margin:0}.lv-neck{width:100%;max-width:720px}.lv-neck .fretboard{width:100%}.lv-neck .fretboard svg{width:100%;height:auto;display:block}.fretboard.lv-scaleview .fb-note circle{fill:var(--panel);stroke:color-mix(in srgb,var(--accent) 55%,var(--muted));stroke-width:2;stroke-opacity:1}.fretboard.lv-scaleview .fb-note text{fill:var(--text);font-weight:600}.lv-neck .lv-gripname{margin-top:12px}.lv-legend .dot{display:inline-block;width:10px;height:10px;border-radius:50%;vertical-align:middle;margin:0 3px}.lv-legend .dot.root{background:var(--accent)}.lv-legend .dot.tone{background:var(--green)}.lv-legend .dot.scale{background:var(--muted)}.lv-legend .dot.fifth{background:var(--blue)}.lv-legend .dot.ring{background:transparent;border:2px solid color-mix(in srgb,var(--accent) 55%,var(--muted));box-sizing:border-box}.lv-triads{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;max-width:100%}.lv-tricol{width:158px;text-align:center}.lv-triname{font-size:.78rem;color:var(--muted);margin-top:2px}.lv-trineck{display:flex;flex-direction:column;gap:12px;width:100%;max-width:680px}.lv-trineckrow{display:flex;flex-direction:column;gap:3px}.lv-triset{font-family:var(--mono, ui-monospace, monospace);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.lv-trineck .fretboard.triad-neck{width:100%}.lv-trineck .fretboard.triad-neck svg{width:100%;height:auto;display:block}.lv-voicings{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;max-width:100%}.lv-voicecol{width:150px;text-align:center}.lv-voicecol .diagram svg{width:100%}.lv-chromatic{width:100%;max-width:740px}.lv-chromatic svg{width:100%;height:auto;display:block}.cx-string{stroke:var(--muted);stroke-width:2}.cx-fret{stroke:var(--line);stroke-width:1.5}.cx-num{fill:var(--muted);font-size:12px;text-anchor:middle;font-family:var(--mono, ui-monospace, monospace)}.cx-nat circle{fill:var(--accent)}.cx-nat text{fill:var(--on-accent, #04130f)}.cx-acc circle{fill:var(--panel);stroke:color-mix(in srgb,var(--accent) 55%,var(--muted));stroke-width:2}.cx-acc text{fill:var(--text)}.cx-nat text,.cx-acc text,.cx-acc-on text{font-size:12px;font-weight:700;text-anchor:middle}.cx-acc-on circle{fill:var(--green)}.cx-acc-on text{fill:#06160f}.ss-skip{fill:color-mix(in srgb,var(--muted) 45%,transparent)}.ss-step{fill:var(--accent);font-size:13px;font-weight:700;text-anchor:middle;font-family:var(--mono, ui-monospace, monospace)}.lesson-view.scroll .lv-body,.lesson-view.scroll .lv-nav,.lesson-view.scroll .lv-dots,.lv-scroll{display:none}.lesson-view.scroll .lv-scroll{display:block;flex:1;min-height:0;overflow-y:auto;position:relative}.lv-readbar{position:sticky;top:0;height:3px;background:var(--line);z-index:6}.lv-readbar>i{display:block;height:100%;width:0;background:var(--accent);transition:width .1s linear}.lv-scroll-inner{display:grid;grid-template-columns:220px minmax(0,720px);gap:40px;max-width:980px;margin:0 auto}@media(max-width:1040px){.lv-scroll-inner{grid-template-columns:minmax(0,720px);max-width:720px;gap:0}.lv-rail{display:none}}@media(max-width:760px){.lv-scroll-inner{display:block}}.lv-rail{position:sticky;top:0;align-self:start;padding:52px 0 0 30px}.lv-railwrap{display:flex;flex-direction:column;gap:2px}.lv-rail a{display:flex;align-items:center;gap:11px;color:var(--muted);text-decoration:none;font-size:.82rem;padding:6px 0}.lv-rail a .tick{width:7px;height:7px;border-radius:50%;background:var(--line);flex:none;transition:background .15s,transform .15s}.lv-rail a:hover,.lv-rail a.active{color:var(--text)}.lv-rail a.active .tick{background:var(--accent);transform:scale(1.5)}.lv-article{padding:46px 40px 30px}@media(max-width:760px){.lv-article{padding:28px 20px 30px}}.lv-sec{padding:30px 0;border-top:1px solid var(--line);scroll-margin-top:16px}.lv-sec:first-child{border-top:0;padding-top:4px}.lv-secprose .lv-steplabel{margin-bottom:10px}.lv-secprose h1{font-size:2.4rem;line-height:1.08;letter-spacing:-.02em;margin:2px 0 12px;text-wrap:balance}.lv-secprose .lv-dek{font-size:1.18rem;line-height:1.5;color:var(--muted);max-width:58ch;margin:0 0 14px;text-wrap:balance}.lv-secprose h2{font-size:1.42rem;letter-spacing:-.01em;margin:0 0 12px;text-wrap:balance}.lv-secprose p{color:var(--muted);max-width:60ch;line-height:1.72;margin:0 0 16px}.lv-secprose p b{color:var(--text)}.lv-figure{position:relative;margin:4px 0 6px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:24px 20px 18px;display:flex;flex-direction:column;align-items:center}.lv-figure .lv-cap{position:static;text-align:center;margin:0 0 16px}.lv-figure .lv-legend{position:static;text-align:center;margin:16px 0 0}.lv-scrollfoot{margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}.lv-scrollfoot .lv-btn.primary{margin:0}.lv-figure.lv-expandable{cursor:zoom-in}.lv-figure.lv-expandable:after{content:"⤢";position:absolute;top:12px;right:14px;color:var(--muted);opacity:.6;font-size:.95rem;pointer-events:none}.lv-figure.lv-expandable:hover:after{color:var(--accent);opacity:1}.lv-figure.expanded{cursor:zoom-out;position:relative;left:50%;transform:translate(-50%);z-index:3}.lv-figure.expanded:after{content:"⤡"}.lv-figure.lv-exp-wide.expanded{width:min(940px,calc(100vw - 48px))}.lv-figure.lv-exp-wide.expanded .lv-neck,.lv-figure.lv-exp-wide.expanded .lv-trineck,.lv-figure.lv-exp-wide.expanded .lv-chromatic{max-width:none}.lv-scroll:has(.lv-exp-wide.expanded) .lv-rail{opacity:0;transition:opacity .18s}.lv-figure.lv-exp-box.expanded{width:fit-content;max-width:min(880px,calc(100vw - 48px))}.lv-figure.lv-exp-box.expanded .lv-grip{width:360px}.lv-figure.lv-exp-box.expanded .lv-gripcol .diagram svg{width:210px}.lv-figure.lv-exp-box.expanded .lv-voicecol,.lv-figure.lv-exp-box.expanded .lv-tricol{width:210px}.lv-figure.lv-exp-box.expanded .lv-tricol .triad-shape{max-width:none}.lv-chips{max-width:100%;overflow-x:auto}.lv-pa{display:flex;flex-direction:column;align-items:center;gap:20px}.lv-pa-btn{font:inherit;font-size:1rem;font-weight:650;border-radius:12px;padding:12px 32px;cursor:pointer;background:var(--accent);border:1px solid var(--accent);color:var(--on-accent, #04130f)}.lv-pa-btn:hover{filter:brightness(1.06)}.lv-pa-hint{font-size:.82rem;color:var(--muted);max-width:30ch;text-align:center;line-height:1.5}.lv-pa-hint b{color:var(--text)}.license-modal{max-width:380px}.license-modal .lic-note{color:var(--muted);line-height:1.5;margin:0 0 10px}.license-modal .lic-note:empty{display:none}.license-modal .lic-status{font-weight:600;padding:8px 10px;border-radius:8px;margin-bottom:14px}.license-modal .lic-status.on{color:var(--good);background:color-mix(in srgb,var(--good) 14%,transparent)}.license-modal .lic-status.off{color:var(--muted);background:color-mix(in srgb,var(--muted) 12%,transparent)}.license-modal .lic-field{display:flex;flex-direction:column;gap:5px;margin-bottom:14px;font-size:.85rem;color:var(--muted)}.license-modal .lic-field input{font:inherit;padding:9px 11px;border-radius:8px;border:1px solid var(--line);background:var(--panel);color:var(--text);letter-spacing:.04em}.license-modal .lic-field input:focus{outline:none;border-color:var(--accent)}.license-modal .lic-actions{display:flex;gap:10px;align-items:center}.license-modal .lic-msg{min-height:1.2em;margin:12px 0 0;color:var(--muted)}.license-modal .lic-msg:empty{display:none}