:root{color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif;--color-link: #2b6cb0;--color-accent-tint: #2b6cb01a;--color-control-border: #858585;--color-danger: #c0392b;--color-danger-tint: #c0392b1a;--color-success: #2f855a;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", "DejaVu Sans Mono", monospace;--font-mono-size: max(1rem, 16px);--color-chord: #7850a1;--color-text-muted: color-mix(in srgb, CanvasText 72%, Canvas);--surface-chart: color-mix(in srgb, CanvasText 5%, Canvas);--surface-chart-border: color-mix(in srgb, CanvasText 24%, Canvas);--color-measure-rule: color-mix(in srgb, CanvasText 60%, Canvas)}@media(prefers-color-scheme:dark){:root{--color-link: #4a90d9;--color-control-border: #a8a8a8;--color-danger: #f26250;--color-success: #58ab7e;--color-chord: #ae85dc}}body{margin:0}.app-shell{max-width:720px;margin:0 auto;padding:24px 16px 48px}button{font:inherit;cursor:pointer}.site-footer{border-top:1px solid var(--surface-chart-border)}.footer-inner{max-width:720px;margin:0 auto;padding:16px;text-align:center}.footer-link{color:var(--color-link);font-weight:600;text-decoration:underline}h1[data-v-c95e395a]{font-size:1.5rem;margin:0 0 1rem}h1[data-v-c95e395a]:focus{outline:none}.positioning[data-v-c95e395a]{font-size:.9rem;line-height:1.45;color:var(--color-text-muted);margin:0 0 1.5rem}.tool-list[data-v-c95e395a]{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.5rem}.tool-link[data-v-c95e395a]{display:block;height:100%;padding:.5rem;border-radius:8px;color:inherit;text-decoration:none;transition:background-color .12s ease,box-shadow .12s ease}.tool-name[data-v-c95e395a]{color:var(--color-link, #2b6cb0);font-weight:600;font-size:1.05rem;line-height:1.25;text-decoration:underline;text-underline-offset:.18em;text-decoration-thickness:1px}.tool-arrow[data-v-c95e395a]{display:inline-block;color:var(--color-link, #2b6cb0);margin-left:.3rem;transition:transform .12s ease}.tool-blurb[data-v-c95e395a]{display:block;font-size:.9rem;line-height:1.45;color:var(--color-text-muted);margin-top:.25rem}.tool-link[data-v-c95e395a]:hover,.tool-link[data-v-c95e395a]:focus-visible{background:var(--color-accent-tint, #2b6cb01a);box-shadow:inset 3px 0 0 var(--color-link, #2b6cb0)}.tool-link:hover .tool-arrow[data-v-c95e395a]{transform:translate(3px)}.tool-link[data-v-c95e395a]:focus-visible{outline:3px solid var(--color-link);outline-offset:2px}.secondary-links[data-v-c95e395a]{margin:1.5rem 0 0}.secondary-links a[data-v-c95e395a]{color:var(--color-link, #2b6cb0);font-weight:600;font-size:1rem;text-decoration:underline}.secondary-links a[data-v-c95e395a]:focus-visible{outline:3px solid var(--color-link);outline-offset:2px}@media(prefers-reduced-motion:reduce){.tool-link[data-v-c95e395a],.tool-arrow[data-v-c95e395a]{transition:none}.tool-link:hover .tool-arrow[data-v-c95e395a]{transform:none}}.back-row[data-v-4bfcc530]{margin:0 0 .75rem}h1[data-v-4bfcc530]{font-size:1.5rem;margin:0 0 1rem}h1[data-v-4bfcc530]:focus{outline:none}.link-button[data-v-4bfcc530]{background:none;border:none;padding:0;color:var(--color-link, #2b6cb0);font-weight:600;text-decoration:underline}.field[data-v-4bfcc530]{border:none;padding:0;margin:0 0 1.5rem}.audio-disclosure[data-v-4bfcc530]{background:var(--surface-chart, transparent);border:1px solid var(--surface-chart-border, transparent);border-radius:8px;padding:1rem}.selftest-button[data-v-4bfcc530]{display:inline-flex;align-items:center;min-height:48px;padding:.5rem 1rem;border-radius:8px;border:1px solid var(--color-link, #2b6cb0);background:transparent;color:CanvasText}.selftest-button[data-v-4bfcc530]:disabled{opacity:.5}.selftest-answer-button[data-v-4bfcc530]{min-height:44px;min-width:44px;padding:.4rem 1rem;border-radius:8px;border:2px solid var(--color-link, #2b6cb0);background:transparent;font-weight:600}.panel-actions[data-v-4bfcc530]{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}legend[data-v-4bfcc530]{font-weight:600;padding:0 0 .5rem}.topic-grid[data-v-4bfcc530]{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.topic-card[data-v-4bfcc530]{display:flex;flex-direction:column;gap:.25rem;border:2px solid var(--color-control-border, #858585);border-radius:8px;padding:.75rem;cursor:pointer}.topic-card[data-v-4bfcc530]:has(input:focus-visible){outline:3px solid var(--color-link);outline-offset:2px}.topic-card.selected[data-v-4bfcc530]{border-color:var(--color-link, #2b6cb0);background:var(--color-accent-tint, #2b6cb01a);box-shadow:inset 0 0 0 2px var(--color-link, #2b6cb0)}.topic-card[data-v-4bfcc530]:has(input:checked){border-color:var(--color-link, #2b6cb0);background:var(--color-accent-tint, #2b6cb01a);box-shadow:inset 0 0 0 2px var(--color-link, #2b6cb0)}.topic-card input[data-v-4bfcc530]{position:absolute;opacity:0;width:1px;height:1px}.topic-label[data-v-4bfcc530]{font-weight:600}.topic-description[data-v-4bfcc530]{font-size:.85rem;opacity:.8}.radio-row[data-v-4bfcc530]{display:block;padding:.25rem 0}.radio-row-inline[data-v-4bfcc530]{display:inline-block;margin-right:1rem}.hint[data-v-4bfcc530]{opacity:.75;font-size:.9rem}.focus-mode-note[data-v-4bfcc530]{margin:.5rem 0 0}.start-button[data-v-4bfcc530]{padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border-radius:8px;border:none;background:#2b6cb0;color:#fff}.banner[data-v-4bfcc530]{padding:.5rem .75rem;border-radius:6px;margin-bottom:1rem}.banner-error[data-v-4bfcc530]{background:var(--color-danger-tint, #c0392b1a);border:1px solid var(--color-danger, #c0392b)}.chord-diagram[data-v-7d67ac94]{width:100%;max-width:150px;height:auto}.string-line[data-v-7d67ac94]{stroke:currentColor;stroke-width:1;opacity:.3}.fret-line[data-v-7d67ac94]{stroke:currentColor;stroke-width:1;opacity:.2}.barre[data-v-7d67ac94]{stroke:#2b6cb0;stroke-width:7;stroke-linecap:round}.dot[data-v-7d67ac94]{fill:currentColor}.root-dot[data-v-7d67ac94]{fill:#2b6cb0;stroke:currentColor;stroke-width:2}.target-dot[data-v-7d67ac94]{fill:#fff;fill:Canvas;stroke:currentColor;stroke-width:3}@media(prefers-color-scheme:dark){.target-dot[data-v-7d67ac94]{fill:#121212;fill:Canvas}}.target-glyph[data-v-7d67ac94]{fill:currentColor;font-family:inherit;font-weight:700;text-anchor:middle}.mute[data-v-7d67ac94]{fill:currentColor;opacity:.65;font-size:14px;font-weight:700;font-family:inherit;text-anchor:middle}.tone-grid[data-v-ace8d156]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;max-width:360px;margin:.75rem auto}.tone-button[data-v-ace8d156]{min-height:56px;font-size:1.35rem;font-weight:600;padding:.5rem .25rem;border:2px solid var(--color-control-border, #858585);border-radius:8px;background:transparent}.tone-button.selected[data-v-ace8d156]{border-color:var(--color-link, #2b6cb0);background:var(--color-accent-tint, #2b6cb01a);font-weight:700}.tone-button[data-v-ace8d156]:disabled{opacity:1;color:inherit;cursor:default}.tone-button[data-v-ace8d156]:focus-visible{outline:3px solid var(--color-link);outline-offset:2px}.legend[data-v-ace8d156]{font-size:.8rem;opacity:.75;text-align:center;margin:.5rem 0}.interval-grid[data-v-6a5d32e4]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.35rem;max-width:360px;margin:.75rem auto}.row-start[data-v-6a5d32e4]{grid-column-start:1}.interval-button[data-v-6a5d32e4]{padding:.45rem .25rem;font-size:.95rem;border:2px solid var(--color-control-border, #858585);border-radius:6px;background:transparent}.interval-button.selected[data-v-6a5d32e4]{border-color:var(--color-link, #2b6cb0);background:var(--color-accent-tint, #2b6cb01a);font-weight:600}.interval-button[data-v-6a5d32e4]:disabled{opacity:1;color:inherit;cursor:default}.interval-button[data-v-6a5d32e4]:focus-visible{outline:3px solid var(--color-link);outline-offset:2px}.legend[data-v-6a5d32e4]{font-size:.8rem;opacity:.75;text-align:center;margin:.5rem 0}.key-grid[data-v-7d9b4622]{display:grid;grid-template-columns:repeat(auto-fit,minmax(48px,1fr));gap:.4rem;margin:.75rem 0}.key-button[data-v-7d9b4622]{padding:.5rem .25rem;border:2px solid var(--color-control-border, #858585);border-radius:6px;background:transparent;font-size:.9rem}.key-button.selected[data-v-7d9b4622]{border-color:var(--color-link, #2b6cb0);background:var(--color-accent-tint, #2b6cb01a);font-weight:600}.key-button[data-v-7d9b4622]:disabled{opacity:1;color:inherit;cursor:default}.key-button[data-v-7d9b4622]:focus-visible{outline:3px solid var(--color-link);outline-offset:2px}.staff[data-v-0f47e55f]{width:100%;max-width:320px;height:auto;color:currentColor}.clef[data-v-0f47e55f],.accidental[data-v-0f47e55f]{fill:currentColor}.note-grid[data-v-a50f8364]{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.35rem;max-width:520px;margin:.75rem auto}.note-button[data-v-a50f8364]{padding:.6rem .25rem;font-size:1rem;border:2px solid var(--color-control-border, #858585);border-radius:6px;background:transparent}.note-button.selected[data-v-a50f8364]{border-color:var(--color-link, #2b6cb0);background:var(--color-accent-tint, #2b6cb01a);font-weight:600}.note-button[data-v-a50f8364]:disabled{opacity:1;color:inherit;cursor:default}.note-button[data-v-a50f8364]:focus-visible{outline:3px solid var(--color-link);outline-offset:2px}.hint[data-v-a50f8364]{font-size:.8rem;opacity:.75;text-align:center;margin:.5rem 0}.note-grid[data-v-507de02e]{display:grid;grid-template-columns:repeat(auto-fit,minmax(56px,1fr));gap:.4rem;margin:.75rem 0}.note-button[data-v-507de02e]{padding:.5rem .25rem;border:2px solid var(--color-control-border, #858585);border-radius:6px;background:transparent;font-size:.85rem}.note-button.selected[data-v-507de02e]{border-color:var(--color-link, #2b6cb0);background:var(--color-accent-tint, #2b6cb01a);font-weight:600}.note-button[data-v-507de02e]:disabled{opacity:1;color:inherit;cursor:default}.note-button[data-v-507de02e]:focus-visible{outline:3px solid var(--color-link);outline-offset:2px}.slot-strip[data-v-8a0487bd]{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin:0 0 .75rem}.slot[data-v-8a0487bd]{display:inline-flex;align-items:center;justify-content:center;min-width:2.2rem;height:auto;min-height:2.2rem;padding:.25rem .3rem;line-height:1.15;border:2px dashed var(--color-control-border, #858585);border-radius:6px;font-family:var(--font-mono);font-weight:700}.slot.filled[data-v-8a0487bd]{border-style:solid}.slot.tonic[data-v-8a0487bd]{border-color:var(--color-chord, #7850a1)}.slot.next-slot[data-v-8a0487bd]{border-color:var(--color-link, #2b6cb0)}.slot.correct[data-v-8a0487bd]{border-style:solid;border-color:var(--color-success, #2f855a);color:var(--color-success, #2f855a)}.slot.incorrect[data-v-8a0487bd]{border-style:dashed;border-color:var(--color-danger, #c0392b);color:var(--color-danger, #c0392b)}.tonic-word[data-v-8a0487bd]{color:var(--color-chord, #7850a1);font-size:.8rem;font-weight:400}.correction[data-v-8a0487bd]{display:block;margin-left:0;font-weight:400}.undo-button[data-v-8a0487bd]{display:inline-flex;align-items:center;justify-content:center;min-width:48px;min-height:52px;background:transparent;border:1px solid var(--color-control-border, #858585);border-radius:6px;padding:.25rem .6rem;font-size:.9rem}.undo-button[data-v-8a0487bd]:focus-visible{outline:3px solid var(--color-link, #2b6cb0);outline-offset:2px}.degree-buttons[data-v-8a0487bd]{display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:.5rem}.degree-button[data-v-8a0487bd]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;padding:.35rem .4rem;border:2px solid var(--color-control-border, #858585);border-radius:8px;background:transparent}.degree-button[data-v-8a0487bd]:disabled{opacity:.5}.degree-button[data-v-8a0487bd]:focus-visible{outline:3px solid var(--color-link, #2b6cb0);outline-offset:2px}.degree-token[data-v-8a0487bd]{font-family:var(--font-mono);font-size:1.15rem;font-weight:700}.degree-chord[data-v-8a0487bd]{font-size:.8rem;color:var(--color-text-muted)}.visually-hidden[data-v-8a0487bd]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.staff-notes[data-v-13f90e2c]{width:100%;max-width:280px;height:auto;color:currentColor}.clef[data-v-13f90e2c],.accidental[data-v-13f90e2c],.notehead[data-v-13f90e2c]{fill:currentColor}.sequence[data-v-6c457532]{font-size:1.25rem;font-family:var(--font-mono);min-height:2rem}.token[data-v-6c457532]{display:inline-block;border:2px solid var(--color-control-border, #858585);border-radius:6px;padding:.2rem .5rem;margin-right:.25rem}.tap-buttons[data-v-6c457532]{display:flex;gap:1rem;margin-top:.5rem}.tap-button[data-v-6c457532]{flex:1;padding:1rem;font-size:1.5rem;font-weight:700;border:2px solid #2b6cb0;border-radius:8px;background:transparent}.tap-button[data-v-6c457532]:disabled{opacity:.5}.undo-button[data-v-6c457532]{background:transparent;border:1px solid var(--color-control-border, #858585);border-radius:6px;padding:.25rem .6rem;font-size:.85rem}.prompt-area[data-v-9a016495]{text-align:center;margin:1rem 0}.prompt-text[data-v-9a016495]{font-size:2.5rem;font-weight:700}.progression-prompt[data-v-9a016495]{font-size:1rem;font-weight:400;margin-bottom:0}.lead-in-note[data-v-9a016495]{margin:.2rem 0 0;font-size:.8rem;font-weight:400;color:var(--color-text-muted)}.quiz-diagram.chord-diagram[data-v-9a016495]{max-width:260px;max-height:46svh}.diagram-legend[data-v-9a016495]{display:flex;gap:1.125rem;justify-content:center;align-items:center;font-size:.8rem;color:var(--color-text-muted);margin:.25rem 0 0}.legend-item[data-v-9a016495]{display:inline-flex;align-items:center;gap:.375rem}.legend-swatch[data-v-9a016495]{width:20px;height:20px;flex:none}.legend-swatch .dot[data-v-9a016495]{fill:currentColor}.legend-swatch .root-dot[data-v-9a016495]{fill:#2b6cb0;stroke:currentColor;stroke-width:2}.legend-swatch .target-dot[data-v-9a016495]{fill:#fff;fill:Canvas;stroke:currentColor;stroke-width:3}@media(prefers-color-scheme:dark){.legend-swatch .target-dot[data-v-9a016495]{fill:#121212;fill:Canvas}}.legend-swatch .target-glyph[data-v-9a016495]{fill:currentColor;font-family:inherit;font-weight:700;text-anchor:middle}.header-row[data-v-06fd8034]{display:flex;justify-content:space-between;font-size:.9rem;margin-bottom:.5rem;text-transform:capitalize}.header-row h1[data-v-06fd8034]{margin:0;font:inherit}.question-counter[data-v-06fd8034]:focus{outline:none}.progress-track[data-v-06fd8034]{height:6px;border-radius:3px;background:#8884;overflow:hidden}.progress-fill[data-v-06fd8034]{height:100%;background:#2b6cb0;transition:width .2s ease}.transport-row[data-v-06fd8034]{display:flex;justify-content:space-between;align-items:center;margin:.5rem 0}.hear-button[data-v-06fd8034]{display:inline-flex;align-items:center;min-height:48px;padding:.5rem 1rem;border-radius:8px;border:1px solid var(--color-link, #2b6cb0);background:transparent;color:CanvasText}.hear-button[data-v-06fd8034]:disabled{opacity:.5}.audio-state-panel[data-v-06fd8034]{padding:.75rem;border-radius:8px;margin:.75rem 0;background:var(--surface-chart, transparent)}.audio-state-panel p[data-v-06fd8034]{margin:0 0 .5rem}.audio-state-panel .hint[data-v-06fd8034]{color:var(--color-text-muted);font-size:.85rem;margin:0}.panel-actions[data-v-06fd8034]{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:.5rem}.panel-actions button[data-v-06fd8034]{min-height:44px;padding:.6rem 1rem;border-radius:8px;border:2px solid var(--color-link, #2b6cb0);background:transparent;font-weight:600}.feedback[data-v-06fd8034]{text-align:center;font-weight:600;padding:.5rem;min-height:1.5rem;background:transparent}.feedback-correct[data-v-06fd8034]{color:var(--color-success, #2f855a)}.feedback-incorrect[data-v-06fd8034]{color:var(--color-danger, #c0392b)}.submit-button[data-v-06fd8034]{display:block;margin:1rem auto 0;padding:.75rem 2rem;font-size:1rem;font-weight:600;border-radius:8px;border:none;background:#2b6cb0;color:#fff}.submit-button[data-v-06fd8034]:disabled{opacity:.5;cursor:not-allowed}.banner[data-v-06fd8034]{padding:.5rem .75rem;border-radius:6px;margin:.5rem 0}.banner-error[data-v-06fd8034]{background:var(--color-danger-tint, #c0392b1a);border:1px solid var(--color-danger, #c0392b)}h1[data-v-21cf3b09]{font-size:1.25rem;text-transform:capitalize}h1[data-v-21cf3b09]:focus{outline:none}.summary[data-v-21cf3b09]{font-size:1.1rem;margin:1rem 0}.trend-line[data-v-21cf3b09]{opacity:.85;font-size:.9rem}.focus-disclosure[data-v-21cf3b09]{margin:-.5rem 0 1rem}.results-table[data-v-21cf3b09]{width:100%;border-collapse:collapse;margin-bottom:1.5rem}.results-table th[data-v-21cf3b09],.results-table td[data-v-21cf3b09]{text-align:left;padding:.4rem .5rem;border-bottom:1px solid #8884;font-size:.9rem}.actions[data-v-21cf3b09]{display:flex;gap:.75rem;flex-wrap:wrap}.actions button[data-v-21cf3b09]{padding:.6rem 1rem;border-radius:8px;border:2px solid #2b6cb0;background:transparent;font-weight:600}.drill-button[aria-disabled=true][data-v-21cf3b09]{border-color:#8888;color:#666;cursor:not-allowed}.drill-button[aria-disabled=true][data-v-21cf3b09]:hover{border-color:#8888}.hint[data-v-21cf3b09]{opacity:.75;font-size:.9rem}.drill-disabled-note[data-v-21cf3b09]{margin:.5rem 0 0}.link-button[data-v-21cf3b09]{display:block;margin-top:.75rem;background:none;border:none;padding:0;color:var(--color-link, #2b6cb0);font-weight:600;text-decoration:underline;font-size:.95rem}.banner[data-v-21cf3b09]{padding:.5rem .75rem;border-radius:6px;margin-bottom:1rem}.banner-error[data-v-21cf3b09]{background:var(--color-danger-tint, #c0392b1a);border:1px solid var(--color-danger, #c0392b)}.back-row[data-v-12976706]{margin:0 0 .75rem}h1[data-v-12976706]{font-size:1.5rem;margin:0 0 1rem}h1[data-v-12976706]:focus{outline:none}.cleared-status[data-v-12976706]{font-size:.95rem;margin:0}.cleared-status-filled[data-v-12976706]{margin:0 0 1rem}.link-button[data-v-12976706]{background:none;border:none;padding:0;color:var(--color-link, #2b6cb0);font-weight:600;text-decoration:underline;white-space:nowrap}.storage-note[data-v-12976706],.pending-note[data-v-12976706]{font-size:.9rem;color:var(--color-text-muted);margin:0 0 1rem}.empty-state[data-v-12976706],.unreadable-state[data-v-12976706]{text-align:center;padding:2rem 1rem}.empty-state p[data-v-12976706],.unreadable-state p[data-v-12976706]{margin:.25rem 0}.start-button[data-v-12976706]{display:inline-block;margin-top:1rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border-radius:8px;border:none;background:#2b6cb0;color:#fff;text-decoration:none}.topic-card[data-v-12976706]{border:2px solid #8888;border-radius:8px;padding:.75rem 1rem;margin-bottom:1rem}.topic-card h2[data-v-12976706]{font-size:1.05rem;margin:0 0 .4rem}.weak-spot-card[data-v-12976706]{border:2px solid #2b6cb0;border-radius:8px;padding:.75rem 1rem;margin-bottom:1rem}.weak-spot-card h2[data-v-12976706]{font-size:1.05rem;margin:0 0 .4rem}.stat-line[data-v-12976706]{margin:.2rem 0;font-size:.95rem}.trend-line[data-v-12976706]{color:var(--color-text-muted)}.no-history-group[data-v-12976706]{margin-bottom:1.5rem}.no-history-line[data-v-12976706]{font-size:.9rem;color:var(--color-text-muted);margin:.25rem 0}.clear-button[data-v-12976706]{padding:.6rem 1rem;border-radius:8px;border:2px solid var(--color-danger, #c0392b);background:transparent;color:var(--color-danger, #c0392b);font-weight:600}h1[data-v-6890ca37]{font-size:1.5rem;margin:0 0 .5rem}.body[data-v-6890ca37]{margin:0 0 1rem}.link-button[data-v-6890ca37]{color:var(--color-link, #2b6cb0);font-weight:600;text-decoration:underline}