.interactive-fretboard.svelte-byrgk4{width:100%;max-width:900px;-webkit-user-select:none;user-select:none}.hit-target.svelte-byrgk4{cursor:pointer}.hit-target.svelte-byrgk4:hover{fill:#58a6ff14}.fn-wrap.svelte-vt1aqa{display:flex;flex-direction:column;gap:.75rem}.tab-bar.svelte-vt1aqa{display:flex;gap:0;border-bottom:2px solid #333;margin-bottom:1rem}.tab-bar.svelte-vt1aqa button:where(.svelte-vt1aqa){padding:.5rem 1.2rem;background:none;border:none;color:#aaa;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;font-size:.95rem}.tab-bar.svelte-vt1aqa button.active:where(.svelte-vt1aqa){color:#fff;border-bottom-color:#4fc3f7}.tab-bar.svelte-vt1aqa button:where(.svelte-vt1aqa):hover:not(.active){color:#ccc}.fn-controls.svelte-vt1aqa{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.fn-label.svelte-vt1aqa{display:flex;align-items:center;gap:.5rem;font-size:14px;color:var(--mt)}.fn-select.svelte-vt1aqa{padding:.3rem .5rem;background:var(--sf);border:1px solid var(--bd);border-radius:6px;color:var(--tx);font-size:14px;font-family:JetBrains Mono,monospace}.fn-info.svelte-vt1aqa{font-size:13px;color:var(--mt)}.fn-target.svelte-vt1aqa{font-size:15px;color:var(--tx)}.fn-target.svelte-vt1aqa strong:where(.svelte-vt1aqa){color:#58a6ff;font-size:18px}.fn-score.svelte-vt1aqa{font-family:JetBrains Mono,monospace;font-size:15px;font-weight:700;color:#4ecb71}.fn-timer.svelte-vt1aqa{font-family:JetBrains Mono,monospace;font-size:14px;color:var(--mt)}.fn-btn.svelte-vt1aqa{padding:.4rem .8rem;background:var(--sf);border:1px solid var(--bd);border-radius:6px;color:var(--tx);font-size:13px;cursor:pointer;transition:border-color .15s}.fn-btn.svelte-vt1aqa:hover{border-color:var(--mt)}.fn-complete.svelte-vt1aqa{text-align:center;padding:.6rem;background:#4ecb711a;border:1px solid rgba(78,203,113,.3);border-radius:8px;color:#4ecb71;font-weight:600;font-size:14px}.ie-wrap.svelte-d0bb1x{display:flex;flex-direction:column;gap:16px}.tab-bar.svelte-d0bb1x{display:flex;gap:0;border-bottom:2px solid #333;margin-bottom:1rem}.tab-bar.svelte-d0bb1x button:where(.svelte-d0bb1x){padding:.5rem 1.2rem;background:none;border:none;color:#aaa;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;font-size:.95rem}.tab-bar.svelte-d0bb1x button.active:where(.svelte-d0bb1x){color:#fff;border-bottom-color:#4fc3f7}.tab-bar.svelte-d0bb1x button:where(.svelte-d0bb1x):hover:not(.active){color:#ccc}.ie-controls.svelte-d0bb1x{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.ie-label.svelte-d0bb1x{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--mt);font-weight:600}.ie-select.svelte-d0bb1x{padding:6px 10px;border:1px solid var(--bd);border-radius:6px;background:var(--sf);color:var(--tx);font-size:14px;font-family:JetBrains Mono,monospace}.ie-play.svelte-d0bb1x{padding:6px 20px;border:none;border-radius:6px;background:#58a6ff;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s;font-family:inherit}.ie-play.svelte-d0bb1x:hover{background:#4090e0}.ie-info.svelte-d0bb1x{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:14px}.ie-chip.svelte-d0bb1x{padding:4px 10px;border-radius:6px;font-weight:700;font-size:14px;font-family:JetBrains Mono,monospace}.ie-chip-root.svelte-d0bb1x{background:#e74c3c26;color:#e74c3c}.ie-chip-int.svelte-d0bb1x{background:#3498db26;color:#3498db}.ie-arrow.svelte-d0bb1x{color:var(--mt);font-family:JetBrains Mono,monospace;font-size:13px}.ie-interval-name.svelte-d0bb1x{color:var(--mt);font-size:13px}.ie-quiz-header.svelte-d0bb1x{display:flex;justify-content:flex-end;gap:1rem;align-items:center}.ie-score.svelte-d0bb1x{font-size:16px;font-weight:700;color:var(--tx);font-family:JetBrains Mono,monospace}.ie-timer.svelte-d0bb1x{font-size:14px;color:var(--mt);font-family:JetBrains Mono,monospace}.ie-quiz-prompt.svelte-d0bb1x{font-size:16px;color:var(--tx);line-height:1.6}.ie-quiz-prompt.svelte-d0bb1x strong:where(.svelte-d0bb1x){color:#58a6ff}.ie-feedback.svelte-d0bb1x{padding:10px 14px;border-radius:8px;font-size:14px;font-weight:600;font-family:JetBrains Mono,monospace}.ie-correct.svelte-d0bb1x{background:#4ecb711f;color:#4ecb71}.ie-wrong.svelte-d0bb1x{background:#e74c3c1f;color:#e74c3c}.ie-next.svelte-d0bb1x{align-self:flex-start;padding:8px 24px;border:none;border-radius:6px;background:#58a6ff;color:#fff;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s}.ie-next.svelte-d0bb1x:hover{background:#4090e0}.triad-ex.svelte-1z0ncmo{display:flex;flex-direction:column;gap:12px}.tab-bar.svelte-1z0ncmo{display:flex;gap:0;border-bottom:2px solid #333;margin-bottom:1rem}.tab-bar.svelte-1z0ncmo button:where(.svelte-1z0ncmo){padding:.5rem 1.2rem;background:none;border:none;color:#aaa;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;font-size:.95rem}.tab-bar.svelte-1z0ncmo button.active:where(.svelte-1z0ncmo){color:#fff;border-bottom-color:#4fc3f7}.tab-bar.svelte-1z0ncmo button:where(.svelte-1z0ncmo):hover:not(.active){color:#ccc}.controls.svelte-1z0ncmo{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.ctrl-label.svelte-1z0ncmo{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--mt);font-family:JetBrains Mono,monospace}.ctrl-label.svelte-1z0ncmo select:where(.svelte-1z0ncmo){padding:6px 8px;border:1px solid var(--bd);border-radius:6px;background:var(--sf);color:var(--tx);font:inherit;font-size:14px}.play-btn.svelte-1z0ncmo{padding:8px 16px;border:2px solid #58A6FF;border-radius:8px;background:#58a6ff1a;color:#58a6ff;cursor:pointer;font:inherit;font-weight:600;transition:background .15s}.play-btn.svelte-1z0ncmo:hover{background:#58a6ff33}.play-btn.small.svelte-1z0ncmo{padding:4px 10px;font-size:13px}.formula.svelte-1z0ncmo{font-family:JetBrains Mono,monospace;font-size:15px;font-weight:600;color:var(--tx);padding:8px 12px;background:var(--sf);border:1px solid var(--bd);border-radius:8px;text-align:center}.legend.svelte-1z0ncmo{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.legend-item.svelte-1z0ncmo{display:flex;align-items:center;gap:5px;font-size:13px;color:var(--mt)}.legend-dot.svelte-1z0ncmo{width:12px;height:12px;border-radius:50%;display:inline-block}.quiz-header.svelte-1z0ncmo{display:flex;justify-content:space-between;align-items:center}.quiz-prompt.svelte-1z0ncmo{font-size:16px;color:var(--tx)}.quiz-score.svelte-1z0ncmo{font-family:JetBrains Mono,monospace;font-size:14px;color:var(--mt);background:var(--sf);padding:4px 10px;border-radius:6px;border:1px solid var(--bd)}.quiz-choices.svelte-1z0ncmo{display:flex;gap:8px;flex-wrap:wrap}.choice-btn.svelte-1z0ncmo{flex:1;min-width:100px;padding:10px;border:2px solid var(--bd);border-radius:8px;background:var(--sf);color:var(--tx);cursor:pointer;font:inherit;font-weight:600;transition:border-color .12s,background .12s}.choice-btn.svelte-1z0ncmo:hover{border-color:#58a6ff;background:#58a6ff14}.quiz-actions.svelte-1z0ncmo{display:flex;gap:10px;justify-content:center}.cc.svelte-cod4eq{display:flex;flex-direction:column;align-items:center;justify-content:center;width:80px;height:60px;background:var(--sf);border:2px solid var(--bd);border-radius:8px;cursor:pointer;transition:transform .12s,border-color .12s,background .12s;padding:0;font-family:inherit;color:inherit}.cc.svelte-cod4eq:hover{transform:translateY(-2px);border-color:var(--mt)}.cc-active.svelte-cod4eq{border-color:#58a6ff;background:#58a6ff1a}.cc-name.svelte-cod4eq{font-size:16px;font-weight:700;color:var(--tx);line-height:1.2}.cc-deg.svelte-cod4eq{font-size:12px;color:var(--mt);font-family:JetBrains Mono,monospace;margin-top:2px}.scale-exercise.svelte-1fjjxru{display:flex;flex-direction:column;gap:16px}.tab-bar.svelte-1fjjxru{display:flex;gap:0;border-bottom:2px solid #333;margin-bottom:1rem}.tab-bar.svelte-1fjjxru button:where(.svelte-1fjjxru){padding:.5rem 1.2rem;background:none;border:none;color:#aaa;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;font-size:.95rem}.tab-bar.svelte-1fjjxru button.active:where(.svelte-1fjjxru){color:#fff;border-bottom-color:#4fc3f7}.tab-bar.svelte-1fjjxru button:where(.svelte-1fjjxru):hover:not(.active){color:#ccc}.controls.svelte-1fjjxru{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.control-group.svelte-1fjjxru{display:flex;flex-direction:column;gap:4px}.control-label.svelte-1fjjxru{font-size:12px;color:var(--mt);font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.5px}select.svelte-1fjjxru{background:var(--sf);color:var(--tx);border:1px solid var(--bd);border-radius:6px;padding:6px 10px;font-size:14px;font-family:inherit;cursor:pointer}select.svelte-1fjjxru:focus{outline:none;border-color:#58a6ff}.play-btn.svelte-1fjjxru{padding:8px 16px;border:2px solid #58A6FF;border-radius:8px;background:#58a6ff1a;color:#58a6ff;cursor:pointer;font:inherit;font-weight:600;transition:background .15s}.play-btn.svelte-1fjjxru:hover{background:#58a6ff33}.play-btn.svelte-1fjjxru:disabled{opacity:.5;cursor:not-allowed}.formula.svelte-1fjjxru{font-family:JetBrains Mono,monospace;font-size:15px;color:var(--tx);padding:8px 12px;background:var(--sf);border-radius:6px;border:1px solid var(--bd)}.degree-legend.svelte-1fjjxru{display:flex;gap:6px;flex-wrap:wrap}.degree-chip.svelte-1fjjxru{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:24px;padding:0 6px;border-radius:4px;font-size:12px;font-weight:700;color:#fff;font-family:JetBrains Mono,monospace}.harmonized.svelte-1fjjxru{margin-top:8px}.harmonized-title.svelte-1fjjxru{font-size:14px;color:var(--mt);margin:0 0 10px;font-weight:600}.triad-row.svelte-1fjjxru{display:flex;gap:8px;flex-wrap:wrap}.practice-header.svelte-1fjjxru,.quiz-header.svelte-1fjjxru{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.practice-prompt.svelte-1fjjxru,.quiz-prompt.svelte-1fjjxru{font-size:15px;color:var(--tx)}.practice-prompt.svelte-1fjjxru strong:where(.svelte-1fjjxru),.quiz-prompt.svelte-1fjjxru strong:where(.svelte-1fjjxru){color:#58a6ff}.practice-step.svelte-1fjjxru{font-family:JetBrains Mono,monospace;font-size:14px;color:#4ecb71;font-weight:700}.quiz-timer.svelte-1fjjxru{font-family:JetBrains Mono,monospace;font-size:14px;color:var(--mt);background:var(--sf);padding:4px 10px;border-radius:6px;border:1px solid var(--bd)}.result-banner.svelte-1fjjxru{text-align:center;padding:.6rem;border-radius:8px;font-weight:700;font-size:15px}.result-banner.correct.svelte-1fjjxru{background:#4ecb711a;border:1px solid rgba(78,203,113,.3);color:#4ecb71}.result-banner.wrong.svelte-1fjjxru{background:#e74c3c1a;border:1px solid rgba(231,76,60,.3);color:#e74c3c}.action-row.svelte-1fjjxru{display:flex;gap:10px;justify-content:center}.quiz-choices.svelte-1fjjxru{display:flex;gap:8px;flex-wrap:wrap}.choice-btn.svelte-1fjjxru{flex:1;min-width:120px;padding:10px;border:2px solid var(--bd);border-radius:8px;background:var(--sf);color:var(--tx);cursor:pointer;font:inherit;font-weight:600;transition:border-color .12s,background .12s}.choice-btn.svelte-1fjjxru:hover{border-color:#58a6ff;background:#58a6ff14}.empty-hint.svelte-1fjjxru{text-align:center;color:var(--mt);font-size:14px;padding:2rem 0}.sc-wrap.svelte-b0x00g{display:flex;flex-direction:column;gap:.75rem}.tab-bar.svelte-b0x00g{display:flex;gap:0;border-bottom:2px solid #333;margin-bottom:1rem}.tab-bar.svelte-b0x00g button:where(.svelte-b0x00g){padding:.5rem 1.2rem;background:none;border:none;color:#aaa;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;font-size:.95rem}.tab-bar.svelte-b0x00g button.active:where(.svelte-b0x00g){color:#fff;border-bottom-color:#4fc3f7}.tab-bar.svelte-b0x00g button:where(.svelte-b0x00g):hover:not(.active){color:#ccc}.sc-controls.svelte-b0x00g{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.sc-label.svelte-b0x00g{display:flex;align-items:center;gap:.5rem;font-size:14px;color:var(--mt)}.sc-select.svelte-b0x00g{padding:.3rem .5rem;background:var(--sf);border:1px solid var(--bd);border-radius:6px;color:var(--tx);font-size:14px;font-family:JetBrains Mono,monospace}.sc-btn.svelte-b0x00g{padding:.4rem .8rem;background:var(--sf);border:1px solid var(--bd);border-radius:6px;color:var(--tx);font-size:13px;cursor:pointer;transition:border-color .15s}.sc-btn.svelte-b0x00g:hover{border-color:var(--mt)}.sc-btn-next.svelte-b0x00g{background:#58a6ff1a;border-color:#58a6ff;color:#58a6ff}.sc-formula.svelte-b0x00g{display:flex;align-items:baseline;gap:.75rem;padding:.5rem .75rem;background:var(--sf);border:1px solid var(--bd);border-radius:8px}.sc-chord-name.svelte-b0x00g{font-size:18px;font-weight:700;color:#58a6ff;font-family:JetBrains Mono,monospace}.sc-chord-formula.svelte-b0x00g{font-size:14px;color:var(--mt);font-family:JetBrains Mono,monospace}.sc-legend.svelte-b0x00g{display:flex;gap:1rem;flex-wrap:wrap;font-size:13px;color:var(--mt)}.sc-legend-item.svelte-b0x00g{display:flex;align-items:center;gap:.3rem}.sc-legend-dot.svelte-b0x00g{width:10px;height:10px;border-radius:50%;display:inline-block}.sc-quiz-label.svelte-b0x00g{font-size:15px;color:var(--tx)}.sc-quiz-label.svelte-b0x00g strong:where(.svelte-b0x00g){color:#58a6ff;font-size:18px}.sc-streak.svelte-b0x00g{font-family:JetBrains Mono,monospace;font-size:14px;font-weight:700;color:#f1c40f;margin-left:auto}.sc-quiz-options.svelte-b0x00g{display:flex;gap:.5rem;flex-wrap:wrap}.sc-option.svelte-b0x00g{padding:.5rem 1rem;background:var(--sf);border:2px solid var(--bd);border-radius:8px;color:var(--tx);font-size:14px;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s}.sc-option.svelte-b0x00g:hover:not(:disabled){border-color:var(--mt)}.sc-option.svelte-b0x00g:disabled{cursor:default;opacity:.7}.sc-option-correct.svelte-b0x00g{border-color:#4ecb71;background:#4ecb711a;color:#4ecb71}.sc-option-wrong.svelte-b0x00g{border-color:#e74c3c;background:#e74c3c1a;color:#e74c3c}.sc-feedback.svelte-b0x00g{padding:.5rem .75rem;border-radius:8px;font-size:14px;font-weight:600}.sc-feedback-correct.svelte-b0x00g{background:#4ecb711a;border:1px solid rgba(78,203,113,.3);color:#4ecb71}.sc-feedback-wrong.svelte-b0x00g{background:#e74c3c1a;border:1px solid rgba(231,76,60,.3);color:#e74c3c}.sc-quiz-actions.svelte-b0x00g{display:flex;gap:.5rem}.cb-wrap.svelte-y7yhn3{display:flex;flex-direction:column;gap:.75rem}.tab-bar.svelte-y7yhn3{display:flex;gap:0;border-bottom:2px solid #333;margin-bottom:1rem}.tab-bar.svelte-y7yhn3 button:where(.svelte-y7yhn3){padding:.5rem 1.2rem;background:none;border:none;color:#aaa;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;font-size:.95rem}.tab-bar.svelte-y7yhn3 button.active:where(.svelte-y7yhn3){color:#fff;border-bottom-color:#4fc3f7}.tab-bar.svelte-y7yhn3 button:where(.svelte-y7yhn3):hover:not(.active){color:#ccc}.cb-controls.svelte-y7yhn3{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.cb-label.svelte-y7yhn3{display:flex;align-items:center;gap:.5rem;font-size:14px;color:var(--mt)}.cb-select.svelte-y7yhn3{padding:.3rem .5rem;background:var(--sf);border:1px solid var(--bd);border-radius:6px;color:var(--tx);font-size:14px;font-family:JetBrains Mono,monospace}.cb-btn.svelte-y7yhn3{padding:.4rem .8rem;background:var(--sf);border:1px solid var(--bd);border-radius:6px;color:var(--tx);font-size:13px;cursor:pointer;transition:border-color .15s}.cb-btn.svelte-y7yhn3:hover{border-color:var(--mt)}.cb-btn.svelte-y7yhn3:disabled{opacity:.4;cursor:default}.cb-intervals.svelte-y7yhn3{display:flex;flex-wrap:wrap;gap:.4rem}.cb-iv.svelte-y7yhn3{display:flex;flex-direction:column;align-items:center;padding:.4rem .5rem;min-width:56px;background:var(--sf);border:2px solid var(--bd);border-radius:8px;cursor:pointer;transition:border-color .12s,background .12s}.cb-iv.svelte-y7yhn3:hover:not(:disabled){border-color:var(--mt)}.cb-iv.svelte-y7yhn3:disabled{opacity:.5;cursor:default}.cb-iv-on.svelte-y7yhn3{border-color:#58a6ff;background:#58a6ff1f}.cb-iv-hint.svelte-y7yhn3{border-color:#f1c40f;background:#f1c40f26;animation:svelte-y7yhn3-hint-pulse .6s ease-in-out 2}.cb-iv-abbr.svelte-y7yhn3{font-size:14px;font-weight:700;font-family:JetBrains Mono,monospace;color:var(--tx);line-height:1.2}.cb-iv-on.svelte-y7yhn3 .cb-iv-abbr:where(.svelte-y7yhn3){color:#58a6ff}.cb-iv-hint.svelte-y7yhn3 .cb-iv-abbr:where(.svelte-y7yhn3){color:#f1c40f}.cb-iv-name.svelte-y7yhn3{font-size:10px;color:var(--mt);line-height:1.2;margin-top:1px}.cb-result.svelte-y7yhn3{display:flex;flex-direction:column;gap:.35rem;padding:.6rem .8rem;background:var(--sf);border:1px solid var(--bd);border-radius:8px}.cb-notes.svelte-y7yhn3,.cb-formula.svelte-y7yhn3{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;font-size:14px}.cb-notes-label.svelte-y7yhn3{color:var(--mt);font-size:12px;min-width:56px}.cb-note.svelte-y7yhn3{font-weight:700;font-family:JetBrains Mono,monospace}.cb-sep.svelte-y7yhn3{color:var(--mt);font-size:10px}.cb-degree.svelte-y7yhn3{font-weight:600;font-family:JetBrains Mono,monospace;font-size:13px}.cb-match.svelte-y7yhn3{text-align:center;padding:.6rem;background:#4ecb711a;border:1px solid rgba(78,203,113,.3);border-radius:8px;color:#4ecb71;font-weight:700;font-size:16px}.cb-hint.svelte-y7yhn3{text-align:center;color:var(--mt);font-size:14px;padding:2rem 0}.practice-header.svelte-y7yhn3,.quiz-header.svelte-y7yhn3{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.practice-prompt.svelte-y7yhn3,.quiz-prompt.svelte-y7yhn3{font-size:15px;color:var(--tx)}.practice-prompt.svelte-y7yhn3 strong:where(.svelte-y7yhn3),.quiz-prompt.svelte-y7yhn3 strong:where(.svelte-y7yhn3){color:#58a6ff}.hint-btn.svelte-y7yhn3{padding:6px 14px;border:2px solid #f1c40f;border-radius:8px;background:#f1c40f1a;color:#f1c40f;cursor:pointer;font:inherit;font-weight:600;font-size:13px;transition:background .15s}.hint-btn.svelte-y7yhn3:hover:not(:disabled){background:#f1c40f33}.hint-btn.svelte-y7yhn3:disabled{opacity:.4;cursor:default}.quiz-timer.svelte-y7yhn3{font-family:JetBrains Mono,monospace;font-size:14px;color:var(--mt);background:var(--sf);padding:4px 10px;border-radius:6px;border:1px solid var(--bd)}.result-banner.svelte-y7yhn3{text-align:center;padding:.6rem;border-radius:8px;font-weight:700;font-size:15px}.result-banner.correct.svelte-y7yhn3{background:#4ecb711a;border:1px solid rgba(78,203,113,.3);color:#4ecb71}.result-banner.wrong.svelte-y7yhn3{background:#e74c3c1a;border:1px solid rgba(231,76,60,.3);color:#e74c3c}.action-row.svelte-y7yhn3{display:flex;gap:10px;justify-content:center}.play-btn.svelte-y7yhn3{padding:8px 16px;border:2px solid #58A6FF;border-radius:8px;background:#58a6ff1a;color:#58a6ff;cursor:pointer;font:inherit;font-weight:600;transition:background .15s}.play-btn.svelte-y7yhn3:hover{background:#58a6ff33}@keyframes svelte-y7yhn3-hint-pulse{0%,to{border-color:#f1c40f}50%{border-color:#f39c12;background:#f1c40f40}}.iivi-wrap.svelte-bn2z92{display:flex;flex-direction:column;gap:.75rem}.tab-bar.svelte-bn2z92{display:flex;gap:0;border-bottom:2px solid #333;margin-bottom:1rem}.tab-bar.svelte-bn2z92 button:where(.svelte-bn2z92){padding:.5rem 1.2rem;background:none;border:none;color:#aaa;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;font-size:.95rem}.tab-bar.svelte-bn2z92 button.active:where(.svelte-bn2z92){color:#fff;border-bottom-color:#4fc3f7}.tab-bar.svelte-bn2z92 button:where(.svelte-bn2z92):hover:not(.active){color:#ccc}.iivi-controls.svelte-bn2z92{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.iivi-label.svelte-bn2z92{display:flex;align-items:center;gap:.5rem;font-size:14px;color:var(--mt)}.iivi-select.svelte-bn2z92{padding:.3rem .5rem;background:var(--sf);border:1px solid var(--bd);border-radius:6px;color:var(--tx);font-size:14px;font-family:JetBrains Mono,monospace}.iivi-btn.svelte-bn2z92{padding:.4rem .8rem;background:var(--sf);border:1px solid var(--bd);border-radius:6px;color:var(--tx);font-size:13px;cursor:pointer;transition:border-color .15s}.iivi-btn.svelte-bn2z92:hover{border-color:var(--mt)}.iivi-btn.svelte-bn2z92:disabled{opacity:.5;cursor:not-allowed}.iivi-btn-play.svelte-bn2z92{border-color:#58a6ff;color:#58a6ff}.iivi-btn-play.svelte-bn2z92:hover{background:#58a6ff14}.iivi-title.svelte-bn2z92{font-size:16px;font-weight:700;color:var(--tx);text-align:center}.iivi-cards.svelte-bn2z92{display:flex;align-items:flex-start;justify-content:center;gap:.75rem;flex-wrap:wrap}.iivi-card-col.svelte-bn2z92{display:flex;flex-direction:column;align-items:center;gap:.35rem}.iivi-arrow.svelte-bn2z92{font-size:20px;color:var(--mt);align-self:center;margin-top:8px}.iivi-tones.svelte-bn2z92{display:flex;gap:.3rem;font-size:12px;font-family:JetBrains Mono,monospace;color:var(--mt)}.iivi-tone.svelte-bn2z92{color:var(--tx);font-weight:500}.iivi-quiz-prompt.svelte-bn2z92{text-align:center;font-size:16px;font-weight:600;color:var(--tx);padding:.5rem 0}.iivi-correct.svelte-bn2z92{color:#4ecb71}.iivi-wrong.svelte-bn2z92{color:#e74c3c}.iivi-score.svelte-bn2z92{font-family:JetBrains Mono,monospace;font-size:15px;font-weight:700;color:#4ecb71}.iivi-key-grid.svelte-bn2z92{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;max-width:320px;margin:0 auto}.iivi-key-btn.svelte-bn2z92{padding:.5rem;background:var(--sf);border:1px solid var(--bd);border-radius:6px;color:var(--tx);font-size:14px;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s}.iivi-key-btn.svelte-bn2z92:hover{border-color:#58a6ff;background:#58a6ff0d}.iivi-key-btn.svelte-bn2z92:disabled{opacity:.5;cursor:not-allowed}.iivi-key-btn-selected.svelte-bn2z92{border-color:#58a6ff;background:#58a6ff1a}.iivi-actions.svelte-bn2z92{display:flex;gap:.5rem;justify-content:center}.theory-page.svelte-1uha8ag{display:flex;height:100vh;width:100%;overflow:hidden}.sidebar.svelte-1uha8ag{width:220px;flex-shrink:0;background:var(--sf);border-right:1px solid var(--bd);display:flex;flex-direction:column;padding:.75rem .5rem;gap:.25rem;overflow-y:auto}.sidebar-title.svelte-1uha8ag{font-family:Outfit,sans-serif;font-size:.85rem;font-weight:800;color:var(--tx);letter-spacing:-.5px;padding:.2rem .5rem .5rem;border-bottom:1px solid var(--bd);margin-bottom:.35rem}.sidebar-item.svelte-1uha8ag{display:flex;align-items:center;gap:.5rem;padding:.45rem .55rem;border-radius:8px;border:none;background:none;color:var(--mt);font-family:JetBrains Mono,monospace;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .15s;text-align:left;white-space:nowrap}.sidebar-item.svelte-1uha8ag:hover{background:var(--sf2);color:var(--tx)}.sidebar-item.active.svelte-1uha8ag{background:#58a6ff1a;color:var(--ac)}.sidebar-icon.svelte-1uha8ag{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;background:var(--sf2);font-size:.7rem;font-weight:700;flex-shrink:0}.sidebar-item.active.svelte-1uha8ag .sidebar-icon:where(.svelte-1uha8ag){background:#58a6ff2e;color:var(--ac)}.progress-ring.svelte-1uha8ag{margin-left:auto;flex-shrink:0}.sidebar-divider.svelte-1uha8ag{height:1px;background:var(--bd);margin:.5rem .25rem}.sidebar-section-label.svelte-1uha8ag{font-family:JetBrains Mono,monospace;font-size:.6rem;font-weight:700;color:var(--mt);text-transform:uppercase;letter-spacing:1px;padding:.1rem .5rem .3rem}.sidebar-link.svelte-1uha8ag{display:flex;align-items:center;gap:.5rem;padding:.45rem .55rem;border-radius:8px;color:var(--mt);font-family:JetBrains Mono,monospace;font-size:.78rem;font-weight:600;text-decoration:none;transition:all .15s;white-space:nowrap}.sidebar-link.svelte-1uha8ag:hover{background:var(--sf2);color:var(--tx)}.content.svelte-1uha8ag{flex:1;overflow-y:auto;padding:1.5rem}@media(max-width:768px){.theory-page.svelte-1uha8ag{flex-direction:column;height:100vh}.sidebar.svelte-1uha8ag{width:100%;flex-direction:row;border-right:none;border-bottom:1px solid var(--bd);padding:.5rem;gap:.4rem;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-shrink:0;align-items:center}.sidebar.svelte-1uha8ag::-webkit-scrollbar{display:none}.sidebar-title.svelte-1uha8ag{display:none}.sidebar-divider.svelte-1uha8ag{width:1px;height:20px;margin:0 .25rem;flex-shrink:0}.sidebar-section-label.svelte-1uha8ag{display:none}.sidebar-item.svelte-1uha8ag{flex-shrink:0;padding:.35rem .6rem;border-radius:16px;font-size:.72rem;border:1px solid var(--bd)}.sidebar-item.active.svelte-1uha8ag{border-color:var(--ac)}.sidebar-link.svelte-1uha8ag{flex-shrink:0;padding:.35rem .6rem;border-radius:16px;font-size:.72rem;border:1px solid var(--bd)}.sidebar-link.svelte-1uha8ag:hover{border-color:var(--ac);color:var(--ac)}.sidebar-icon.svelte-1uha8ag,.progress-ring.svelte-1uha8ag{display:none}.content.svelte-1uha8ag{flex:1;min-height:0}}