:root{--color-bg:#fff;--color-surface:#f8f7fb;--color-text:#1a1523;--color-muted:#6b6375;--color-border:#d9d7e0;--color-border-subtle:#e9e8ee;--color-accent:#7c3aed;--color-accent-soft:#ede4fd;--color-accent-contrast:#4c1d95;--color-on-accent:#fff;--color-root:var(--color-accent);--color-root-contrast:var(--color-on-accent);--color-chord-tone:#b45309;--color-chord-tone-contrast:#fffaf0;--color-scale-tone:#0f766e;--color-passing-tone:#57534e;--color-neck:#eeecf3;--color-fret-wire:#9b94a6;--color-fret-number:var(--color-muted);--color-nut:var(--color-text);--color-string:#514a5c;--color-fret-inlay:#b0aab9;--color-focus-ring:#2563eb;--color-sounding:#dc2626;--color-caged-overlay:#7c3aed1f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--color-text);background:var(--color-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font:16px/1.5 system-ui,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--color-bg:#121016;--color-surface:#1c1a22;--color-text:#f1eef7;--color-muted:#a79fb3;--color-border:#38333f;--color-border-subtle:#2b2732;--color-accent:#a78bfa;--color-accent-soft:#352b52;--color-accent-contrast:#ede9fe;--color-on-accent:#1a1523;--color-chord-tone:#fbbf24;--color-chord-tone-contrast:#3a2a04;--color-scale-tone:#2dd4bf;--color-passing-tone:#a8a29e;--color-neck:#221f2b;--color-nut:var(--color-text);--color-fret-wire:#635c70;--color-fret-inlay:#514a5f;--color-string:#b8b1c4;--color-focus-ring:#60a5fa;--color-sounding:#f87171;--color-caged-overlay:#a78bfa2e}}*{box-sizing:border-box}body{min-height:100vh;margin:0}#root{min-height:100vh}._group_bexph_1{flex-direction:column;gap:.3rem;display:flex}._label_bexph_7{color:var(--color-text);font-size:.8rem;font-weight:700}._buttonRow_bexph_13{flex-wrap:wrap;gap:.5rem;display:flex}._button_bexph_13{border:1px solid var(--color-border);background:var(--color-surface);color:inherit;cursor:pointer;border-radius:.4rem;padding:.5rem .75rem;font-size:.9rem}._button_bexph_13:hover:not(:disabled){border-color:var(--color-accent)}._button_bexph_13:disabled{opacity:.5;cursor:not-allowed}._button_bexph_13:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}._hint_bexph_43{color:var(--color-muted);margin:0;font-size:.78rem}._field_1xevl_1{flex-direction:column;gap:.3rem;min-width:9rem;display:flex}._field_1xevl_1 label{color:var(--color-text);font-size:.8rem;font-weight:700}._control_1xevl_14{border:1px solid var(--color-border);background:var(--color-surface);color:inherit;border-radius:.4rem;padding:.5rem .6rem;font-size:1rem}._control_1xevl_14:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}._wrapper_c8jv1_1{flex-direction:column;gap:.5rem;display:flex}._caption_c8jv1_7{color:var(--color-text);margin:0;font-size:.95rem;font-weight:600}._visuallyHidden_c8jv1_15{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}._boardContainer_c8jv1_30{position:relative}._scrollWrapper_c8jv1_28{-webkit-overflow-scrolling:touch;border:1px solid var(--color-border);background:var(--color-bg);border-radius:.5rem;width:100%;padding:.5rem;overflow-x:auto}._scrollFade_c8jv1_48{background:linear-gradient(to right, transparent, var(--color-neck) 85%);pointer-events:none;border-radius:0 .5rem .5rem 0;width:2rem;position:absolute;top:1px;bottom:1px;right:1px}._scrollHint_c8jv1_47{color:var(--color-muted);margin:0;font-size:.78rem}._svg_c8jv1_65{display:block}._svg_c8jv1_65:focus{outline:none}._svg_c8jv1_65:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:3px;border-radius:4px}._neckBackground_c8jv1_79{fill:var(--color-neck)}._cagedWindow_c8jv1_83{fill:var(--color-caged-overlay)}._nut_c8jv1_87{stroke:var(--color-nut);stroke-width:4px}._fretWire_c8jv1_92{stroke:var(--color-fret-wire);stroke-width:1.5px}._fretNumber_c8jv1_97{fill:var(--color-fret-number);font-size:10px;font-weight:500}._fretInlay_c8jv1_103{fill:var(--color-fret-inlay)}._string_c8jv1_107{stroke:var(--color-string);stroke-linecap:round}._marker_c8jv1_112{cursor:pointer}._noInteraction_c8jv1_116{pointer-events:none}._hitArea_c8jv1_120{fill:#0000}._dimmed_c8jv1_124{opacity:.35}@keyframes _markerEnter_c8jv1_1{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes _markerFade_c8jv1_1{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.55)}}@keyframes _crossfadeOut_c8jv1_214{0%{opacity:1}to{opacity:0}}@keyframes _crossfadeIn_c8jv1_218{0%{opacity:0}to{opacity:1}}@keyframes _pulseRing_c8jv1_222{0%{opacity:.55;transform:scale(.85)}to{opacity:0;transform:scale(1.9)}}@keyframes _releaseRing_c8jv1_232{0%{opacity:.45;transform:scale(1.3)}to{opacity:0;transform:scale(1)}}._entering_c8jv1_202{animation:_markerEnter_c8jv1_1 var(--dur) ease-out both;transform-box:fill-box;transform-origin:50%}._fading_c8jv1_208{animation:_markerFade_c8jv1_1 var(--dur) ease-in both;transform-box:fill-box;transform-origin:50%}._crossfadeOut_c8jv1_214{animation:_crossfadeOut_c8jv1_214 var(--dur) ease-in both}._crossfadeIn_c8jv1_218{animation:_crossfadeIn_c8jv1_218 var(--dur) ease-out both}._pulseRing_c8jv1_222{fill:none;stroke:var(--color-sounding);stroke-width:2px;animation:_pulseRing_c8jv1_222 var(--dur) ease-out both;transform-box:fill-box;transform-origin:50%;pointer-events:none}._releaseRing_c8jv1_232{fill:none;stroke:var(--color-sounding);stroke-width:1.5px;animation:_releaseRing_c8jv1_232 var(--dur) ease-in both;transform-box:fill-box;transform-origin:50%;pointer-events:none}._soundingIndicator_c8jv1_249{fill:none;stroke:var(--color-sounding);stroke-width:1.5px;stroke-dasharray:2 2;pointer-events:none}@media (prefers-reduced-motion:reduce){._entering_c8jv1_202,._fading_c8jv1_208,._crossfadeOut_c8jv1_214,._crossfadeIn_c8jv1_218,._pulseRing_c8jv1_222,._releaseRing_c8jv1_232{animation-duration:0s}}._noteLabel_c8jv1_271{pointer-events:none;font-size:10px;font-weight:600}._root_c8jv1_279 ._rootRing_c8jv1_279{fill:var(--color-neck);stroke:var(--color-root);stroke-width:2.5px}._root_c8jv1_279 ._rootDot_c8jv1_285{fill:var(--color-root)}._root_c8jv1_279 ._noteLabel_c8jv1_271{fill:var(--color-root-contrast)}._chordTone_c8jv1_294 ._chordCircle_c8jv1_294{fill:var(--color-chord-tone);stroke:var(--color-chord-tone-contrast);stroke-width:1px}._chordTone_c8jv1_294 ._noteLabel_c8jv1_271{fill:var(--color-chord-tone-contrast)}._scaleTone_c8jv1_306 ._scaleCircle_c8jv1_306{fill:var(--color-neck);stroke:var(--color-scale-tone);stroke-width:2px}._scaleTone_c8jv1_306 ._noteLabel_c8jv1_271{fill:var(--color-scale-tone)}._passingTone_c8jv1_318 ._passingDiamond_c8jv1_318{fill:var(--color-neck);stroke:var(--color-passing-tone);stroke-width:1.5px;stroke-dasharray:3 2}._passingTone_c8jv1_318 ._noteLabel_c8jv1_271{fill:var(--color-passing-tone);font-weight:500}._focusRing_c8jv1_330{fill:none;stroke:var(--color-focus-ring);stroke-width:2.5px}._legend_c8jv1_336{flex-wrap:wrap;gap:.25rem 1rem;margin:0;padding:0;list-style:none;display:flex}._legendItem_c8jv1_345{color:var(--color-muted);align-items:center;gap:.35rem;font-size:.8rem;display:inline-flex}._legendItem_c8jv1_345 svg{flex-shrink:0}@media (width<=640px){._noteLabel_c8jv1_271,._fretNumber_c8jv1_97{font-size:9px}._legend_c8jv1_336{gap:.25rem .75rem}}._app_ujok6_1{flex-direction:column;gap:1.5rem;max-width:64rem;margin:0 auto;padding:1.5rem 1rem 3rem;display:flex}._header_ujok6_10 h1{margin:0 0 .25rem;font-size:1.75rem}._subtitle_ujok6_15{color:var(--color-muted);margin:0}._controls_ujok6_20{flex-wrap:wrap;gap:1rem;display:flex}._status_ujok6_26{color:var(--color-muted);margin:.75rem 0 0;font-size:.85rem}@media (width<=480px){._controls_ujok6_20{flex-direction:column}._controls_ujok6_20>*{min-width:0}}