:root{--color-bg:#fff;--color-surface:#f4f4f5;--color-text:#18181b;--color-text-muted:#71717a;--color-border:#d4d4d8;--color-accent:#2563eb;--color-accent-contrast:#fff;--color-neutral:#52525b;--color-neutral-contrast:#fff;--color-mode-ionian:#7c3aed;--color-mode-dorian:#0891b2;--color-mode-phrygian:#db2777;--color-mode-lydian:#65a30d;--color-mode-mixolydian:#ea580c;--color-mode-aeolian:#d97706;--color-mode-locrian:#4f46e5;--color-pentatonic-major:#16a34a;--color-pentatonic-minor:#be123c;--color-triad-major:#0d9488;--color-triad-minor:#c026d3;--color-triad-diminished:#dc2626;--color-triad-augmented:#ca8a04;--color-triad-shape-root:#0284c7;--color-triad-shape-first:#059669;--color-triad-shape-second:#92400e;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-8:3rem;--font-family-base:system-ui, -apple-system, "Segoe UI", sans-serif;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px #00000014;--shadow-md:0 2px 8px #0000001f}@media (prefers-color-scheme:dark){:root{--color-bg:#18181b;--color-surface:#27272a;--color-text:#f4f4f5;--color-text-muted:#a1a1aa;--color-border:#3f3f46;--color-mode-ionian:#a78bfa;--color-mode-dorian:#22d3ee;--color-mode-phrygian:#f472b6;--color-mode-lydian:#a3e635;--color-mode-mixolydian:#fb923c;--color-mode-aeolian:#fbbf24;--color-mode-locrian:#818cf8;--color-pentatonic-major:#4ade80;--color-pentatonic-minor:#fb7185;--color-triad-major:#2dd4bf;--color-triad-minor:#e879f9;--color-triad-diminished:#f87171;--color-triad-augmented:#facc15;--color-triad-shape-root:#38bdf8;--color-triad-shape-first:#34d399;--color-triad-shape-second:#d97706}}*,:before,:after{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-family-base);font-size:var(--font-size-base);margin:0}._group_2752y_1{gap:var(--space-2);flex-direction:column;display:flex}._option_2752y_7{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text);cursor:pointer;display:inline-flex}._option_2752y_7 input{flex-shrink:0;width:16px;height:16px;margin:0}._swatch_2752y_23{border-radius:var(--radius-full);flex-shrink:0;width:10px;height:10px}._toggle_1ans7_1{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text);cursor:pointer;display:inline-flex}._toggle_1ans7_1 input{flex-shrink:0;width:16px;height:16px;margin:0}._swatch_1ans7_17{border-radius:var(--radius-full);flex-shrink:0;width:10px;height:10px}._container_x6zlx_1{gap:var(--space-4);flex-wrap:wrap;width:100%;max-width:1120px;display:flex}._fieldset_x6zlx_9{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);flex:160px}._tuningFieldset_x6zlx_16{flex:180px}._scalesFieldset_x6zlx_20{flex:2 330px}._triadsFieldset_x6zlx_24{flex:2 360px}._displayFieldset_x6zlx_28{flex:2 180px}._list_x6zlx_32{gap:var(--space-2);margin-top:var(--space-2);margin-bottom:var(--space-2);flex-direction:column;display:flex}._triadRow_x6zlx_40{align-items:flex-start;gap:var(--space-4);margin-top:var(--space-2);display:flex}._triadShapes_x6zlx_47{gap:var(--space-2);padding-left:var(--space-4);border-left:1px solid var(--color-border);flex-direction:column;display:flex}._marker_1u6k7_1{cursor:pointer}._marker_1u6k7_1:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}._accent_1u6k7_10{fill:var(--color-accent)}._neutral_1u6k7_14{fill:var(--color-neutral)}._label_1u6k7_18{font-size:var(--font-size-sm);fill:var(--color-neutral-contrast);pointer-events:none}._accentLabel_1u6k7_24{fill:var(--color-accent-contrast)}._sublabel_1u6k7_28{fill:var(--color-text-muted);pointer-events:none;font-size:9px}._fretboard_1ok0t_1{width:100%;max-width:1200px;height:auto}._stringLine_1ok0t_7{stroke:var(--color-text);stroke-width:1.5px}._fretLine_1ok0t_12{stroke:var(--color-border);stroke-width:1.5px}._nutLine_1ok0t_17{stroke:var(--color-text);stroke-width:4px}._fretNumber_1ok0t_22,._stringLabel_1ok0t_27{font-size:var(--font-size-sm);fill:var(--color-text-muted)}._app_j8g34_1{align-items:center;gap:var(--space-5);min-height:100vh;padding:var(--space-6);flex-direction:column;display:flex}._title_j8g34_10{font-size:var(--font-size-xl);color:var(--color-text)}