@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap";:root{--seed-page: #0b0b10;--seed-bg: #16161e;--seed-surface: #24283b;--seed-surface-2: #2f3449;--seed-overlay: #111116;--seed-border: #414868;--seed-text: #c0caf5;--seed-accent: #bb9af7;--seed-active: #ff9e64;--seed-playhead: #f7768e;--seed-clear: #7dcfff;--seed-vol: #d9a974;--seed-danger: #f7768e}:root{--ui-page-bg: var(--seed-page);--ui-surface: var(--seed-surface);--ui-surface-light: var(--seed-surface-2);--ui-surface-overlay: var(--seed-overlay);--ui-panel-bg: color-mix(in srgb, var(--seed-surface) 88%, var(--seed-page));--ui-border: var(--seed-border);--ui-border-soft: color-mix(in srgb, var(--seed-border) 55%, var(--seed-surface));--ui-text-primary: var(--seed-text);--ui-accent: var(--seed-accent);--ui-accent-2: color-mix(in srgb, var(--seed-accent) 78%, var(--seed-surface));--ui-hover: color-mix(in srgb, var(--seed-accent) 34%, var(--seed-surface));--ui-text-gold: color-mix(in srgb, var(--seed-vol) 72%, var(--seed-text));--key-white: color-mix(in srgb, var(--seed-accent) 7%, white);--key-white-hover: color-mix(in srgb, var(--seed-accent) 26%, white);--key-black: color-mix(in srgb, var(--seed-accent) 12%, #101014);--key-black-hover: color-mix(in srgb, var(--seed-accent) 32%, #101014);--key-white-pressed: var(--seed-active);--key-white-pressed-hover: color-mix(in srgb, var(--seed-active) 78%, white);--key-black-pressed: var(--seed-playhead);--key-black-pressed-hover: color-mix(in srgb, var(--seed-playhead) 78%, white);--key-label: color-mix(in srgb, var(--seed-accent) 22%, #2a2a30);--piano-gap: var(--seed-page);--chord-most-likely: var(--seed-active);--chord-possible: var(--seed-accent);--chord-rule: color-mix(in srgb, var(--seed-accent) 30%, transparent);--slider-track: color-mix(in srgb, var(--seed-border) 70%, var(--seed-page));--slider-thumb: var(--seed-vol);--slider-glow: color-mix(in srgb, var(--seed-vol) 55%, transparent);--toggle-off: color-mix(in srgb, var(--seed-border) 60%, var(--seed-page));--toggle-knob: color-mix(in srgb, var(--seed-text) 70%, var(--seed-surface));--toggle-knob-on: color-mix(in srgb, var(--seed-accent) 12%, white);--button-clear: var(--seed-clear);--button-clear-hover: color-mix(in srgb, var(--seed-clear) 78%, white);--button-ink: color-mix(in srgb, var(--seed-page) 88%, black);--danger: var(--seed-danger)}:root{--base-font-size: 12px;--white-count: 7;--radius-sm: 5px;--radius-md: 8px;--radius-lg: 12px;--radius-key: 0 0 4px 4px;--shadow-lg: 0 12px 32px rgba(0, 0, 0, .45);--focus-ring: 0 0 0 2px var(--seed-bg), 0 0 0 4px var(--ui-accent);--transition-fast: .12s ease;--transition-base: .2s ease}@media (prefers-reduced-motion: reduce){:root{--transition-fast: 0ms;--transition-base: 0ms}}[data-theme=plum]{--seed-page: #0d0716;--seed-bg: #150d24;--seed-surface: #221537;--seed-surface-2: #2e1d49;--seed-overlay: #0f0819;--seed-border: #432b66;--seed-text: #e2d6f8;--seed-accent: #a678ff;--seed-active: #ffb2e6;--seed-playhead: #66e0c0;--seed-clear: #78c8ff;--seed-vol: #d9b06a;--seed-danger: #ff6b9d}[data-theme=neon]{--seed-page: #05050a;--seed-bg: #0a0a14;--seed-surface: #141428;--seed-surface-2: #1d1d3a;--seed-overlay: #08080f;--seed-border: #2e2e5c;--seed-text: #d8f6ff;--seed-accent: #00e5ff;--seed-active: #ff2bd6;--seed-playhead: #00ff9d;--seed-clear: #00e5ff;--seed-vol: #ffd166;--seed-danger: #ff2b6b}[data-theme=ocean]{--seed-page: #04101a;--seed-bg: #071c2b;--seed-surface: #0e2c40;--seed-surface-2: #143a53;--seed-overlay: #05141f;--seed-border: #245a77;--seed-text: #cfe9f5;--seed-accent: #4fc3d9;--seed-active: #ffd166;--seed-playhead: #ff6f91;--seed-clear: #4fc3d9;--seed-vol: #e0b877;--seed-danger: #ff6f91}[data-theme=forest]{--seed-page: #080d0a;--seed-bg: #101a14;--seed-surface: #19281e;--seed-surface-2: #22362a;--seed-overlay: #0c1410;--seed-border: #33503d;--seed-text: #d6e8d8;--seed-accent: #7fc98a;--seed-active: #e0b34d;--seed-playhead: #ff9a52;--seed-clear: #6fb3b8;--seed-vol: #b9a76b;--seed-danger: #e2705a}[data-theme=terminal]{--seed-page: #000000;--seed-bg: #030703;--seed-surface: #0a120a;--seed-surface-2: #101c10;--seed-overlay: #020502;--seed-border: #1d331d;--seed-text: #9bf29b;--seed-accent: #33ff66;--seed-active: #33ff66;--seed-playhead: #ccff33;--seed-clear: #7dffc4;--seed-vol: #8fdf6a;--seed-danger: #ff5c5c}[data-theme=bakery]{--seed-page: #17100c;--seed-bg: #221812;--seed-surface: #35251b;--seed-surface-2: #46311f;--seed-overlay: #1b120d;--seed-border: #5e4530;--seed-text: #f4e3cf;--seed-accent: #e8a33d;--seed-active: #f0b455;--seed-playhead: #ff7a59;--seed-clear: #7fb3ad;--seed-vol: #d9a974;--seed-danger: #e2705a}[data-theme=sunset]{--seed-page: #150a1a;--seed-bg: #1f0f26;--seed-surface: #301641;--seed-surface-2: #3f1e53;--seed-overlay: #170b1d;--seed-border: #5a2d6e;--seed-text: #f6dfef;--seed-accent: #ff8fb1;--seed-active: #ffa552;--seed-playhead: #ffe066;--seed-clear: #b58cff;--seed-vol: #ffc978;--seed-danger: #ff5d8f}[data-theme=rose]{--seed-page: #170c10;--seed-bg: #21131a;--seed-surface: #331d27;--seed-surface-2: #452833;--seed-overlay: #190e14;--seed-border: #5e3a48;--seed-text: #f0dde3;--seed-accent: #d98fa4;--seed-active: #e8a0a8;--seed-playhead: #ffb37a;--seed-clear: #8fb0c4;--seed-vol: #d3a07f;--seed-danger: #d96b7f}[data-theme=mono]{--seed-page: #0c0c0c;--seed-bg: #141414;--seed-surface: #1e1e1e;--seed-surface-2: #2a2a2a;--seed-overlay: #101010;--seed-border: #3a3a3a;--seed-text: #ededed;--seed-accent: #f5f5f5;--seed-active: #ffffff;--seed-playhead: #ff4d4d;--seed-clear: #9a9a9a;--seed-vol: #8a8a8a;--seed-danger: #ff4d4d}[data-theme=daylight]{--seed-page: #e8e6f0;--seed-bg: #f7f6fb;--seed-surface: #ffffff;--seed-surface-2: #f0eef7;--seed-overlay: #ffffff;--seed-border: #c9c5da;--seed-text: #2b2740;--seed-accent: #6c4bd8;--seed-active: #f2802a;--seed-playhead: #e0356b;--seed-clear: #2a9bd8;--seed-vol: #c98a2e;--seed-danger: #d12b52}[data-theme=arctic]{--seed-page: #dfe8f0;--seed-bg: #f2f7fb;--seed-surface: #ffffff;--seed-surface-2: #e9f1f7;--seed-overlay: #ffffff;--seed-border: #bccddd;--seed-text: #22323f;--seed-accent: #1b7fa8;--seed-active: #ff8c42;--seed-playhead: #d63d6e;--seed-clear: #1b7fa8;--seed-vol: #c2812c;--seed-danger: #cc2e50}[data-theme=candy]{--seed-page: #f5e7f2;--seed-bg: #fdf4fa;--seed-surface: #ffffff;--seed-surface-2: #fbeaf5;--seed-overlay: #ffffff;--seed-border: #e4c2da;--seed-text: #46293e;--seed-accent: #d94f9c;--seed-active: #ffa93d;--seed-playhead: #5ec8d8;--seed-clear: #4fb6cc;--seed-vol: #d9932f;--seed-danger: #d93f6e}[data-theme=sand]{--seed-page: #e9e0d1;--seed-bg: #f7f1e6;--seed-surface: #fffaf2;--seed-surface-2: #f1e7d7;--seed-overlay: #fffaf2;--seed-border: #d3c3a9;--seed-text: #3d3326;--seed-accent: #b06a2c;--seed-active: #d98324;--seed-playhead: #c0453f;--seed-clear: #3f7f8f;--seed-vol: #a87a3a;--seed-danger: #b83a34}*,*:before,*:after{box-sizing:border-box}body{margin:0;width:100%;max-width:100vw;height:100dvh;overflow:hidden;font-family:Space Grotesk,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:none;text-size-adjust:none;background-color:var(--ui-page-bg);color:var(--ui-text-primary);transition:background-color var(--transition-base)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button{-webkit-appearance:none;color:inherit;font:inherit}:where(a,button,input,select,[tabindex]):focus-visible{outline:2px solid var(--ui-accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.crashScreen{max-width:34rem;margin:15vh auto 0;padding:24px;text-align:center;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--radius-lg)}.crashScreen h1{color:var(--danger)}.crashScreen button{margin-top:12px;padding:8px 16px;background:var(--ui-accent-2);border:1px solid var(--ui-border);border-radius:var(--radius-sm);cursor:pointer}._keybed_1g0b0_1{--key-gap: 2px;display:flex;gap:var(--key-gap);min-height:0;background:var(--piano-gap)}._octave_1g0b0_12{position:relative;min-width:0;height:100%}._whiteRow_1g0b0_18,._blackRow_1g0b0_19{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;gap:var(--key-gap);pointer-events:none}._whiteRow_1g0b0_18{z-index:1}._blackRow_1g0b0_19{z-index:2;transform:translate(calc((100% + var(--key-gap)) / var(--white-count) / 2))}._whiteKey_1g0b0_42,._blackKey_1g0b0_43{padding:0;border:none;pointer-events:all;cursor:pointer;border-radius:var(--radius-key);transition:background-color var(--transition-fast)}._whiteKey_1g0b0_42{position:relative;flex:1 1 0;min-width:0;height:100%;background-color:var(--key-white)}._whiteKey_1g0b0_42:hover{background-color:var(--key-white-hover)}._whiteKey_1g0b0_42._pressed_1g0b0_64{background-color:var(--key-white-pressed)}._whiteKey_1g0b0_42._pressed_1g0b0_64:hover{background-color:var(--key-white-pressed-hover)}._blackSlot_1g0b0_76{display:flex;flex:1 1 0;align-items:flex-start;justify-content:center;min-width:0;height:100%;pointer-events:none}._blackKey_1g0b0_43{flex:none;width:62%;height:50%;background-color:var(--key-black)}._blackKey_1g0b0_43:hover{background-color:var(--key-black-hover)}._blackKey_1g0b0_43._pressed_1g0b0_64{background-color:var(--key-black-pressed)}._blackKey_1g0b0_43._pressed_1g0b0_64:hover{background-color:var(--key-black-pressed-hover)}._octaveLabel_1g0b0_105{position:absolute;bottom:6%;left:50%;color:var(--key-label);font-size:max(8px,calc(var(--base-font-size) * .5));white-space:nowrap;transform:translate(-50%);pointer-events:none;-webkit-user-select:none;user-select:none}._whiteKey_1g0b0_42:focus-visible,._blackKey_1g0b0_43:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--ui-accent)}._chordInfo_5eslz_1{display:flex;flex-direction:column;justify-content:center;min-height:0;min-width:0;padding:2% 2% 2% 2.5%;font-size:var(--base-font-size)}._panel_5eslz_11{flex:1;min-height:0;display:flex;flex-direction:column;gap:8%;width:100%;padding:5% 6%;overflow:hidden;overflow-wrap:anywhere;background:var(--ui-panel-bg);border:1px solid var(--ui-border-soft);border-radius:var(--radius-lg)}._notes_5eslz_27{flex-shrink:0;padding-bottom:5%;color:var(--ui-text-gold);font-size:.9em;font-weight:700;border-bottom:1px solid var(--chord-rule)}._readout_5eslz_36{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:4%;overflow:hidden}._mostLikely_5eslz_46,._possible_5eslz_47{font-size:1.2em;font-weight:700}._mostLikely_5eslz_46{color:var(--chord-most-likely)}._possible_5eslz_47{color:var(--chord-possible)}._label_5eslz_60{text-decoration:underline}._trigger_1ry6h_3{display:flex;align-items:center;flex:0 0 auto;height:28px;padding:8px;background:var(--ui-surface-light);border:1px solid var(--ui-border);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast)}._trigger_1ry6h_3:hover{background:var(--ui-hover);border-color:var(--ui-accent)}._trigger_1ry6h_3:focus-visible{outline:none;box-shadow:var(--focus-ring)}._swatches_1ry6h_28{display:flex;gap:2px;flex:0 0 auto}._swatches_1ry6h_28 i{width:7px;height:7px;border-radius:2px}._panel_1ry6h_40{position:fixed;z-index:1000;width:min(340px,calc(100vw - 20px));max-height:min(70vh,460px);display:flex;flex-direction:column;gap:10px;padding:12px;overflow-y:auto;background:var(--ui-surface-overlay);border:1px solid var(--ui-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}._groupLabel_1ry6h_56{margin-bottom:6px;color:var(--ui-text-primary);opacity:.5;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}._swatchGrid_1ry6h_66{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px}._swatch_1ry6h_28{display:flex;align-items:center;gap:7px;padding:6px 8px;background:var(--seed-surface);color:var(--seed-text);border:1px solid var(--seed-border);border-radius:var(--radius-md);font-size:11px;font-weight:600;cursor:pointer;transition:border-color var(--transition-fast)}._swatch_1ry6h_28:hover{border-color:var(--seed-accent)}._swatch_1ry6h_28._swatchActive_1ry6h_93{border-color:var(--seed-accent);box-shadow:inset 0 0 0 1px var(--seed-accent)}._swatch_1ry6h_28:focus-visible{outline:2px solid var(--seed-accent);outline-offset:1px}._swatchChip_1ry6h_103{display:grid;grid-template-columns:repeat(2,7px);grid-template-rows:repeat(2,7px);gap:1px;flex:0 0 auto}._swatchChip_1ry6h_103 i{border-radius:1px}._controls_153pc_1{display:flex;flex-direction:column;gap:2%;min-height:0;min-width:0;padding:2% 0;font-size:var(--base-font-size)}._header_153pc_11{flex-shrink:0;height:25%;display:flex;align-items:center;justify-content:space-between;gap:4%;padding:0 4%}._logo_153pc_21{height:100%;width:auto;max-width:50%;flex-shrink:0;object-fit:contain}._headerLinks_153pc_29{display:flex;align-items:center;gap:8px;min-width:0}._backLink_153pc_36{color:var(--ui-text-gold);font-size:clamp(.72rem,1.76vw,1rem);font-weight:500;letter-spacing:.02em;white-space:nowrap;text-decoration:none;transition:color var(--transition-fast)}._backLink_153pc_36:hover{color:var(--ui-accent);text-decoration:underline}._grid_153pc_51{flex:1;min-height:0;display:grid;grid-template-rows:repeat(4,1fr);gap:2% 0;overflow:hidden}._row_153pc_60{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin:0 4%;padding:2% 6%;color:var(--ui-text-gold);font-weight:700;background:var(--ui-panel-bg);border:1px solid var(--ui-border-soft);border-radius:var(--radius-md)}._rowLabel_153pc_74{font-size:.82em}._error_153pc_78{flex-shrink:0;margin:0 4%;color:var(--danger);font-size:.75em}._slider_153pc_87{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:50%;height:.25em;flex-shrink:0;background:var(--slider-track);border:none;border-radius:.125em;outline:none;cursor:pointer}._slider_153pc_87::-webkit-slider-thumb{-webkit-appearance:none;width:1.4em;height:1.4em;background:var(--slider-thumb);border-radius:50%;box-shadow:0 0 6px var(--slider-glow);cursor:pointer}._slider_153pc_87::-moz-range-thumb{width:1.4em;height:1.4em;background:var(--slider-thumb);border:none;border-radius:50%;box-shadow:0 0 6px var(--slider-glow);cursor:pointer}._toggle_153pc_122{position:relative;display:inline-block;width:2.5em;height:1.375em;flex-shrink:0}._toggle_153pc_122 input{position:absolute;width:0;height:0;opacity:0}._toggleKnob_153pc_137{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--toggle-off);border:1px solid var(--ui-border-soft);border-radius:1.375em;cursor:pointer;transition:background-color var(--transition-base)}._toggleKnob_153pc_137:before{content:"";position:absolute;left:.19em;top:50%;width:1em;height:1em;background-color:var(--toggle-knob);border-radius:50%;transform:translateY(-50%);transition:transform var(--transition-base),background-color var(--transition-base)}._toggle_153pc_122 input:checked+._toggleKnob_153pc_137{background-color:var(--ui-accent);border-color:var(--ui-accent)}._toggle_153pc_122 input:checked+._toggleKnob_153pc_137:before{background-color:var(--toggle-knob-on);transform:translateY(-50%) translate(1.125em)}._toggle_153pc_122 input:focus-visible+._toggleKnob_153pc_137{box-shadow:var(--focus-ring)}@media (orientation: portrait){._header_153pc_11{flex-direction:column;align-items:center;justify-content:center;gap:6%;padding:0}._logo_153pc_21{height:40%}}@media (orientation: landscape) and (min-aspect-ratio: 2/1){._grid_153pc_51{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}}._app_1gva5_4{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,65fr) minmax(0,23fr) minmax(0,10fr);gap:8px;width:100%;height:100dvh;padding:8px;text-align:left;color:var(--ui-text-primary);overflow:hidden}._top_1gva5_20{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;min-height:0}._clearButton_1gva5_27{min-height:40px;display:flex;align-items:center;justify-content:center;background-color:var(--button-clear);color:var(--button-ink);border:none;border-radius:var(--radius-lg);font-size:1rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:background-color var(--transition-fast)}._clearButton_1gva5_27:hover{background-color:var(--button-clear-hover)}