: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}.alt.svelte-nquyda{margin:4px 0 0;color:var(--fw-text-dim);font-size:12px;line-height:1.35}.discovery.svelte-nquyda{padding-left:12px;border-left:2px solid var(--fw-accent)}.position-nav.svelte-fj5ixu{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:12px;margin-bottom:10px}.position-arrow.svelte-fj5ixu{width:48px;min-height:48px;border:1px solid var(--fw-line);border-radius:12px;background:var(--fw-surface);color:var(--fw-accent);font-size:22px;cursor:pointer;transition:border-color .15s,background .15s,transform .08s,opacity .15s;-webkit-tap-highlight-color:transparent}.position-arrow.svelte-fj5ixu:hover:not(:disabled){border-color:var(--fw-accent)}.position-arrow.svelte-fj5ixu:active:not(:disabled){transform:scale(.96)}.position-arrow.svelte-fj5ixu:disabled{opacity:.28;cursor:default;color:var(--fw-text-dim)}.position-copy.svelte-fj5ixu{min-width:0;text-align:center;display:flex;flex-direction:column;gap:2px}.position-copy.svelte-fj5ixu strong:where(.svelte-fj5ixu){font-size:15px;font-weight:600}.position-copy.svelte-fj5ixu span:where(.svelte-fj5ixu){color:var(--fw-text-dim);font-size:13px}.guide.svelte-49t0kh{display:flex;flex-direction:column;gap:9px;min-width:min(100%,390px)}.guide-main.svelte-49t0kh{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}button.svelte-49t0kh{min-height:44px;padding:9px 14px;border:1px solid var(--fw-line);border-radius:9px;background:var(--fw-surface);color:var(--fw-text);font:inherit;cursor:pointer}button.svelte-49t0kh:disabled{opacity:.4;cursor:default}.primary.svelte-49t0kh{border-color:var(--fw-accent);background:var(--fw-accent);color:#0b0b0d;font-weight:500}.stop.svelte-49t0kh{background:transparent;color:var(--fw-accent)}.tempo.svelte-49t0kh{display:flex;align-items:center;gap:8px}.tempo.svelte-49t0kh span:where(.svelte-49t0kh){min-width:66px;text-align:center;color:var(--fw-text-dim);font-size:13px;font-variant-numeric:tabular-nums}.guide-readout.svelte-49t0kh{min-height:42px;padding:10px 12px;border-radius:9px;background:var(--fw-surface);display:flex;justify-content:space-between;gap:12px;color:var(--fw-text-dim);font-size:13px;line-height:1.45}.guide-readout.svelte-49t0kh strong:where(.svelte-49t0kh){color:var(--fw-text);font-weight:500}.guide-readout.svelte-49t0kh span:where(.svelte-49t0kh):last-child{white-space:nowrap}.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}}.tuning.svelte-av7ov0{margin:20px 0 18px;position:relative;z-index:10}.section-label.svelte-av7ov0{margin:0 0 8px;color:var(--fw-text-dim);font-size:12px;letter-spacing:.05em;text-transform:uppercase}.tuning-button.svelte-av7ov0,.tuning-option.svelte-av7ov0{width:100%;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;font:inherit}.tuning-button.svelte-av7ov0:hover,.tuning-option.svelte-av7ov0:hover{border-color:var(--fw-accent)}.tuning-button.svelte-av7ov0:active,.tuning-option.svelte-av7ov0:active{transform:scale(.99)}.tuning-icon.svelte-av7ov0{width:36px;min-width:36px;color:var(--fw-text-dim);font-size:13px;font-variant-numeric:tabular-nums}.tuning-copy.svelte-av7ov0{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.tuning-title.svelte-av7ov0{font-size:16px;font-weight:500}.tuning-notes.svelte-av7ov0{color:var(--fw-text-dim);font-size:13px;line-height:1.5}.tuning-action.svelte-av7ov0{color:var(--fw-text-dim);font-size:13px;white-space:nowrap}.tuning-button[aria-expanded=true].svelte-av7ov0{border-color:color-mix(in srgb,var(--fw-accent) 70%,var(--fw-line));background:var(--fw-surface-2)}.tuning-list.svelte-av7ov0{position:absolute;left:0;right:0;top:calc(100% - 24px);bottom:auto;opacity:0;transform:translateY(-4px) scale(.99);transform-origin:top center;pointer-events:none;transition:opacity .15s ease,transform .15s ease}.tuning-list.open-above.svelte-av7ov0{top:auto;bottom:calc(100% - 24px);transform:translateY(4px) scale(.99);transform-origin:bottom center}.tuning-list.open.svelte-av7ov0{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.tuning-list-inner.svelte-av7ov0{max-height:min(62vh,620px);overflow:auto;border:1px solid var(--fw-line);border-radius:16px;background:color-mix(in srgb,var(--fw-bg) 92%,transparent);box-shadow:0 18px 48px #0000006b;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.tuning-options.svelte-av7ov0{display:flex;flex-direction:column;gap:8px;padding:10px}.tuning-option.svelte-av7ov0{min-height:58px;padding:13px 16px;border-radius:12px}.tuning-option.active.svelte-av7ov0{background:var(--fw-accent);border-color:var(--fw-accent);color:#0b0b0d}.tuning-option.active.svelte-av7ov0 .tuning-notes:where(.svelte-av7ov0){color:#0b0b0db8}.tuning-check.svelte-av7ov0{width:22px;min-width:22px;color:transparent;font-size:16px;text-align:center}.tuning-option.active.svelte-av7ov0 .tuning-check:where(.svelte-av7ov0){color:#0b0b0d}@media(max-width:520px){.tuning-action.svelte-av7ov0{display:none}.tuning-button.svelte-av7ov0{padding:15px 16px}}.hero.svelte-1n46o8q{margin:8px 0 22px;text-align:center}.wordmark.svelte-1n46o8q{margin:0;line-height:0}.logo.svelte-1n46o8q{width:min(72vw,400px);height:auto;display:block;margin:0 auto}.hero.svelte-1n46o8q p:where(.svelte-1n46o8q){color:var(--fw-text-dim);margin:6px auto 0;font-size:15px;line-height:1.6;max-width:46ch}.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;min-height:40px}.crumb.svelte-1n46o8q{font-size:13px;color:var(--fw-text-dim);font-variant-numeric:tabular-nums}.tuning-pill.svelte-1n46o8q{min-width:0;padding:5px 9px;border:1px solid var(--fw-line);border-radius:999px;color:var(--fw-text-dim);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reset.svelte-1n46o8q{min-height:40px;margin-left:auto;padding:7px 12px;border:1px solid var(--fw-line);border-radius:9px;background:transparent;color:var(--fw-text-dim);font-size:13px;cursor:pointer;transition:border-color .15s,color .15s,transform .08s;-webkit-tap-highlight-color:transparent}.reset.svelte-1n46o8q:hover{border-color:var(--fw-accent);color:var(--fw-text)}.reset.svelte-1n46o8q:active{transform:scale(.97)}.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}}@media(max-width:560px){.tuning-pill.svelte-1n46o8q{display:none}}