:root{--color-bg:#fff;--color-surface:#f5f7fb;--color-text:#141a2b;--color-muted:#586178;--color-border:#d3d9e6;--color-accent:#1e40af;--color-on-accent:#fff;--color-focus-ring:#2563eb;--color-neck:#eef1f7;--color-fret-wire:#98a1b5;--color-nut:#141a2b;--color-string:#4a5368;--color-note:#475069;--color-chord-tone:#2563eb;--color-target:#1e3a8a;--color-on-target:#fff;--color-connect:#b45309;--color-area-home:#1e40af1a;--color-area-neighbor:#b453091f;--color-now:#1e40af;--color-now-soft:#dbe5ff;--color-mixture:#7c3aed;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;font:16px/1.5 system-ui,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--color-bg:#0f1320;--color-surface:#171d2e;--color-text:#eef1f8;--color-muted:#a2abc2;--color-border:#2e3750;--color-accent:#93b4ff;--color-on-accent:#0f1320;--color-focus-ring:#93c5fd;--color-neck:#1c2336;--color-fret-wire:#5b6580;--color-nut:#eef1f8;--color-string:#aab3c9;--color-note:#b9c2d8;--color-chord-tone:#60a5fa;--color-target:#bfdbfe;--color-on-target:#0f1320;--color-connect:#fbbf24;--color-area-home:#93b4ff1f;--color-area-neighbor:#fbbf241f;--color-now:#93b4ff;--color-now-soft:#24304f;--color-mixture:#c4b5fd}}*{box-sizing:border-box}body{background:var(--color-bg);min-height:100vh;margin:0}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}button,select{font:inherit}:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important;animation-duration:0s!important}}._figure_nzk38_1{flex-direction:column;gap:.5rem;margin:0;display:flex}._scroller_nzk38_8{-webkit-overflow-scrolling:touch;border:1px solid var(--color-border);background:var(--color-bg);border-radius:.6rem;padding:.5rem;overflow-x:auto}._svg_nzk38_17{width:100%;height:auto;margin:0 auto;display:block}._neck_nzk38_24{fill:var(--color-neck)}._areaBand_nzk38_28{transition:opacity .2s}._area-primary_nzk38_32 ._areaBand_nzk38_28{fill:var(--color-area-home)}._area-secondary_nzk38_36 ._areaBand_nzk38_28{fill:var(--color-area-neighbor)}._areaLabel_nzk38_40{fill:var(--color-text);font-size:12px;font-weight:700}._nut_nzk38_46{stroke:var(--color-nut);stroke-width:4px}._fretWire_nzk38_51{stroke:var(--color-fret-wire);stroke-width:1.5px}._fretNumber_nzk38_56{fill:var(--color-muted);font-size:11px}._string_nzk38_61{stroke:var(--color-string)}._label_nzk38_65{pointer-events:none;font-size:11px;font-weight:700}._plain_nzk38_72 ._dot_nzk38_72{fill:var(--color-neck);stroke:var(--color-note);stroke-width:2px}._plain_nzk38_72 ._label_nzk38_65{fill:var(--color-note)}._chordTone_nzk38_83 ._dot_nzk38_72{fill:var(--color-chord-tone)}._chordTone_nzk38_83 ._label_nzk38_65{fill:var(--color-on-target)}._primary_nzk38_92 ._dot_nzk38_72{fill:var(--color-target)}._primary_nzk38_92 ._label_nzk38_65{fill:var(--color-on-target)}._targetRing_nzk38_100{fill:none;stroke:var(--color-target);stroke-width:2.5px}._connectionRing_nzk38_107{fill:none;stroke:var(--color-connect);stroke-width:2.5px;stroke-dasharray:4 3}._dot_nzk38_72,._label_nzk38_65{transition:fill .18s,stroke .18s}._colorToneDiamond_nzk38_123{fill:none;stroke:var(--color-mixture);stroke-width:2.5px;stroke-dasharray:3 2}._colorTone_nzk38_123 ._label_nzk38_65{fill:var(--color-mixture)}._caption_nzk38_134{color:var(--color-muted);font-size:.9rem}._legend_nzk38_139{color:var(--color-muted);flex-wrap:wrap;gap:.25rem 1.1rem;margin:0;padding:0;font-size:.85rem;list-style:none;display:flex}._legend_nzk38_139 li{align-items:center;gap:.35rem;display:inline-flex}._panel_1dhms_1{border:1px solid var(--color-border);background:var(--color-surface);border-radius:.75rem;flex-direction:column;gap:.75rem;padding:1rem 1.1rem;display:flex}._current_1dhms_11{flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem;margin:0;display:flex}._currentLabel_1dhms_19{letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted);font-size:.75rem;font-weight:700}._chord_1dhms_27{color:var(--color-now);font-size:2rem;font-weight:800;line-height:1}._bar_1dhms_34{color:var(--color-muted);font-size:.85rem}._list_1dhms_39{flex-direction:column;gap:.6rem;margin:0;display:flex}._item_1dhms_46{grid-template-columns:5.5rem 1fr;gap:.75rem;display:grid}._item_1dhms_46 dt{letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent);padding-top:.15rem;font-size:.8rem;font-weight:800}._item_1dhms_46 dd{margin:0;font-size:1.02rem}._comingUp_1dhms_66{border-left:3px solid var(--color-now);background:var(--color-now-soft);border-radius:0 .4rem .4rem 0;margin:0;padding:.5rem .75rem;font-weight:600}@media (width<=480px){._item_1dhms_46{grid-template-columns:1fr;gap:.15rem}}._section_1p4wk_1{flex-direction:column;gap:.5rem;display:flex}._heading_1p4wk_7{flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem;margin:0;font-size:1rem;display:flex}._hint_1p4wk_16{color:var(--color-muted);font-size:.85rem;font-weight:400}._grid_1p4wk_22{grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem;margin:0;padding:0;list-style:none;display:grid}._cell_1p4wk_31{display:flex}._bar_1p4wk_35{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;border-radius:.5rem;flex-direction:column;flex:1;align-items:center;gap:.1rem;padding:.55rem .25rem .45rem;transition:background .15s,border-color .15s;display:flex;position:relative}._bar_1p4wk_35:disabled{cursor:default}._bar_1p4wk_35:not(:disabled):hover{border-color:var(--color-accent)}._barNumber_1p4wk_61{color:var(--color-muted);font-size:.7rem;position:absolute;top:.2rem;left:.4rem}._chord_1p4wk_69{font-size:1.25rem;font-weight:700}._tag_1p4wk_74{letter-spacing:.04em;text-transform:uppercase;font-size:.7rem;font-weight:700}._now_1p4wk_81{border:3px solid var(--color-now);background:var(--color-now-soft);padding:.45rem .15rem .35rem}._now_1p4wk_81 ._tag_1p4wk_74{color:var(--color-now)}._next_1p4wk_91{border-style:dashed;border-color:var(--color-now)}._next_1p4wk_91 ._tag_1p4wk_74{color:var(--color-muted)}@media (width<=480px){._chord_1p4wk_69{font-size:1.05rem}}._bar_12uog_1{flex-wrap:wrap;align-items:flex-end;gap:.75rem 1rem;display:flex}._field_12uog_8{flex-direction:column;gap:.3rem;display:flex}._field_12uog_8 label,._label_12uog_15{font-size:.8rem;font-weight:700}._control_12uog_20,._static_12uog_21{border:1px solid var(--color-border);background:var(--color-surface);color:inherit;border-radius:.4rem;padding:.5rem .6rem;font-size:1rem}._static_12uog_21{color:var(--color-muted);border-style:dashed}._pendingStyle_12uog_35{color:var(--color-muted);max-width:14rem;margin:0;font-size:.78rem}._volume_12uog_42{width:8rem;accent-color:var(--color-accent)}._transport_12uog_47{background:var(--color-accent);color:var(--color-on-accent);cursor:pointer;border:0;border-radius:999px;margin-left:auto;padding:.6rem 1.2rem;font-weight:700}._stop_12uog_58{background:var(--color-text);color:var(--color-bg)}@media (width<=560px){._field_12uog_8{flex:40%}._transport_12uog_47{flex:100%;margin-left:0}}._panel_14xqw_1{border:1px solid var(--color-border);background:var(--color-surface);border-radius:.75rem;flex-direction:column;gap:.6rem;padding:1rem 1.1rem;display:flex}._heading_14xqw_11{margin:0;font-size:1rem}._text_14xqw_16{color:var(--color-muted);margin:0}._buttons_14xqw_21{flex-wrap:wrap;gap:.5rem;display:flex}._primary_14xqw_27,._secondary_14xqw_28{cursor:pointer;border-radius:999px;padding:.6rem 1rem;font-weight:700}._primary_14xqw_27{background:var(--color-accent);color:var(--color-on-accent);border:0}._secondary_14xqw_28{border:2px solid var(--color-accent);color:var(--color-accent);background:0 0}._app_k9f6x_1{flex-direction:column;gap:1.25rem;max-width:68rem;margin:0 auto;padding:1.5rem 1rem 3rem;display:flex}._header_k9f6x_10 h1{margin:0 0 .2rem;font-size:1.75rem}._tagline_k9f6x_15{color:var(--color-muted);margin:0}._notice_k9f6x_20{border:1px solid var(--color-connect);background:var(--color-area-neighbor);border-radius:.5rem;margin:0;padding:.6rem .8rem}._main_k9f6x_28{flex-direction:column;gap:1rem;display:flex}._columns_k9f6x_34{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start;gap:1rem;display:grid}@media (width<=760px){._columns_k9f6x_34{grid-template-columns:1fr}}