*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #EADBB8;--surface: #FBF4E2;--surface2: #F4E9CE;--surface-2: #F4E9CE;--surface-3: #E7D8B4;--surface-hover: #F6ECD3;--track: #E1CFA6;--text: #2A1D12;--text-muted: #6B5A43;--text-faint: #9A876A;--edge: #D8C39A;--edge-2: #C9B285;--line: #22160C;--accent: #E65C25;--accent-2: #C6491B;--accent-cool: #2E6E69;--accent-soft: #DCEAE7;--star: #E4A22B;--good: #5C8A3A;--warn: #C8791F;--crit: #C8452A;--fretboard: #B9853F;--fret-wire: #6B4A28;--fret-string: #8A6A3E;--fret-inlay: #F2E4C9;--fret-label: #7A5A34;--dot-stroke: #22160C;--dot-label: #22160C;--fret-map-op: .5;--fret-map-ink: #22160C;--lane-fill: rgba(107,90,67,.1);--lane-chord-edge: #C9B285;--lane-scale-edge: #C9B285;--lane-chord-active-fill: rgba(46,110,105,.16);--lane-chord-active-text: #234E4A;--lane-scale-active-fill: rgba(230,92,37,.15);--lane-scale-active-text: #7A3410;--band-edge: #D8C39A;--band-sub: #6B5A43;--chip-bg: rgba(46,110,105,.14);--chip-edge: #2E6E69;--danger-bg: rgba(200,69,42,.12);--danger-edge: #C8452A;--danger-text: #8A2B1A;--star-soft: rgba(228,162,43,.15);--star-text: #6B4A10;--good-soft: rgba(92,138,58,.15);--accent-cool-fill: #2E6E69;--accent-cool-on: #F4E9CE;--board-mark: #6B5A43;--board-root: #B4571E;--glow: rgba(230,92,37,.3);--glow-good: rgba(92,138,58,.3);--glow-cool: rgba(46,110,105,.16);--shadow-soft: rgba(60,40,20,.28);--scrim: rgba(20,13,6,.8);--shelf-fade: #EADBB8F2;--shelf-fade-0: #EADBB800;--card-bd: 2.5px solid var(--line);--card-shadow: 4px 4px 0 var(--line);--card-lift: 4px 4px 0 var(--line);--card-lift-hover: 7px 7px 0 var(--line);--radius: 14px;--font: "Segoe UI", system-ui, sans-serif;--font-display: "Arial Black", "Segoe UI", system-ui, sans-serif}:root[data-theme=dark]{--bg: #0f0f1a;--surface: #1a1a2e;--surface2: #16162a;--surface-2: #16162a;--surface-3: #12122a;--surface-hover: #1f1f35;--track: #26263f;--text: #e0e0f0;--text-muted: #9a9ac0;--text-faint: #666688;--edge: #22223a;--edge-2: #2a2a48;--line: #2a2a48;--accent: #7c5cff;--accent-2: #5a3fd6;--accent-cool: #7fd4ff;--accent-soft: #12243a;--star: #f5c542;--good: #4caf7d;--warn: #ff7043;--crit: #e94560;--fretboard: #12122a;--fret-wire: #4a4a6a;--fret-string: #3a3a5a;--fret-inlay: #2c2c4a;--fret-label: #555577;--dot-stroke: transparent;--dot-label: #0d0d1e;--fret-map-op: .28;--fret-map-ink: transparent;--lane-fill: rgba(120,120,170,.12);--lane-chord-edge: #44446a;--lane-scale-edge: #4a3a5a;--lane-chord-active-fill: rgba(127,212,255,.2);--lane-chord-active-text: #bfeaff;--lane-scale-active-fill: rgba(216,160,255,.2);--lane-scale-active-text: #ecd0ff;--band-edge: #2a5a3a;--band-sub: #9ab8a8;--chip-bg: #122a38;--chip-edge: #244a5a;--danger-bg: #3a1622;--danger-edge: #5a2535;--danger-text: #ffb0c4;--star-soft: #2a2410;--star-text: #f5d98a;--good-soft: #102a1a;--accent-cool-fill: #56b4f5;--accent-cool-on: #06243a;--board-mark: #44446a;--board-root: #c2a0ff;--glow: rgba(124,92,255,.27);--glow-good: rgba(76,175,125,.27);--glow-cool: rgba(127,212,255,.13);--shadow-soft: rgba(0,0,0,.4);--scrim: rgba(6,6,14,.8);--shelf-fade: #12122aF2;--shelf-fade-0: #12122a00;--card-bd: 1px solid var(--edge);--card-shadow: none;--card-lift: 0 6px 18px rgba(0,0,0,.4);--card-lift-hover: 0 10px 26px rgba(0,0,0,.55)}body{background:var(--bg);color:var(--text);font-family:var(--font);height:100vh;overflow:hidden}#root{height:100vh;display:flex;flex-direction:column}button{cursor:pointer;border:none;border-radius:var(--radius);font-family:var(--font);font-size:.95rem;transition:transform .1s,opacity .1s}button:active{transform:scale(.97)}button:disabled{opacity:.4;cursor:not-allowed}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--edge);border-radius:3px}.shelf-row{scrollbar-width:none}.shelf-row::-webkit-scrollbar{display:none}