:root{--fw-bg: #0e0e11;--fw-surface: #1a1a1f;--fw-surface-2: #232329;--fw-line: #3a3a42;--fw-text: #f0f0f2;--fw-text-dim: #9a9aa3;--fw-accent: #5dcaa5;--fw-root: #1d9e75;--fw-interval: #7f77dd;--fw-fifth: #d85a30;--fw-degree: #378add;--fw-penta: #e8c34a;--fw-tone-dim: #8a8a99;--fw-note-0: #e5564e;--fw-note-1: #e07a3e;--fw-note-2: #d6a23c;--fw-note-3: #c2bf4a;--fw-note-4: #5bbf5b;--fw-note-5: #3fbf8c;--fw-note-6: #3fb6c4;--fw-note-7: #3f8fd8;--fw-note-8: #6a78dd;--fw-note-9: #9a6fdd;--fw-note-10: #c45fc4;--fw-note-11: #e05a8f;--fw-font: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;background:var(--fw-bg);color:var(--fw-text);font-family:var(--fw-font);-webkit-font-smoothing:antialiased}h1,h2,h3{font-weight:500}a{color:var(--fw-accent)}.app{max-width:760px;margin:0 auto;padding:16px 16px 64px}@media(min-width:820px){.app.wide{max-width:min(94vw,1380px);padding:14px 32px 24px}}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:14px 0}.stat{background:var(--fw-surface);border-radius:10px;padding:12px 14px}.stat .k{font-size:12px;color:var(--fw-text-dim);margin:0 0 4px}.stat .v{font-size:18px;font-weight:500;margin:0}.theory{font-size:15px;line-height:1.7;color:var(--fw-text-dim);margin-top:14px}.theory strong{color:var(--fw-text);font-weight:500}.fretboard-wrap.svelte-183o4sz{width:100%;background:var(--fw-surface);border-radius:12px;padding:8px;box-sizing:border-box}canvas.svelte-183o4sz{display:block;width:100%;cursor:pointer;touch-action:manipulation}.group.svelte-w49llb{margin-bottom:16px}.label.svelte-w49llb{font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--fw-text-dim);margin:0 0 7px}.buttons.svelte-w49llb{display:flex;flex-wrap:wrap;gap:7px}button.svelte-w49llb{font-size:14px;font-weight:500;padding:9px 14px;min-height:40px;border-radius:9px;border:1px solid var(--fw-line);background:var(--fw-surface);color:var(--fw-text);cursor:pointer;transition:transform .08s,background .15s,border-color .15s;-webkit-tap-highlight-color:transparent}button.svelte-w49llb:active{transform:scale(.96)}button.active.svelte-w49llb{background:var(--fw-accent);border-color:var(--fw-accent);color:#0b0b0d}.play.svelte-7vuq36{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;padding:10px 18px;min-height:44px;border-radius:10px;border:1px solid var(--fw-accent);background:var(--fw-accent);color:#0b0b0d;cursor:pointer;transition:transform .08s,opacity .15s}.play.svelte-7vuq36:active{transform:scale(.97)}.play.svelte-7vuq36:disabled{opacity:.7}.ico.svelte-7vuq36{font-size:13px}.ml.svelte-1b7w4au{display:flex;flex-direction:column;gap:18px}.ml-controls.svelte-1b7w4au{display:flex;flex-direction:column;gap:14px}.ml-controls.svelte-1b7w4au .group{margin-bottom:0}.ml-controls.svelte-1b7w4au .ml-play{display:flex;justify-content:flex-end}.ml-readout.svelte-1b7w4au{display:flex;flex-direction:column;gap:8px}.ml-readout.svelte-1b7w4au .stat-grid{margin:0}@media(min-width:820px){.ml.svelte-1b7w4au{gap:16px}.ml-controls.svelte-1b7w4au{flex-direction:row;flex-wrap:wrap;align-items:flex-end;gap:14px 24px}.ml-controls.svelte-1b7w4au .ml-play{margin-left:auto;align-self:flex-end}.ml-readout.svelte-1b7w4au{display:grid;grid-template-columns:minmax(240px,320px) 1fr;gap:14px 32px;align-items:start}.ml-readout.svelte-1b7w4au .theory{font-size:14px;line-height:1.55;margin-top:9px}.ml-readout.svelte-1b7w4au .prose>.theory:first-child{margin-top:0}}.note-tools.svelte-nquyda{display:flex;align-items:flex-end;gap:8px}.clear.svelte-nquyda{min-height:40px;padding:9px 14px;border-radius:9px;font-size:14px;border:1px solid var(--fw-line);background:var(--fw-surface);color:var(--fw-text);cursor:pointer;display:inline-flex;align-items:center;gap:8px;-webkit-tap-highlight-color:transparent;transition:background .15s,border-color .15s,color .15s,transform .08s}.clear.svelte-nquyda:active{transform:scale(.96)}.clear.svelte-nquyda:hover:not(:disabled){border-color:var(--fw-accent)}.clear.svelte-nquyda:disabled{opacity:.4;cursor:default}.chord-diagram.svelte-1c5ejg5{display:block}.na-controls.svelte-crcc74{display:flex;flex-direction:column;gap:14px;width:100%}.na-top.svelte-crcc74{display:flex;flex-wrap:wrap;align-items:flex-start;gap:14px 28px}.na-chordzone.svelte-crcc74{display:flex;align-items:flex-start;gap:24px}.na-chordcol.svelte-crcc74{flex:1 1 auto;display:flex;flex-direction:column;gap:14px;min-width:0}.na-aside.svelte-crcc74{flex:none;display:flex;flex-direction:column;gap:12px}.na-diagram.svelte-crcc74{flex:none}.na-diagram-h.svelte-crcc74{font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--fw-text-dim);margin:0 0 7px}.na-play.svelte-crcc74{display:flex;flex-direction:column;gap:8px}.na-play.svelte-crcc74 button{width:100%;justify-content:center}@media(max-width:720px){.na-chordzone.svelte-crcc74{flex-direction:column}.na-play.svelte-crcc74{flex-direction:row}.na-play.svelte-crcc74 button{flex:1}}.na-legend.svelte-crcc74{display:flex;flex-wrap:wrap;gap:10px 16px;margin-bottom:10px;font-size:13px;color:var(--fw-text-dim)}.na-legend.svelte-crcc74 .leg:where(.svelte-crcc74){display:inline-flex;align-items:center;gap:7px}.na-legend.svelte-crcc74 .sw:where(.svelte-crcc74){width:13px;height:13px;border-radius:50%}.na-legend.svelte-crcc74 .sw-dim:where(.svelte-crcc74){width:11px;height:11px;opacity:.55}.na-legend.svelte-crcc74 .sw-ring:where(.svelte-crcc74){box-shadow:0 0 0 2px var(--fw-penta)}.cof-stage.svelte-1o9rxsq{display:flex;flex-direction:column;gap:10px}.circle-wrap.svelte-1o9rxsq{margin:8px 0 18px}text.svelte-1o9rxsq{-webkit-user-select:none;user-select:none}@media(min-width:820px){.cof-stage.svelte-1o9rxsq{display:grid;grid-template-columns:minmax(240px,300px) minmax(0,1fr);gap:28px;align-items:center}.circle-wrap.svelte-1o9rxsq{margin:0}.cof-board.svelte-1o9rxsq{min-width:0}}.hero.svelte-1n46o8q{margin:12px 0 22px}.hero.svelte-1n46o8q h1:where(.svelte-1n46o8q){font-size:30px;margin:0 0 6px;letter-spacing:-.02em}.hero.svelte-1n46o8q p:where(.svelte-1n46o8q){color:var(--fw-text-dim);margin:0;font-size:15px;line-height:1.6}.grid.svelte-1n46o8q{display:flex;flex-direction:column;gap:10px}.card.svelte-1n46o8q{display:flex;align-items:center;gap:14px;text-align:left;background:var(--fw-surface);border:1px solid var(--fw-line);border-radius:14px;padding:16px 18px;color:var(--fw-text);cursor:pointer;transition:transform .08s,border-color .15s,background .15s;-webkit-tap-highlight-color:transparent}.card.svelte-1n46o8q:active{transform:scale(.99)}.card.svelte-1n46o8q:hover{border-color:var(--fw-accent)}.num.svelte-1n46o8q{font-size:13px;color:var(--fw-text-dim);font-variant-numeric:tabular-nums;min-width:22px}.body.svelte-1n46o8q{display:flex;flex-direction:column;gap:3px;flex:1}.title.svelte-1n46o8q{font-size:16px;font-weight:500}.blurb.svelte-1n46o8q{font-size:13px;color:var(--fw-text-dim);line-height:1.5}.chev.svelte-1n46o8q{color:var(--fw-text-dim);font-size:18px}.about.svelte-1n46o8q{margin:28px 0 8px}.about.svelte-1n46o8q p:where(.svelte-1n46o8q){margin:0 0 6px;color:var(--fw-text-dim);font-size:13px;line-height:1.6}.about.svelte-1n46o8q p:where(.svelte-1n46o8q):last-child{margin-bottom:0}.about.svelte-1n46o8q a:where(.svelte-1n46o8q){color:var(--fw-accent);text-decoration:none}.about.svelte-1n46o8q a:where(.svelte-1n46o8q):hover{text-decoration:underline}.topbar.svelte-1n46o8q{display:flex;align-items:center;gap:12px;margin:6px 0 4px}.back.svelte-1n46o8q{background:none;border:none;color:var(--fw-accent);font-size:14px;cursor:pointer;padding:6px 0}.crumb.svelte-1n46o8q{font-size:13px;color:var(--fw-text-dim);font-variant-numeric:tabular-nums}.module-title.svelte-1n46o8q{font-size:24px;margin:6px 0 18px}.pager.svelte-1n46o8q{display:flex;justify-content:space-between;gap:10px;margin-top:30px}.pager.svelte-1n46o8q button:where(.svelte-1n46o8q){flex:1;padding:12px 16px;border-radius:10px;border:1px solid var(--fw-line);background:var(--fw-surface);color:var(--fw-text);cursor:pointer;display:flex;flex-direction:column;gap:3px;transition:border-color .15s,background .15s}.pager.svelte-1n46o8q button:where(.svelte-1n46o8q):hover:not(:disabled){border-color:var(--fw-accent)}.pager.svelte-1n46o8q button.prev:where(.svelte-1n46o8q){align-items:flex-start;text-align:left}.pager.svelte-1n46o8q button.next:where(.svelte-1n46o8q){align-items:flex-end;text-align:right}.pager.svelte-1n46o8q .dir:where(.svelte-1n46o8q){font-size:12px;color:var(--fw-text-dim)}.pager.svelte-1n46o8q .dest:where(.svelte-1n46o8q){font-size:15px;font-weight:500}.pager.svelte-1n46o8q button:where(.svelte-1n46o8q):disabled{opacity:.4;cursor:default}@media(min-width:820px){.app.wide.svelte-1n46o8q .topbar:where(.svelte-1n46o8q){margin:0 0 2px}.app.wide.svelte-1n46o8q .module-title:where(.svelte-1n46o8q){font-size:28px;margin:2px 0 12px}.app.wide.svelte-1n46o8q .pager:where(.svelte-1n46o8q){margin-top:16px}}