:root{--bg-app:#16191a;--bg-panel:#23282a;--bg-panel-raised:#2c3133;--bg-inset:#131718;--border:#0c0f10;--border-soft:#3a4140;--pad-bg:#2d4d3e;--pad-bg-empty:#232827;--pad-edge:#3f6b56;--pad-glow:#5fe39a;--text:#dfe4e2;--text-dim:#95a09b;--text-faint:#646d6a;--accent:#46d98a;--accent-dim:#2f9e63;--grade-perfect:#5fe39a;--grade-good:#d8e36a;--grade-fair:#e3a85f;--grade-poor:#e3645f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:radial-gradient(120% 120% at 50% 0%, #1e2324 0%, var(--bg-app) 60%);color:var(--text);margin:0}button{cursor:pointer;font-family:inherit}select{font-family:inherit}._app_9058o_1{flex-direction:column;gap:16px;max-width:780px;margin:0 auto;padding:24px 20px 48px;display:flex}._header_9058o_10{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}._brand_9058o_18{align-items:center;gap:10px;display:flex}._brandMark_9058o_24{color:var(--accent);font-size:22px}._brandTitle_9058o_29{color:var(--text);font-size:18px;font-weight:700;line-height:1.1}._brandSub_9058o_36{letter-spacing:2px;text-transform:uppercase;color:var(--text-dim);font-size:11px}._tabs_9058o_43{gap:4px;display:flex}._tab_9058o_43,._tabActive_9058o_49{border:1px solid var(--border-soft);background:var(--bg-inset);width:30px;height:30px;color:var(--text-dim);border-radius:7px;font-size:13px}._tabActive_9058o_49{background:var(--accent-dim);color:#06140d;border-color:var(--accent-dim);font-weight:700}._main_9058o_66{grid-template-columns:1fr 260px;align-items:start;gap:16px;display:grid}._audioHint_9058o_73{text-align:center;color:var(--text-dim);background:var(--bg-panel);border:1px dashed var(--border-soft);cursor:pointer;border-radius:8px;padding:10px;font-size:13px}@media (width<=720px){._main_9058o_66{grid-template-columns:1fr}}@media (width<=560px){._app_9058o_1{gap:12px;padding:14px 12px 40px}._header_9058o_10{justify-content:center}._brandSub_9058o_36{letter-spacing:1.5px}._tab_9058o_43,._tabActive_9058o_49{width:28px;height:28px;font-size:12px}}._bar_mmgdz_1{background:var(--bg-panel-raised);border:1px solid var(--border);border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;display:flex}._group_mmgdz_12{align-items:center;gap:10px;display:flex}._label_mmgdz_18{letter-spacing:1px;text-transform:uppercase;color:var(--text-dim);font-size:11px}._select_mmgdz_25{background:var(--bg-inset);color:var(--text);border:1px solid var(--border-soft);border-radius:6px;padding:6px 10px;font-size:14px}._accidental_mmgdz_34{background:var(--bg-inset);border:1px solid var(--border-soft);border-radius:8px;gap:2px;padding:3px;display:flex}._acc_mmgdz_34,._accActive_mmgdz_44{color:var(--text-dim);background:0 0;border:none;border-radius:6px;padding:6px 14px;font-size:13px}._accActive_mmgdz_44{background:var(--accent-dim);color:#06140d;font-weight:600}._bar_lb42o_1{background:var(--bg-panel-raised);border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px;display:flex}._random_lb42o_12{border:1px solid var(--accent-dim);background:var(--accent-dim);color:#06140d;border-radius:9px;padding:10px 16px;font-size:14px;font-weight:700}._random_lb42o_12:hover{background:var(--accent)}._opts_lb42o_26{flex-wrap:wrap;align-items:center;gap:4px;display:flex}._label_lb42o_33{letter-spacing:1px;text-transform:uppercase;color:var(--text-dim);margin-right:2px;font-size:11px}._on_lb42o_41,._off_lb42o_42{border:1px solid var(--border-soft);border-radius:6px;padding:6px 10px;font-size:12px}._on_lb42o_41{background:var(--accent-dim);color:#06140d;border-color:var(--accent-dim);font-weight:600}._off_lb42o_42{background:var(--bg-inset);color:var(--text-faint)}._clear_lb42o_61{border:1px solid var(--border-soft);background:var(--bg-inset);color:var(--text-dim);border-radius:8px;margin-left:auto;padding:8px 14px;font-size:13px}@media (width<=560px){._clear_lb42o_61{margin-left:0}}._grid_q45q0_1{background:var(--bg-inset);border:1px solid var(--border);border-radius:14px;grid-template-columns:repeat(4,1fr);gap:10px;padding:16px;display:grid}._pad_q45q0_11{aspect-ratio:1.5;border:1px solid var(--pad-edge);background:linear-gradient(180deg, var(--pad-bg) 0%, #213a2f 100%);color:var(--text);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;transition:transform 60ms,box-shadow .12s,filter .12s;display:flex}._pad_q45q0_11:hover{filter:brightness(1.08);transform:translateY(-1px)}._empty_q45q0_30{background:var(--pad-bg-empty);border-style:dashed;border-color:var(--text-faint);color:var(--text-faint)}._selected_q45q0_37{outline:2px solid var(--pad-glow);outline-offset:1px}._padNum_q45q0_42{color:var(--text-faint);font-size:10px}._padName_q45q0_47{text-align:center;padding:0 4px;font-size:16px;font-weight:600}._panel_1bjtl_1{background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:12px;min-width:240px;padding:16px;display:flex}._title_1bjtl_12{letter-spacing:1px;text-transform:uppercase;color:var(--text-dim);font-size:11px}._name_1bjtl_19{color:var(--text);font-size:24px;font-weight:700}._notes_1bjtl_25{color:var(--text-dim);font-family:ui-monospace,Consolas,monospace;font-size:13px}._hint_1bjtl_31{color:var(--text-faint);font-size:14px;line-height:1.5}._field_1bjtl_37{flex-direction:column;gap:6px;display:flex}._label_1bjtl_43{letter-spacing:1px;text-transform:uppercase;color:var(--text-dim);font-size:11px}._inversion_1bjtl_50{flex-wrap:wrap;gap:3px;display:flex}._inv_1bjtl_50,._invActive_1bjtl_57{background:var(--bg-inset);color:var(--text-dim);border:1px solid var(--border-soft);border-radius:6px;padding:6px 10px;font-size:13px}._invActive_1bjtl_57{background:var(--accent-dim);color:#06140d;border-color:var(--accent-dim);font-weight:600}._octave_1bjtl_73{align-items:center;gap:10px;display:flex}._octave_1bjtl_73 button{border:1px solid var(--border-soft);background:var(--bg-inset);width:32px;height:32px;color:var(--text);border-radius:6px;font-size:18px}._octave_1bjtl_73 span{text-align:center;min-width:20px;font-size:16px}._actions_1bjtl_95{gap:8px;margin-top:4px;display:flex}._preview_1bjtl_101,._clear_1bjtl_102{border:1px solid var(--border-soft);border-radius:8px;flex:1;padding:10px;font-size:14px}._preview_1bjtl_101{background:var(--accent-dim);color:#06140d;border-color:var(--accent-dim);font-weight:600}._clear_1bjtl_102{color:var(--grade-poor);border-color:color-mix(in srgb, var(--grade-poor) 40%, transparent);background:0 0}._assistant_19f6z_1{background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:12px;padding:14px 16px;display:flex}._topbar_19f6z_11{flex-wrap:wrap;align-items:center;gap:8px;display:flex}._keyLabel_19f6z_18{color:var(--text);font-size:14px;font-weight:600}._seg_19f6z_24{background:var(--bg-inset);border:1px solid var(--border-soft);border-radius:8px;gap:2px;padding:3px;display:flex}._segBtn_19f6z_33,._segActive_19f6z_34{color:var(--text-dim);background:0 0;border:none;border-radius:6px;padding:5px 12px;font-size:12px}._segActive_19f6z_34{background:var(--accent-dim);color:#06140d;font-weight:600}._randomGroup_19f6z_49{align-items:center;gap:4px;display:flex}._rndOn_19f6z_55,._rndOff_19f6z_56{border:1px solid var(--border-soft);border-radius:6px;padding:6px 8px;font-size:11px}._rndOn_19f6z_55{background:var(--accent-dim);color:#06140d;border-color:var(--accent-dim);font-weight:600}._rndOff_19f6z_56{background:var(--bg-inset);color:var(--text-faint)}._randomize_19f6z_75{border:1px solid var(--accent-dim);background:var(--accent-dim);color:#06140d;border-radius:7px;padding:6px 12px;font-size:12px;font-weight:600}._randomize_19f6z_75:hover{filter:brightness(1.1)}._clearBtn_19f6z_89{border:1px solid var(--border-soft);background:var(--bg-inset);color:var(--text-dim);border-radius:7px;padding:6px 12px;font-size:12px}._more_19f6z_98{border:1px solid var(--border-soft);background:var(--bg-inset);color:var(--text-dim);border-radius:7px;margin-left:auto;padding:6px 12px;font-size:12px}@media (width<=560px){._more_19f6z_98{margin-left:0}}._section_19f6z_115{flex-direction:column;gap:6px;display:flex}._secLabel_19f6z_121{letter-spacing:1px;text-transform:uppercase;color:var(--text-dim);font-size:11px}._chips_19f6z_128{flex-wrap:wrap;gap:6px;display:flex}._chip_19f6z_128{border:1px solid var(--border-soft);background:var(--bg-panel-raised);min-width:88px;color:var(--text);border-radius:9px;flex-direction:column;align-items:flex-start;gap:1px;padding:7px 10px;display:flex}._chip_19f6z_128:hover{border-color:var(--accent)}._chipTop_19f6z_151{border-color:var(--accent);box-shadow:0 0 10px color-mix(in srgb, var(--accent) 25%, transparent)}._roman_19f6z_156{color:var(--accent);font-size:15px;font-weight:700}._cname_19f6z_162{font-size:13px}._reason_19f6z_166{color:var(--text-faint);font-size:10px}._groups_19f6z_171{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}._group_19f6z_171{background:var(--bg-inset);border:1px solid var(--border-soft);border-radius:9px;flex-direction:column;gap:6px;padding:8px;display:flex}._groupLabel_19f6z_187{letter-spacing:.5px;text-transform:uppercase;color:var(--text-dim);text-align:center;font-size:11px}._dchord_19f6z_195{border:1px solid var(--border-soft);background:var(--bg-panel-raised);color:var(--text);border-radius:7px;flex-direction:column;align-items:center;gap:1px;padding:6px 4px;display:flex}._dchord_19f6z_195:hover{border-color:var(--accent)}._groups2_19f6z_211{grid-template-columns:1fr 1fr;gap:10px;display:grid}._colorChips_19f6z_217{flex-wrap:wrap;gap:6px;display:flex}._colorChips_19f6z_217 ._dchord_19f6z_195{min-width:64px}@media (width<=640px){._groups_19f6z_171,._groups2_19f6z_211{grid-template-columns:1fr}}._picker_1cw7f_1{background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:10px;padding:12px;display:flex}._roots_1cw7f_11{flex-wrap:wrap;gap:4px;display:flex}._rootBtn_1cw7f_17,._rootActive_1cw7f_18{border:1px solid var(--border-soft);background:var(--bg-inset);min-width:36px;color:var(--text-dim);border-radius:7px;flex:auto;padding:7px 8px;font-size:13px;font-weight:600}._rootActive_1cw7f_18{background:var(--accent-dim);color:#06140d;border-color:var(--accent-dim)}._qualities_1cw7f_36{flex-wrap:wrap;gap:4px;display:flex}._cell_1cw7f_42{text-align:center;background:var(--bg-panel-raised);min-width:58px;color:var(--text);white-space:nowrap;border:1px solid #0000;border-radius:6px;flex:auto;padding:8px;font-size:12px;transition:filter .1s}._cell_1cw7f_42:hover{filter:brightness(1.3)}._bar_alsml_1{background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:8px;padding:12px 16px;display:flex}._head_alsml_11{flex-wrap:wrap;align-items:center;gap:10px;display:flex}._vlToggle_alsml_18{background:var(--bg-inset);border:1px solid var(--border-soft);border-radius:8px;gap:2px;margin-left:auto;padding:3px;display:flex}._vlBtn_alsml_28,._vlActive_alsml_29{color:var(--text-dim);background:0 0;border:none;border-radius:6px;padding:4px 10px;font-size:12px}._vlActive_alsml_29{background:var(--accent-dim);color:#06140d;font-weight:600}._label_alsml_44{letter-spacing:1px;text-transform:uppercase;color:var(--text-dim);font-size:11px}._sub_alsml_51{color:var(--text);font-size:13px}._subDim_alsml_56{color:var(--text-faint);font-size:13px}._reflow_alsml_61{border:1px solid var(--border-soft);background:var(--bg-inset);color:var(--text-dim);border-radius:7px;padding:6px 12px;font-size:12px}._reflow_alsml_61:hover:not(:disabled){color:var(--text);border-color:var(--accent-dim)}._reflow_alsml_61:disabled{opacity:.4;cursor:not-allowed}._wrap_q5cix_1{padding:4px 0;overflow-x:auto}._kb_q5cix_6{height:88px;position:relative}._white_q5cix_11,._whiteActive_q5cix_12{background:#d7dbd9;border:1px solid #0c0f10;border-radius:0 0 3px 3px;height:88px;padding:0;position:absolute;top:0}._whiteActive_q5cix_12{background:var(--accent)}._black_q5cix_26,._blackActive_q5cix_27{z-index:2;background:#20231f;border:1px solid #000;border-radius:0 0 3px 3px;height:56px;padding:0;position:absolute;top:0}._blackActive_q5cix_27{background:var(--accent-dim)}._white_q5cix_11:disabled,._black_q5cix_26:disabled{opacity:.45;cursor:not-allowed}._group_lyom8_1{flex-wrap:wrap;gap:8px;display:flex}._midi_lyom8_7{border:1px solid var(--border-soft);background:var(--bg-inset);color:var(--text);border-radius:10px;padding:12px 18px;font-size:14px;font-weight:600}._midi_lyom8_7:hover:not(:disabled){border-color:var(--accent-dim)}._midi_lyom8_7:disabled{opacity:.4;cursor:not-allowed}._download_lyom8_26{border:1px solid var(--accent-dim);background:var(--accent-dim);color:#06140d;letter-spacing:.3px;border-radius:10px;padding:12px 22px;font-size:15px;font-weight:700}._download_lyom8_26:hover:not(:disabled){background:var(--accent)}._download_lyom8_26:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.6)}