: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;--mono: ui-monospace, "SF Mono", Menlo, monospace;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--red: #d96a6a;--amber: #d9a441;--pink: #e0678a;--danger: #e0604f;--fifth: #6f9fd8;--purple: #b18ae0;--r-control: 10px;--r-card: 12px;--r-modal: 16px;--r-pill: 999px;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--t-eyebrow: .7rem;--t-caption: .75rem;--t-small: .82rem;--t-body: .9rem;--t-lead: 1rem;--t-h3: 1.15rem;--t-h2: 1.35rem;--t-h1: 1.7rem;--eyebrow-ls: .08em}*{box-sizing:border-box}:where(a[href],button,input,select,textarea,summary,[role=button],[tabindex]:not([tabindex="-1"])):focus-visible{outline:2px solid var(--accent);outline-offset:2px}@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:center;gap:12px;padding:18px var(--gutter) 6px}.brand-block{display:flex;flex-direction:column;gap:0;line-height:1.15}.top-actions{display:flex;flex-wrap:wrap;justify-content:flex-start;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:var(--t-caption)}.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:var(--r-card)}.tb-caption{font-size:var(--t-eyebrow);font-weight:600;text-transform:uppercase;letter-spacing:var(--eyebrow-ls);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:var(--r-control);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}.backing-panel{margin-top:14px;display:flex;flex-direction:column;gap:10px}.backing-slot{flex:0 0 100%;width:100%}.lab-target{display:inline-flex;align-items:center;gap:8px}.lab-pick{flex-wrap:wrap}.card .backing-panel{background:none;border:none;border-top:1px solid var(--line);border-radius:0;padding:10px 0 0;margin-top:4px}.bk-sel{font:inherit;font-size:.85rem;color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:var(--r-control);padding:8px 12px;cursor:pointer}#styleSel{max-width:175px}.bk-sel:hover{border-color:var(--muted)}.bk-sel:focus{outline:none;border-color:var(--accent)}.bk-mini{font-size:.75rem;padding:7px 10px}.bk-bpm{padding:6px 12px;display:inline-flex;align-items:baseline;gap:4px}.bk-bpmin{font:inherit;font-size:.85rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text);background:transparent;border:none;border-bottom:1px dashed color-mix(in srgb,var(--muted) 45%,transparent);width:3.2ch;padding:2px 0;text-align:right;-moz-appearance:textfield;appearance:textfield}.bk-bpmin::-webkit-inner-spin-button,.bk-bpmin::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.bk-bpmin:hover{border-bottom-color:var(--muted)}.bk-bpmin:focus{outline:none;border-bottom-color:var(--accent);color:var(--accent)}.bk-ctl{display:inline-flex;align-items:center;gap:8px}.bk-tempo{gap:10px;flex:1 1 232px}.bk-range{flex:1;min-width:90px;accent-color:var(--accent)}@media(max-width:720px){.bk-range{flex-basis:120px}.bk-sel,.bk-bpm{font-size:.8rem;padding:7px 10px}}.field{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--muted)}.leadsheet-card .lead-hint{font-family:var(--mono);font-size:.62rem;letter-spacing:.02em;color:var(--muted);font-weight:400;text-transform:none;margin-left:.5rem}#leadTitle{color:var(--text)}.lead-sheet{display:grid;grid-template-columns:repeat(4,1fr);border-left:2px solid var(--muted);border-top:1px solid var(--line);margin-top:8px}.lead-bar{position:relative;min-height:108px;padding:14px 8px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:background .18s ease}.lead-bar:hover{background:var(--accent-soft)}.lb-num{position:absolute;top:3px;left:5px;font-family:var(--mono);font-size:.55rem;color:var(--muted);opacity:.6}.lb-chord{font-size:clamp(1.35rem,1rem + 1vw,2rem);font-weight:700;color:var(--text);line-height:1.1}.lb-chord sup{font-size:.56em;font-weight:650}.lb-fn{font-family:var(--mono);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:5px}.lb-arrow{color:var(--accent)}.lead-bar.now{background:var(--accent-soft)}.lead-bar.now:before{content:"";position:absolute;inset:0;border-left:3px solid var(--accent);pointer-events:none}.lead-bar.now .lb-chord{color:var(--accent)}.lead-bar.next{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent)}.lead-bar>.lead-voicings{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);z-index:60;display:none;width:max-content;max-width:min(94vw,400px);background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 14px;box-shadow:0 18px 44px -18px #000000d9;cursor:default}.lead-bar:hover>.lead-voicings,.lead-bar.peek>.lead-voicings{display:block}.lead-bar.up>.lead-voicings{top:auto;bottom:calc(100% + 8px)}.lead-bar>.lead-voicings:before{content:"";position:absolute;left:-8px;right:-8px;top:-12px;height:12px}.lead-bar.up>.lead-voicings:before{top:auto;bottom:-12px}.lead-voicings .lv-h{font-family:var(--mono);font-size:.66rem;color:var(--muted);margin-bottom:7px;white-space:nowrap}.lead-voicings .lv-h b{color:var(--text);font-size:1.02rem}.lead-voicings .lv-necks{display:flex;gap:14px}.lead-voicings .lv-fig{margin:0;text-align:center}.lead-voicings .lv-fig .diagram{margin:0;padding:0;background:none;border:0}.lead-voicings .lv-fig .diagram svg{width:84px;max-width:84px;height:auto}.lead-voicings figcaption{font-family:var(--mono);font-size:.6rem;color:var(--muted);margin-top:4px;white-space:nowrap}.lv-study{margin-top:9px;font-family:var(--mono);font-size:.64rem;color:var(--accent);background:none;border:1px solid color-mix(in srgb,var(--accent) 40%,var(--line));border-radius:7px;padding:4px 9px;cursor:pointer}.lv-study:hover{background:var(--accent-soft)}@media(max-width:560px){.lead-sheet{grid-template-columns:repeat(2,1fr)}}.comp-timing{display:flex;align-items:center;gap:16px;padding:12px 2px 2px;min-height:30px;flex-wrap:wrap}.build-stamp{position:fixed;bottom:3px;right:6px;z-index:9999;font-family:var(--mono, ui-monospace, monospace);font-size:9px;line-height:1;letter-spacing:.03em;color:var(--muted, #888);opacity:.45;pointer-events:none;-webkit-user-select:none;user-select:none}#grooveUpBtn{font-size:.72rem;padding:3px 8px;white-space:nowrap}#grooveUpBtn.bad{color:var(--danger);border-color:var(--danger)}.field.pro-locked{position:relative}.bk-ctl.pro-locked>.ls-lbl{color:var(--accent)}.bk-ctl.pro-locked>.ls-lbl:before{content:"✦";margin-right:3px}.field.pro-locked:after{content:"Pro";font-size:.6rem;font-weight:700;letter-spacing:var(--eyebrow-ls);text-transform:uppercase;color:var(--on-accent);background:var(--accent);padding:1px 6px;border-radius:var(--r-pill)}select,input[type=range]{accent-color:var(--accent)}select{background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:var(--r-control);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:var(--r-control);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:flex;gap:6px;padding:6px var(--gutter) 8px}.charts-toggle{display:none}.setup-row #setupBtn{flex:1}.setup-row button{width:100%;text-align:left;font-size:.82rem;color:var(--text);padding:9px 12px;border-radius:var(--r-control);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:var(--danger);border-color:var(--danger);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:var(--r-control);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:var(--r-card);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)}.chart-browser{position:fixed;top:var(--appbar-h, 113px);bottom:calc(var(--transport-h, 60px) + var(--hint-h, 44px));left:0;width:264px;z-index:40;display:flex;flex-direction:column;border-right:1px solid var(--line);background:color-mix(in srgb,var(--panel) 55%,var(--bg));overflow:hidden}.cb-head{padding:10px 12px;border-bottom:1px solid var(--line);position:relative}.cb-head:before{content:"⌕";position:absolute;left:21px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:.95rem;pointer-events:none}.cb-head input{width:100%;box-sizing:border-box;font:inherit;font-size:.85rem;padding:8px 10px 8px 30px;border-radius:var(--r-control);border:1px solid color-mix(in srgb,var(--text) 22%,var(--line));background:var(--bg);color:var(--text)}.cb-head input::placeholder{color:var(--muted);opacity:1}.cb-head input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 25%,transparent)}.cb-list{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:6px 8px 10px}.cb-group{margin-bottom:10px}.cb-label{font-size:.68rem;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);padding:6px 6px 4px}.cb-row{display:grid;width:100%;text-align:left;font:inherit;cursor:pointer;padding:6px 8px;border:1px solid transparent;border-radius:var(--r-control);background:none;color:var(--text);position:relative}.cb-row:hover{background:color-mix(in srgb,var(--accent) 8%,transparent)}.cb-row.on{background:color-mix(in srgb,var(--accent) 16%,transparent);border-color:var(--accent)}.cb-name{font-size:.86rem;font-weight:550}.cb-meta{font-size:.72rem;color:var(--muted)}.cb-del{position:absolute;right:6px;top:6px;color:var(--muted);font-size:.75rem;opacity:0}.cb-row:hover .cb-del{opacity:1}.cb-del:hover{color:var(--bad, #f87171)}.cb-none{color:var(--muted);font-size:.82rem;padding:8px}.cb-foot{border-top:1px solid var(--line);padding:10px 12px;display:flex;flex-direction:column;gap:8px}.cb-builds{display:flex;gap:6px}.cb-builds .cb-build{flex:1}.lib-editing{font-size:.82rem;color:var(--muted);margin-bottom:8px}.lib-editing b{color:var(--text)}.cb-build{font:inherit;font-size:.82rem;cursor:pointer;padding:7px 10px;border-radius:var(--r-control);border:1px solid var(--line);background:transparent;color:var(--text)}.cb-build:hover{border-color:var(--accent)}.cb-ireal{display:grid;gap:4px;font-size:.72rem;color:var(--muted)}.cb-ireal input{font:inherit;font-size:.78rem;padding:6px 8px;border-radius:var(--r-control);border:1px solid var(--line);background:var(--panel-2);color:var(--text)}.cb-msg{font-size:.74rem;color:var(--bad, #f87171)}@media(min-width:1101px){main,.setup-row,.modedeck,.progress-strip,.hint{margin-left:264px}}@media(max-width:1100px){.chart-browser{transform:translate(-100%);transition:transform .18s ease;box-shadow:0 0 40px #0006}.chart-browser.open{transform:none}.setup-row .charts-toggle{display:block;width:auto;flex:0 0 auto;white-space:nowrap}}main{padding:20px var(--gutter) 96px;background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 45%,transparent) 0%,transparent 320px)}.hint{margin-bottom:72px}@media(min-width:721px){.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:var(--r-pill)}.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:flex;flex-direction:column;align-items:center}main[data-mode=study] .grp-study .study-intro{max-width:1040px;width:100%}.shapes-card{width:100%;max-width:1040px}.shapes-body{display:grid;grid-template-columns:172px minmax(0,1fr);gap:22px;align-items:start;margin-top:12px}@media(max-width:720px){.shapes-body{grid-template-columns:1fr}}.grab-inset{display:flex;flex-direction:column;gap:6px}.grab-inset .diagram{margin:0}.grab-inset .diagram svg{width:100%;max-width:150px;height:auto}.grab-cap{color:var(--muted);font-size:var(--t-caption)}.map-col{min-width:0}.col-label{font-family:var(--mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.chord-map{margin-top:6px}.shape-chip{border:1px solid var(--line);background:var(--panel-2);color:var(--muted);border-radius:var(--r-control);padding:5px 12px;font-size:var(--t-caption);cursor:pointer}.shape-chip.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.shape-chip.rec{box-shadow:inset 0 0 0 1px var(--accent)}.shape-cap{margin:10px 0 0;font-size:var(--t-small);color:var(--muted);line-height:1.5}.shape-cap b{color:var(--text)}main[data-mode=solo] .grp-lab{display:flex;flex-direction:column}main[data-mode=solo] .mode-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,400px);gap:16px;align-items:start}main[data-mode=solo] .mode-content:has(#labClearLine:not(:disabled)) .grp-solo:not(.pick-neck) .fret-card,main[data-mode=solo] .mode-content:has(#labClearLine:not(:disabled)) .grp-solo:not(.pick-neck) .solo-aux,main.solo-review .grp-solo:not(.pick-neck) .fret-card,main.solo-review .grp-solo:not(.pick-neck) .solo-aux{display:none}main[data-mode=solo] .grp-solo>.lab-report:empty{display:none}@media(max-width:1000px){main[data-mode=solo] .grp-solo,main[data-mode=study] .grp-study{grid-template-columns:1fr}main[data-mode=solo] .mode-content{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:var(--r-card);padding:16px 18px}.card-label{font-size:var(--t-eyebrow);font-weight:600;text-transform:uppercase;letter-spacing:var(--eyebrow-ls);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:var(--r-pill);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:var(--r-control);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:var(--r-control);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:var(--r-control);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:var(--r-pill);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 .pill:not(.root):not(.tone){border-color:color-mix(in srgb,var(--accent) 55%,var(--muted));color:var(--text)}.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:var(--panel);stroke:color-mix(in srgb,var(--accent) 55%,var(--muted));stroke-width:2;stroke-opacity:1}.fretboard .fb-note text{fill:var(--text);font-weight:600}.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}g.tri-7 circle{fill:var(--purple)}g.tri-7 text{fill:#1a0f2e}.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:var(--r-control);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:var(--danger);border-color:var(--danger);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:var(--r-card);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:var(--t-caption);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,.chord-map .tri-box{fill:color-mix(in srgb,var(--accent) 10%,transparent);stroke:var(--accent);stroke-width:1.5}.triad-card.shells #triadSets,.triad-card.shells #followTriadsBtn,.triad-card.shells #drillBtn{display:none}.shell-shape{flex:1 1 150px;max-width:200px;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--r-card);padding:8px 8px 4px;text-align:center}.shell-shape.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.shell-shape .diagram{margin:2px 0}.shell-shape .diagram svg{width:100%;max-width:132px;height:auto}.shell-shape .tab{text-align:center;font-size:.68rem;margin-top:2px}.shell-pick{color:var(--accent);font-weight:700}.shell-none{color:var(--muted);font-size:var(--t-small);margin:14px 0 4px;max-width:46ch}.shell-walk-cap{font-size:var(--t-caption);color:var(--muted);margin-top:6px}.shell-walk{display:flex;align-items:stretch;flex-wrap:wrap;gap:6px;margin-top:8px}.shell-walk-item{display:flex;flex-direction:column;gap:2px;padding:6px 10px;border:1px solid var(--line);border-radius:var(--r-control);background:var(--panel-2)}.shell-walk-item b{font-size:var(--t-small)}.shell-walk-item span{font-size:var(--t-caption);color:var(--muted);font-family:var(--mono)}.shell-walk-item.on{border-color:var(--accent);background:var(--accent-soft)}.shell-walk-item.on span{color:var(--accent)}.shell-walk-arrow{align-self:center;color:var(--muted);font-style:normal}.study-intro{grid-column:1 / -1;margin:0 0 4px;max-width:90ch;color:var(--muted);font-size:var(--t-small);line-height:1.5}.study-intro b{color:var(--text);font-weight:600}.card-hint{color:var(--muted);font-weight:400;font-size:var(--t-caption);text-transform:none;letter-spacing:0}.card-hint:before{content:"· "}.seg-label{color:var(--muted);font-size:var(--t-caption)}.triad-title{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.tri-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}.tri-legend{display:flex;flex-wrap:wrap;gap:14px;font-size:var(--t-caption);color:var(--muted)}.tri-legend .lg{display:inline-flex;align-items:center;gap:6px}.tri-legend .lgdot{width:11px;height:11px;border-radius:50%}.tri-legend .lgdot.r{background:var(--accent)}.tri-legend .lgdot.g{background:var(--green)}.tri-legend .lgdot.b{background:var(--blue)}.tri-legend .lg-note b{color:var(--text)}.tri-learn{background:none;border:none;padding:0;font:inherit;font-size:var(--t-caption);font-weight:600;color:var(--accent);cursor:pointer;white-space:nowrap}.tri-learn:hover{text-decoration:underline}.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%,var(--danger) 100%);transition:width 70ms linear}.hint{display:flex;flex-wrap:wrap;gap:8px 22px;padding:0 var(--gutter) 24px;color:var(--muted);font-size:var(--t-caption)}.learn{border-color:var(--accent);color:var(--accent);background:transparent;border-radius:var(--r-control);padding:9px 14px;font-size:.8rem;position:relative}.feedback{color:var(--muted);font-size:.72rem;text-decoration:none;border:1px dashed var(--line);border-radius:var(--r-control);padding:9px 11px}.feedback:hover{color:var(--accent);border-color:var(--accent)}.learn:hover{background:var(--accent-soft);border-color:var(--accent)}.top-theme{display:inline-flex;align-items:center;gap:6px;margin-left:auto;color:var(--muted)}.top-theme-ic{font-size:.95rem;line-height:1}.top-theme select{font-size:var(--t-small);padding:6px 8px}.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:var(--r-card);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:var(--r-control);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;min-width:28px;min-height:28px;display:inline-flex;align-items:center;justify-content:center;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:var(--r-modal);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:var(--r-control);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:var(--r-control);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:var(--r-control)}.draft-x{padding:1px 7px;font-size:.7rem;border-radius:var(--r-control);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:var(--r-control);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:var(--t-caption);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:var(--t-caption);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:var(--r-control)}.opt.correct{background:var(--green);border-color:var(--green);color:#0e2018;font-weight:700}.opt.wrong{background:var(--danger);border-color:var(--danger);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:var(--danger)}.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:var(--danger)}.prog-num{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:var(--t-caption)}.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:var(--danger);border-color:var(--danger);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:var(--t-caption);margin-top:12px}.gv-warn{margin-top:10px;padding:8px 11px;border-radius:var(--r-card);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:var(--r-card);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:var(--t-caption);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:var(--r-pill);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 var(--r-pill) var(--r-pill) 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:var(--r-card);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:var(--t-caption);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:var(--r-control);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);min-width:28px;min-height:28px;display:inline-flex;align-items:center;justify-content:center;padding:3px 6px;font-size:.78rem}.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:var(--r-control)}.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:var(--r-control);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}.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:var(--t-caption);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:var(--t-caption);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:var(--r-control);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:var(--r-card);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:var(--r-control)}.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:var(--r-card);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:var(--t-caption)}.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:var(--r-control);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,.lc-overlay{position:fixed;inset:0;z-index:108;background:var(--bg, var(--panel-2));overflow:auto;overscroll-behavior:contain}.practice-overlay.hidden,.lc-overlay.hidden{display:none}.practice-overlay .practice-modal,.lc-overlay .lc-modal{width:min(820px,100%);margin:0 auto;padding:20px 22px 72px;background:none;border:none;box-shadow:none;border-radius:0}.practice-overlay .modal-head,.lc-overlay .modal-head{font-size:.8rem;padding-top:4px}.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:var(--r-card);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:var(--t-caption);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:var(--r-card);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:var(--t-caption)}.pr-builder{border:1px solid var(--line);background:var(--panel-2);border-radius:var(--r-card);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:var(--t-caption);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:var(--r-control);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-shelf-h{font-size:.78rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin:22px 0 10px}#prNextTab>.pr-shelf-h:first-child{margin-top:0}.pr-shelf-n{text-transform:none;letter-spacing:0;opacity:.7;margin-left:6px}.pr-picks{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:8px}.pr-pick{display:flex;flex-direction:column;gap:2px;min-width:0;text-align:left;cursor:pointer;padding:9px 11px;border-radius:var(--r-card);background:var(--panel-2);border:1px solid var(--line)}.pr-pick:hover{border-color:var(--accent);background:var(--accent-soft)}.pr-pick-name{font-size:.9rem;font-weight:600}.pr-pick-why{color:var(--muted);font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pr-next-rows{display:flex;flex-direction:column;gap:8px}.pr-next-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;text-align:left;cursor:pointer;padding:12px 14px;border-radius:var(--r-card);background:var(--panel-2);border:1px solid var(--line)}.pr-next-row:hover{border-color:var(--accent);background:var(--accent-soft)}.pr-next-src{font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;padding:3px 7px;border-radius:999px;border:1px solid var(--line);color:var(--muted);white-space:nowrap}.pr-next-review{color:var(--accent);border-color:var(--accent)}.pr-next-body{display:flex;flex-direction:column;gap:2px;min-width:0}.pr-next-label{font-weight:600}.pr-next-why{color:var(--muted);font-size:.84rem}.pr-next-go{color:var(--muted)}.pr-next-row:hover .pr-next-go{color:var(--accent)}.pr-routines{display:grid;grid-template-columns:repeat(auto-fill,minmax(264px,1fr));gap:12px}.pr-routine{text-align:left;padding:14px 16px;border-radius:var(--r-card);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:var(--r-pill);padding:2px 8px}.pr-routine-sum{color:var(--muted);font-size:.85rem}.pr-routine{cursor:pointer}.pr-routine-meta{color:var(--muted);font-size:var(--t-caption);opacity:.8;display:flex;align-items:center;justify-content:space-between;gap:10px}.pr-routine-tools{display:inline-flex;gap:4px}.pr-routine-tools button{font:inherit;font-size:.82rem;line-height:1;color:var(--muted);background:transparent;border:1px solid var(--line);border-radius:var(--r-control);padding:4px 7px;cursor:pointer}.pr-routine-tools button:hover{color:var(--text);border-color:var(--muted)}.pr-routine-new{align-items:center;justify-content:center;text-align:center;font-weight:620;color:var(--accent);border-style:dashed;border-color:color-mix(in srgb,var(--accent) 45%,var(--line));background:color-mix(in srgb,var(--accent) 6%,var(--panel-2));padding:15px;cursor:pointer}.pr-routine-new:hover{background:var(--accent-soft);border-color:var(--accent)}.pr-creator{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:22px;background:#00000080}.pr-creator.hidden{display:none}.pr-creator-card{width:min(720px,100%);max-height:100%;overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-modal);box-shadow:0 24px 60px #0009;padding:18px 20px 16px;display:flex;flex-direction:column;gap:14px}.pr-creator-head{display:flex;align-items:center;justify-content:space-between;font-size:1.1rem;font-weight:700}.pr-c-idrow{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.pr-c-name{flex:1;min-width:200px;font:inherit;font-size:1.02rem;font-weight:600;color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:var(--r-control);padding:10px 13px}.pr-c-name:focus{outline:none;border-color:var(--accent)}.pr-c-steps{display:flex;flex-direction:column;gap:8px}.pr-c-step{display:grid;grid-template-columns:32px 1fr auto auto;gap:11px;align-items:center;padding:10px 12px;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--r-card)}.pr-c-ic{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;font-size:.95rem;color:var(--muted);background:var(--panel)}.pr-c-ic-line{color:var(--accent);background:color-mix(in srgb,var(--accent) 18%,var(--panel))}.pr-c-ic-pattern{color:#5aa2e0;background:color-mix(in srgb,#5aa2e0 16%,var(--panel))}.pr-c-ic-play{color:#e08fb8;background:color-mix(in srgb,#e08fb8 16%,var(--panel))}.pr-c-ic-ear{color:#b08ad6;background:color-mix(in srgb,#b08ad6 18%,var(--panel))}.pr-c-ic-game{color:#e0b45a;background:color-mix(in srgb,#e0b45a 16%,var(--panel))}.pr-c-ic-tool{color:#6f7ce0;background:color-mix(in srgb,#6f7ce0 18%,var(--panel))}.pr-c-ic-rest{color:var(--muted);background:var(--panel)}.pr-c-main{min-width:0;display:flex;flex-direction:column;gap:6px}.pr-c-steptitle{font:inherit;font-size:.92rem;font-weight:560;color:var(--text);background:transparent;border:1px solid transparent;border-radius:var(--r-control);padding:3px 6px;margin:-3px -6px}.pr-c-steptitle:hover{border-color:var(--line)}.pr-c-steptitle:focus{outline:none;border-color:var(--accent);background:var(--panel)}.pr-c-params{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.82rem;color:var(--muted)}.pr-c-params select,.pr-c-params input{font:inherit;font-size:.82rem;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:var(--r-control);padding:5px 8px}.pr-c-bpm{width:62px}.pr-c-goal{flex:1 1 150px;min-width:140px}.pr-c-unit{font-size:var(--t-caption)}.pr-c-check{display:inline-flex;align-items:center;gap:5px;cursor:pointer}.pr-c-fixed{font-style:italic;opacity:.8}.pr-c-mins{display:inline-flex;align-items:center;gap:7px;font-variant-numeric:tabular-nums}.pr-c-mins b{min-width:2.2em;text-align:center;color:var(--text);font-weight:620}.pr-c-mins button,.pr-c-ord button{font:inherit;width:26px;height:26px;border-radius:var(--r-control);border:1px solid var(--line);background:var(--panel);color:var(--muted);cursor:pointer;line-height:1}.pr-c-mins button:hover,.pr-c-ord button:hover:not(:disabled){color:var(--text);border-color:var(--muted)}.pr-c-ord{display:inline-flex;gap:4px}.pr-c-ord button:disabled{opacity:.3;cursor:default}.pr-c-palette{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.pr-c-add-lab{font-family:var(--mono, ui-monospace, monospace);font-size:.64rem;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin-right:4px}.pr-c-palette button[data-add]{font:inherit;font-size:.82rem;color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:var(--r-control);padding:7px 12px;cursor:pointer}.pr-c-palette button[data-add]:hover{border-color:var(--accent);color:var(--accent)}.pr-c-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:14px}.pr-c-meter{color:var(--muted);font-size:.85rem}.pr-c-meter b{color:var(--text)}.pr-c-foot-btns{display:flex;gap:8px}.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-step-goal{color:var(--accent);font-weight:600;font-size:.9rem;margin:-8px auto 16px}.pr-step-goal.hidden{display:none}.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:var(--r-pill);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:0 var(--r-card) var(--r-card) 0;background:var(--accent-soft, var(--panel-2));font-size:.9rem;line-height:1.5}.lab-drill b{color:var(--accent)}.lc-overlay .lc-modal{width:min(1180px,100%)}.lc-top{display:flex;flex-direction:column;gap:8px;margin:10px 0 14px}.lc-suggest{display:flex;gap:8px;flex-wrap:wrap}.lc-chip{display:grid;gap:1px;text-align:left;font:inherit;cursor:pointer;padding:8px 12px;border-radius:var(--r-control);border:1px solid color-mix(in srgb,var(--accent) 45%,var(--line));background:color-mix(in srgb,var(--accent) 8%,transparent)}.lc-chip:hover{border-color:var(--accent)}.lc-chip b{font-size:.9rem;color:var(--text)}.lc-chip span{font-size:.76rem;color:var(--muted)}.lc-budget{font-size:.78rem;color:var(--muted);font-variant-numeric:tabular-nums}.lc-controls{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.lc-controls input[type=search]{flex:1 1 220px;min-width:0;font:inherit;padding:8px 12px;border-radius:var(--r-control);border:1px solid var(--line);background:var(--panel-2);color:var(--text)}.lc-states{display:flex;gap:4px;flex-wrap:wrap}.lc-state,.lc-cat{font:inherit;font-size:.82rem;cursor:pointer;padding:6px 12px;border-radius:var(--r-control);border:1px solid var(--line);background:transparent;color:var(--muted)}.lc-state:hover,.lc-cat:hover{color:var(--text);border-color:var(--accent)}.lc-state.on,.lc-cat.on{color:var(--on-accent, #10161d);background:var(--accent);border-color:var(--accent)}.lc-body{display:grid;grid-template-columns:minmax(160px,200px) 1fr;gap:18px;align-items:start}.lc-cats{display:flex;flex-direction:column;gap:4px;position:sticky;top:8px}.lc-cat{text-align:left;display:flex;justify-content:space-between;gap:8px}.lc-cat em{font-style:normal;opacity:.7;font-variant-numeric:tabular-nums}.lc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(264px,1fr));gap:12px}.lc-card{display:flex;flex-direction:column;gap:6px;padding:14px;border-radius:var(--r-card);border:1px solid var(--line);background:var(--panel-2)}.lc-card.done{border-color:color-mix(in srgb,var(--good, #4ade80) 40%,var(--line))}.lc-card header{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.lc-card h3{margin:0;font-size:1rem;font-weight:650}.lc-badge{font-size:.72rem;padding:2px 8px;border-radius:999px;background:var(--line);color:var(--muted);flex:none}.lc-badge.done{background:color-mix(in srgb,var(--good, #4ade80) 22%,transparent);color:var(--good, #4ade80)}.lc-badge.going{background:color-mix(in srgb,var(--accent) 20%,transparent);color:var(--accent)}.lc-blurb{margin:0;font-size:.86rem;color:var(--text)}.lc-how{margin:0;font-size:.78rem;color:var(--muted);line-height:1.45}.lc-meter{display:flex;align-items:center;gap:8px;font-size:.78rem;margin-top:2px}.lc-meter span{position:relative;width:56px;height:5px;border-radius:3px;background:var(--line);overflow:hidden;flex:none}.lc-meter i{position:absolute;inset:0 auto 0 0;width:calc(var(--pct) * 1%);background:var(--accent);border-radius:3px}.lc-card.done .lc-meter i{background:var(--good, #4ade80)}.lc-best{font-size:.74rem;color:var(--muted);font-variant-numeric:tabular-nums}.lc-actions{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:6px}.lc-deal{font:inherit;font-size:.84rem;font-weight:600;cursor:pointer;padding:7px 12px;border-radius:var(--r-control);border:none;background:var(--accent);color:var(--on-accent, #10161d)}.lc-deal:hover{filter:brightness(1.05)}.lc-free{font-size:.72rem;color:var(--accent)}.lc-none{color:var(--muted)}.lab-next-all{font:inherit;font-size:.78rem;cursor:pointer;margin-top:2px;padding:6px 0;background:none;border:none;color:var(--accent);text-align:left}@media(max-width:720px){.lc-body{grid-template-columns:1fr}.lc-cats{position:static;flex-direction:row;overflow-x:auto}}.lab-diff{font-style:normal;letter-spacing:1px;font-size:.7rem;color:var(--accent);flex:none}.lab-target{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px;font-size:.82rem}.lab-target b{font-weight:650;color:var(--text)}.lab-target-bar{position:relative;width:64px;height:5px;border-radius:3px;background:var(--line);overflow:hidden;flex:none}.lab-target-bar i{position:absolute;inset:0 auto 0 0;width:calc(var(--pct) * 1%);background:var(--accent);border-radius:3px}.lab-target.done .lab-target-bar i{background:var(--good, #4ade80)}.lab-target-best{color:var(--muted);font-variant-numeric:tabular-nums}.ls-coach{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;color:var(--muted)}.ls-coach>span{white-space:nowrap}.ls-coach.pro-locked{opacity:.55}.lab-next{margin-top:14px;display:flex;flex-direction:column;gap:6px}.lab-next.hidden{display:none}.lab-next-row{display:grid;gap:1px;width:100%;text-align:left;font:inherit;cursor:pointer;padding:8px 10px;border-radius:var(--r-control);border:1px solid var(--line);background:transparent}.lab-next-row:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.lab-next-name{font-weight:600;color:var(--text);font-size:.9rem}.lab-next-why{font-size:.78rem;color:var(--muted)}.lab-next-free{font-size:.72rem;color:var(--accent)}.lab-next-budget{font-size:.75rem;color:var(--muted);padding-top:2px;font-variant-numeric:tabular-nums}.lab-drill.hidden{display:none}.lab-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}#labRecord.recording{background:var(--pink);border-color:var(--pink)}.lab-status{color:var(--muted);font-size:.85rem}.lab-spinner{display:inline-block;width:11px;height:11px;margin-right:6px;vertical-align:-1px;border:2px solid color-mix(in srgb,var(--accent) 30%,transparent);border-top-color:var(--accent);border-radius:50%;animation:lab-spin .7s linear infinite}@keyframes lab-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.lab-spinner{animation:none;opacity:.55}}.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:var(--pink);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:var(--r-control);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:var(--fifth)}.lab-note.lab-r-tension b{color:var(--fifth)}.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:var(--pink);background:color-mix(in srgb,var(--pink) 14%,transparent)}.lab-note.lab-r-avoid b{color:var(--pink)}.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:auto;max-height:460px;border:1px solid var(--line);border-radius:var(--r-card);background:var(--panel-2);padding:8px 4px 4px}.lab-roll-wrap.free-tab{overflow-x:hidden}.roll{display:block}.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,var(--fifth) 20%,transparent);stroke:var(--fifth)}.roll .roll-tension text{fill:var(--fifth)}.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,var(--pink) 26%,transparent);stroke:var(--pink)}.roll .roll-avoid text{fill:var(--pink)}.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:var(--r-control);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:var(--r-control);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-barnum{fill:var(--muted);font:600 9px ui-monospace,SF Mono,Menlo,monospace;opacity:.7}.roll .roll-bend{fill:var(--accent);font:700 9px ui-monospace,SF Mono,Menlo,monospace;text-anchor:middle}.roll .roll-bend-bg{fill:var(--panel-2);stroke:color-mix(in srgb,var(--accent) 22%,transparent);stroke-width:1;opacity:.92}.roll .roll-bendpath{fill:none;stroke:var(--accent);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.roll .roll-bendlab{fill:var(--accent);font:700 10px ui-monospace,SF Mono,Menlo,monospace;text-anchor:middle}.roll .roll-cell.roll-cell-bend{stroke:var(--accent);stroke-width:1.4}.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:var(--fifth);color:var(--fifth)}.fn-seventh{fill:var(--purple);color:var(--purple)}.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:var(--pink);stroke-width:1.6}.roll .roll-cell.roll-v-miss,.roll .roll-dot.roll-v-miss{stroke:var(--pink);stroke-width:1.4;stroke-dasharray:3 2.4}.roll .roll-played-wrong{fill:var(--pink)}.roll .roll-wrong-tie{stroke:var(--pink);stroke-width:1;stroke-dasharray:2 3}.roll .roll-wrong-name{fill:var(--pink);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:var(--r-card);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:var(--pink);font-weight:600}.lab-minifret{flex:none}.roll .roll-play{fill:none;stroke:var(--accent);stroke-width:2.2;pointer-events:none}.fret-drill{border:1px solid var(--accent);border-radius:var(--r-card);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 .lab-setup,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:var(--fifth)}.fb-mirror.heard-avoid circle{stroke:var(--pink);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:var(--r-control);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:var(--fifth);border-color:var(--fifth)}.tick-avoid{color:var(--pink);border-color:var(--pink)}.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:var(--pink)}.leg-v-miss i{background:transparent;border:1.6px dashed var(--pink)}.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:var(--r-control);padding:5px 6px;font:inherit;font-size:.72rem;max-width:150px}.input-gain{display:inline-flex;align-items:center;gap:6px}.input-gain input[type=range]{width:68px;height:4px;accent-color:var(--accent);cursor:pointer}.native-pitch{font-family:var(--mono);font-size:.68rem;color:var(--accent);white-space:nowrap}.native-pitch:empty{display:none}.native-onset{display:none;color:var(--accent);font-size:.7rem;opacity:0}.native-note{font-family:var(--mono);font-size:.68rem;color:var(--text);white-space:nowrap}.native-note:empty{display:none}.chord-dbg-menu{flex:none;position:relative}.chord-dbg{position:absolute;right:0;bottom:calc(100% + 10px);z-index:60;width:300px;max-width:calc(100vw - 2 * var(--gutter));padding:10px 12px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:0 18px 48px #00000080;font-family:var(--mono);font-size:.68rem}.chord-dbg.hidden{display:none}.chord-dbg-head{display:flex;gap:10px;align-items:baseline;justify-content:space-between;color:var(--muted);height:1.4em;overflow:hidden;white-space:nowrap}.chord-dbg-head b{color:var(--text)}.chord-dbg-name{display:block;margin-top:6px;height:3.1em;overflow:hidden}.chord-dbg-name #chordDbgName{display:block;font-size:1.1rem;line-height:1.35;font-weight:700;color:var(--accent)}.chord-dbg-name #chordDbgName.unsure{color:var(--muted)}.chord-dbg-name #chordDbgAlt{display:block;color:var(--muted);font-size:.62rem;line-height:1.3;max-height:2.6em;overflow:hidden}.chord-dbg-pitches{display:flex;flex-direction:column;gap:3px;margin-top:6px;min-height:87px}.chord-dbg-pitch{display:grid;grid-template-columns:2.6em 1fr 2.6em;align-items:center;gap:6px;height:12px;white-space:nowrap}.chord-dbg-pitch i{display:block;height:6px;transition:width 90ms linear;border-radius:3px;background:var(--accent)}.chord-dbg-pitch em{font-style:normal;color:var(--muted);text-align:right}.chord-dbg-strum{margin-top:6px;min-height:1.1em;color:var(--accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chord-dbg-note{margin-top:6px;color:var(--muted);font-size:.62rem;white-space:normal;line-height:1.35}#chordDbgBtn.on{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.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:var(--pink)}.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:var(--pink)}.input-state.in-hot{color:var(--accent)}@media(max-width:720px){.input-strip select,.input-state{display:none}.input-meter{width:56px}}.lab-lines{display:flex;gap:6px;flex-wrap:wrap}.lab-lines:not(:empty){margin:6px 0 2px}.lab-line{display:inline-flex;align-items:center;gap:6px;background:var(--panel-2);color:var(--muted);border:1px solid var(--line);border-radius:var(--r-control);padding:4px 9px;font:inherit;font-size:.72rem;font-variant-numeric:tabular-nums;cursor:pointer;max-width:100%}.lab-line:hover{color:var(--text);border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}.lab-line.active{color:var(--text);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--panel-2))}.lab-line-star{color:var(--line);font-size:.85em;line-height:1}.lab-line-star.on,.lab-line-star:hover{color:var(--accent)}.lab-line-x{color:var(--muted);opacity:.5;font-size:.9em;line-height:1}.lab-line-x:hover{opacity:1;color:#e8695f}.tone-toggles.locked{opacity:.4;pointer-events:none}.lab-resume{padding:0;background:none;border:none;font:inherit;color:var(--accent);font-weight:600;cursor:pointer}.lab-resume:hover{text-decoration:underline}.sc-histmore{display:block;margin-top:8px;padding:0;background:none;border:none;font:inherit;font-size:.78rem;color:var(--accent);cursor:pointer;text-align:left}.sc-histmore:hover{text-decoration:underline}.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:var(--r-control);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:var(--pink);color:var(--pink)}.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:var(--pink)}.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:var(--pink)}.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:var(--pink);stroke-width:1.6;stroke-dasharray:none}.roll .roll-staff-head.roll-v-miss{stroke:var(--pink);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:var(--r-control);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{display:grid;grid-template-columns:minmax(34ch,46ch) minmax(0,1fr);justify-content:center;align-items:center;gap:48px;max-width:1360px;width:100%;margin:auto auto 0;padding:32px 28px 0;min-height:0;overflow:auto}.lv-body.neck{grid-template-columns:minmax(0,1fr);gap:22px;align-items:start;align-content:center}.lv-body.neck .lv-prose{max-width:62ch;margin:0}.lv-body.neck .lv-prose p{max-width:62ch}.lv-body.neck .lv-stage{padding:26px 24px 22px}.lv-body:not(.neck) .lv-stage{max-width:520px;justify-self:center;width:100%}.lv-body:not(.neck){max-width:1060px}@media(max-width:720px){.lv-body,.lv-body.neck{grid-template-columns:1fr;gap:26px;padding:22px 16px}}.lv-prose{max-width:46ch;padding:0;display:flex;flex-direction:column}.lv-steplabel{font-family:var(--mono, ui-monospace, monospace);font-size:var(--t-eyebrow);letter-spacing:var(--eyebrow-ls);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:var(--r-pill);padding:8px 15px}.lv-stage{border:1px solid var(--line);border-radius:var(--r-modal);background:var(--panel-2);display:grid;place-items:center;padding:30px;position:relative}.lv-cap{position:absolute;top:16px;left:0;right:0;text-align:center;font-family:var(--mono, ui-monospace, monospace);font-size:var(--t-eyebrow);letter-spacing:var(--eyebrow-ls);text-transform:uppercase;color:var(--muted)}.lv-grip{width:260px}.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:var(--t-caption);font-weight:400;color:var(--muted)}.lv-legend{margin-top:14px;text-align:center;font-size:var(--t-caption);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:var(--r-control);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-provetick{display:flex;gap:8px;justify-content:center;margin-top:10px;flex-wrap:wrap}.lv-polydbg{margin-top:8px;font-family:var(--mono, ui-monospace, monospace);font-size:.68rem;color:var(--muted);opacity:.75}.lv-provetick span{font-family:var(--mono, ui-monospace, monospace);font-size:.8rem;min-width:2.1em;text-align:center;padding:3px 7px;border-radius:var(--r-control);border:1px solid var(--line);color:var(--muted);transition:color .15s,border-color .15s,background .15s}.lv-provetick span.got{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 55%,var(--line));background:var(--accent-soft);font-weight:650}.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:var(--r-control);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:var(--pink);color:var(--pink)}.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;max-width:940px;width:100%;margin:0 auto auto;padding:20px 28px 32px}.lv-btn{font:inherit;font-size:.9rem;border-radius:var(--r-control);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:1100px;margin:0 auto}.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:var(--t-caption);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:var(--t-eyebrow);letter-spacing:var(--eyebrow-ls);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,900px);gap:40px;max-width:1160px;margin:0 auto}.lv-sec p{max-width:68ch}@media(max-width:1040px){.lv-scroll-inner{grid-template-columns:minmax(0,900px);max-width:900px;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:var(--r-modal);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:var(--r-control);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)}.lab-pos{display:inline-flex;align-items:center;gap:6px}.lab-pos-lbl{font-size:.72rem;color:var(--muted);min-width:3.4em;text-align:center;font-variant-numeric:tabular-nums}.lab-setup{display:flex;flex-direction:column;gap:10px}.ls-eyebrow{font-family:var(--mono, ui-monospace, monospace);font-size:var(--t-eyebrow);letter-spacing:var(--eyebrow-ls);text-transform:uppercase;color:var(--muted)}.ls-eyebrow2{margin-top:6px}.ls-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ls-row.ls-inline{gap:8px 12px}.ls-btn{font:inherit;font-size:.85rem;color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:var(--r-control);padding:9px 14px;cursor:pointer}.ls-btn:hover{border-color:var(--muted)}.ls-btn.prim{color:var(--on-accent, #10161d);background:var(--accent);border-color:var(--accent);font-weight:650}.ls-btn.on{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 55%,var(--line));background:color-mix(in srgb,var(--accent) 10%,var(--panel))}.ls-lbl{font-family:var(--mono, ui-monospace, monospace);font-size:var(--t-eyebrow);letter-spacing:var(--eyebrow-ls);text-transform:uppercase;color:var(--muted)}.ls-pill{font:inherit;font-size:.85rem;color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:var(--r-control);padding:9px 14px;font-variant-numeric:tabular-nums}.ls-sel{font:inherit;font-size:.85rem;color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:var(--r-control);padding:9px 12px}.lab-setup .seg{display:inline-flex;border:1px solid var(--line);border-radius:var(--r-control);overflow:hidden}.lab-setup .seg button{font:inherit;font-size:.85rem;padding:9px 16px;background:var(--panel-2);color:var(--muted);border:none;border-right:1px solid var(--line);cursor:pointer}.lab-setup .seg button:last-child{border-right:none}.lab-setup .seg button.on{background:var(--accent-soft);color:var(--accent);font-weight:650}.lab-linebar{display:none;align-items:center;gap:12px;margin-bottom:10px}main[data-mode=solo] .grp-solo:has(.lab-roll-wrap) .lab-linebar{display:flex}.lab-linebar .lab-pos{display:inline-flex;align-items:center;gap:6px}.lb-tabs{display:inline-flex;border:1px solid var(--line);border-radius:var(--r-control);overflow:hidden;flex:none}.lb-tabs button{font:inherit;font-size:.82rem;padding:7px 15px;background:var(--panel-2);color:var(--muted);border:none;border-right:1px solid var(--line);cursor:pointer}.lb-tabs button:last-child{border-right:none}.lb-tabs button.on{background:var(--accent-soft);color:var(--accent);font-weight:650}.lb-info{font-family:var(--mono, ui-monospace, monospace);font-size:var(--t-eyebrow);letter-spacing:var(--eyebrow-ls);text-transform:uppercase;color:var(--muted);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-info b{color:var(--text);font-weight:700}.lab-linebar .lb-note{margin-left:auto;flex:none}.lab-linebar .lab-pos{flex:none}main[data-mode=solo] .grp-solo.pick-neck .lab-report{display:none}.lab-inspector:has(.lab-insp-idle){display:none}.lab-pick{display:inline-flex;align-items:center;gap:6px;font-size:.76rem;color:var(--muted)}.lab-pick select{font:inherit;font-size:.82rem;color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:var(--r-control);padding:5px 8px;max-width:190px}main[data-mode=solo] .grp-lab .lab-card{background:transparent;border:none;padding:0}.lab-scorecard.empty{display:none}.lab-scorecard.full{padding:18px 18px 16px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));border-radius:var(--r-modal);background:color-mix(in srgb,var(--accent) 6%,var(--panel))}.sc-eyebrow{display:flex;align-items:center;gap:8px;font-family:var(--mono, ui-monospace, monospace);font-size:var(--t-eyebrow);letter-spacing:var(--eyebrow-ls);text-transform:uppercase;color:var(--accent)}.sc-eyebrow.green{color:var(--green);margin-top:4px}.sc-pip{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px color-mix(in srgb,currentColor 22%,transparent)}.sc-title{font-size:1.3rem;font-weight:700;letter-spacing:-.01em;line-height:1.15;margin:8px 0 16px;text-wrap:balance}.sc-body{display:flex;align-items:center;gap:20px}.sc-ring{--pct: 0;width:96px;height:96px;flex:none;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--green) calc(var(--pct) * 1%),color-mix(in srgb,var(--line) 85%,transparent) 0)}.sc-ring>span{width:76px;height:76px;border-radius:50%;background:var(--panel);display:grid;place-items:center;text-align:center;line-height:1}.sc-ring b{font-size:1.9rem;font-weight:700;font-variant-numeric:tabular-nums}.sc-ring b{position:relative}.sc-ring b i{position:absolute;left:100%;bottom:.08em;font-style:normal;font-size:.44em;font-weight:600;margin-left:2px;color:var(--muted)}.sc-ring.wide b{font-size:1.5rem}.sc-ring em{display:block;font-style:normal;font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:4px}.sc-breakdown{flex:1;display:flex;flex-direction:column;gap:9px;min-width:0}.sc-brow{display:flex;align-items:center;gap:10px;font-size:.95rem}.sc-brow .dot{width:11px;height:11px;border-radius:50%;flex:none}.sc-brow span{color:var(--text)}.sc-brow b{margin-left:auto;font-variant-numeric:tabular-nums;font-weight:650}.sc-brow .dot.g{background:var(--green)}.sc-brow .dot.b{background:var(--blue)}.sc-brow .dot.r{background:#e8695f}.sc-brow .dot.y{background:var(--muted)}.sc-coach{display:flex;align-items:flex-start;gap:9px;margin-top:16px;padding:11px 13px;border-radius:var(--r-card);background:color-mix(in srgb,var(--accent) 8%,var(--panel));border:1px solid color-mix(in srgb,var(--accent) 32%,var(--line));font-size:.9rem;line-height:1.45;color:var(--text)}.sc-coach-pip{flex:none;color:var(--accent);font-style:normal;line-height:1.45}.sc-coach.locked{color:var(--muted);background:var(--panel-2);border-color:var(--line)}.sc-coach-go{background:none;border:none;padding:0;font:inherit;color:var(--accent);font-weight:700;text-decoration:underline;cursor:pointer}.sc-trend{margin-left:8px;font-family:var(--sans, inherit);font-size:.72rem;letter-spacing:normal;text-transform:none;color:var(--muted);font-variant-numeric:tabular-nums}.sc-drill{display:block;width:100%;margin-top:10px;padding:9px 13px;border-radius:var(--r-control);font:inherit;font-size:.85rem;font-weight:600;cursor:pointer;color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--panel));border:1px solid color-mix(in srgb,var(--accent) 40%,var(--line))}.sc-drill:hover{background:color-mix(in srgb,var(--accent) 12%,var(--panel))}.sc-loop{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;padding:10px 13px;border-radius:var(--r-card);font-size:.92rem;color:var(--on-accent, #10161d);background:var(--accent)}.sc-loop b{font-weight:750}.sc-loop-x{font:inherit;font-size:.78rem;font-weight:600;cursor:pointer;padding:5px 10px;border-radius:var(--r-control);color:var(--on-accent, #10161d);background:color-mix(in srgb,#000 14%,transparent);border:none}.sc-loop-x:hover{background:color-mix(in srgb,#000 24%,transparent)}.sc-hr{border:none;border-top:1px solid var(--line);margin:16px 0 0}.sc-histwrap{margin:12px 0 4px}.sc-hist{display:flex;align-items:flex-end;gap:5px;height:46px}.sc-hist .sc-bar{width:16px;border-radius:4px 4px 0 0;background:color-mix(in srgb,var(--green) 45%,var(--panel))}.sc-hist .sc-bar.last{background:var(--green)}.sc-histnums{margin-top:8px;font-size:.85rem;color:var(--muted);font-variant-numeric:tabular-nums}.sc-histnums b{color:var(--green)}.sc-histempty{font-size:.85rem;color:var(--muted);padding:6px 0}.sc-play{margin-top:14px;width:100%;font:inherit;font-weight:700;font-size:1.05rem;color:var(--on-accent, #10161d);background:var(--accent);border:none;border-radius:var(--r-control);padding:14px;cursor:pointer}.sc-play:hover{filter:brightness(1.05)}.sc-empty-lead{margin:0;font-size:.95rem;line-height:1.5;color:var(--muted)}.sc-empty-lead b{color:var(--text);font-weight:600}.sc-resume{display:grid;gap:2px;width:100%;margin-top:16px;text-align:left;font:inherit;cursor:pointer;padding:12px 14px;border-radius:var(--r-control);border:1px solid var(--line);background:color-mix(in srgb,var(--accent) 7%,transparent)}.sc-resume:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.sc-resume-lbl{font-size:.68rem;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}.sc-resume-name{font-weight:650;color:var(--text)}.sc-resume-stat{font-size:.82rem;color:var(--accent);font-variant-numeric:tabular-nums}.sc-mic{margin-top:12px;font-size:.82rem;color:var(--muted);line-height:1.4}.sc-mic b{color:var(--text)}.license-modal{max-width:560px;max-height:min(88vh,900px);overflow-y:auto;overscroll-behavior:contain}.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:var(--r-card);margin-bottom:14px}.license-modal .lic-status.on{color:var(--green);background:color-mix(in srgb,var(--green) 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:var(--r-control);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)}.lic-legal{margin:14px 0 0;text-align:center;font-size:.78rem;color:var(--muted)}.lic-legal a{color:var(--muted);text-decoration:underline;text-underline-offset:2px}.lic-legal a:hover{color:var(--text)}.license-modal .lic-msg:empty{display:none}.license-modal .lic-status.trial{color:var(--accent);background:var(--accent-soft)}.license-modal .lic-hero{position:sticky;bottom:0;z-index:1;margin-bottom:0;padding:14px 0 4px;background:linear-gradient(to bottom,transparent,var(--panel) 14px)}.license-modal .lic-hero:not(:empty){border-top:1px solid var(--line)}.license-modal .lic-hero:empty{display:none}.license-modal .lic-hero-line{margin:0 0 12px;line-height:1.5;color:var(--text)}.license-modal .lic-trial-row{display:flex;gap:8px}.license-modal .lic-trial-row input{flex:1;min-width:0;font:inherit;padding:9px 11px;border-radius:var(--r-control);border:1px solid var(--line);background:var(--panel);color:var(--text)}.license-modal .lic-trial-row input:focus{outline:none;border-color:var(--accent)}.license-modal .lic-consent{font-size:var(--t-caption);color:var(--muted);margin:8px 0 0}.license-modal .lic-or{text-align:center;color:var(--muted);font-size:var(--t-caption);margin:12px 0}.license-modal .lic-buy{width:100%}.license-modal .lic-key{margin-top:18px;border-top:1px solid var(--line);padding-top:12px}.license-modal .lic-key summary{cursor:pointer;color:var(--muted);font-size:var(--t-caption);list-style:none}.license-modal .lic-key summary::-webkit-details-marker{display:none}.license-modal .lic-key summary:before{content:"▸ "}.license-modal .lic-key[open] summary:before{content:"▾ "}.license-modal .lic-key summary:hover{color:var(--text)}.license-modal .lic-key .lic-field{margin-top:12px}.license-modal .lic-compare{display:grid;grid-template-columns:1fr 5.5rem 5.5rem;align-items:center;margin:4px 0 20px;font-size:.86rem}.license-modal .lic-cols{display:contents}.license-modal .lic-col{text-align:center;font-family:var(--mono, inherit);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:0 0 8px}.license-modal .lic-col.pro{color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,transparent);border-radius:var(--r-card) var(--r-card) 0 0;padding-top:8px}.license-modal .lic-col.you{color:var(--text)}.license-modal .lic-col i{display:block;font-style:normal;font-size:.92em;letter-spacing:.04em;text-transform:none;color:var(--muted);margin-top:2px}.license-modal .lic-row{display:contents}.license-modal .lic-row>span{padding:7px 0;border-top:1px solid var(--line-soft, var(--line));text-align:center}.license-modal .lic-row>span:last-child{background:color-mix(in srgb,var(--accent) 9%,transparent)}.license-modal .lic-row:last-child>span:last-child{border-radius:0 0 var(--r-card) var(--r-card);padding-bottom:10px}.license-modal .lic-what{text-align:left!important;color:var(--muted);padding-right:14px!important;line-height:1.35}.license-modal .lic-row.hero .lic-what{color:var(--text);font-weight:600}.license-modal .lic-yes{font-style:normal;color:var(--muted)}.license-modal .lic-yes.pro{color:var(--accent)}.license-modal .lic-no{font-style:normal;color:var(--line)}.license-modal .lic-lim{font-size:.72rem;color:var(--muted);font-variant-numeric:tabular-nums}.license-modal .lic-lim.pro{color:var(--accent);font-weight:650}.license-modal .lic-buy{font-size:1.02rem;font-weight:700;padding:13px}@media(max-width:560px){.license-modal .lic-compare{grid-template-columns:1fr 4.2rem 4.2rem;font-size:.8rem}}.trial-badge{border:1px solid var(--accent);background:var(--accent-soft);color:var(--accent);border-radius:var(--r-pill);padding:4px 11px;font-size:var(--t-caption);font-weight:600;cursor:pointer;white-space:nowrap}.trial-badge.urgent{border-color:var(--danger);background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger)}.trial-badge.hidden{display:none}main[data-mode=play] #chips{display:none}.lab-pick{order:-2;margin-bottom:0}.lab-pick .ls-eyebrow-inline{margin:0 4px 0 0;white-space:nowrap}.lab-pick .lab-lines:not(:empty){margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}.hint>summary{cursor:pointer;list-style:none;color:var(--muted);font-size:var(--t-caption);padding:4px 0}.hint>summary::-webkit-details-marker{display:none}.hint>summary:hover{color:var(--text)}.hint .hint-keys{display:flex;flex-wrap:wrap;gap:6px 14px;padding:6px 0 2px}.mix-tools{display:flex;gap:8px;flex-wrap:wrap;padding-top:4px;border-top:1px solid var(--line)}