@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600&family=Syne:wght@600;700;800&display=swap";:root{--bg-deep:#0b1014;--bg-panel:#0c1218b8;--bg-panel-solid:#121a22;--stroke:#e8f4f81f;--text:#e8f4f8;--text-muted:#e8f4f89e;--mint:#3dffe0;--mint-dim:#3dffe02e;--coral:#ff6b5a;--coral-dim:#ff6b5a33;--gold:#f0c65a;--font-display:"Syne", system-ui, sans-serif;--font-body:"Outfit", system-ui, sans-serif;--radius:14px;--shadow:0 18px 50px #00000073;--ease-out:cubic-bezier(.22, 1, .36, 1);--chord-I:61, 255, 224;--chord-II:255, 107, 90;--chord-III:240, 198, 90;--chord-IV:120, 210, 255;--chord-V:255, 150, 70;--chord-VI:255, 90, 140;--chord-VII:160, 200, 255}*,:before,:after{box-sizing:border-box}html,body,#root{background:var(--bg-deep);width:100%;height:100%;color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}button,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}:focus-visible{outline:2px solid var(--mint);outline-offset:3px}._hud_1td2x_1{z-index:5;pointer-events:none;position:absolute;inset:0}._topLeft_1td2x_8,._topRight_1td2x_9,._bottomCenter_1td2x_10,._bottomLeft_1td2x_11{pointer-events:auto}._topLeft_1td2x_8{flex-direction:column;gap:.65rem;max-width:min(20rem,100vw - 2rem);display:flex;position:absolute;top:1rem;left:1rem}._brand_1td2x_25{font-family:var(--font-display);letter-spacing:-.03em;text-shadow:0 2px 16px #0000008c;margin:0;font-size:1.35rem;font-weight:800}._row_1td2x_34{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}._panel_1td2x_41{background:var(--bg-panel);border:1px solid var(--stroke);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;gap:.2rem;padding:.35rem;display:inline-flex}._modeBtn_1td2x_51,._iconBtn_1td2x_52{color:var(--text-muted);transition:background .2s var(--ease-out), color .2s var(--ease-out);border-radius:999px;padding:.4rem .85rem;font-size:.85rem;font-weight:500}._modeBtn_1td2x_51[data-active=true]{background:var(--mint-dim);color:var(--mint)}._iconBtn_1td2x_52{background:var(--bg-panel);border:1px solid var(--stroke);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text)}._iconBtn_1td2x_52:hover,._modeBtn_1td2x_51:hover{color:var(--text)}._select_1td2x_78{background:var(--bg-panel);border:1px solid var(--stroke);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--mint);border-radius:999px;padding:.45rem .9rem;font-weight:500}._config_1td2x_88{background:var(--bg-panel);border:1px solid var(--stroke);border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-direction:column;gap:.45rem;padding:.65rem .75rem;display:flex}._configRow_1td2x_99{flex-direction:column;gap:.3rem;display:flex}._configLabel_1td2x_105{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:.68rem;font-weight:600}._configHint_1td2x_113{color:var(--text-muted);margin:0;font-size:.7rem;line-height:1.35}._selectSm_1td2x_120{border:1px solid var(--stroke);width:100%;color:var(--mint);background:#00000047;border-radius:10px;padding:.4rem .65rem;font-size:.82rem;font-weight:500}._topRight_1td2x_9{flex-direction:column;align-items:flex-end;gap:.55rem;display:flex;position:absolute;top:1rem;right:1rem}._meter_1td2x_141{flex-direction:column-reverse;gap:3px;display:flex}._bar_1td2x_147{background:#e8f4f81f;border-radius:2px;width:4.4rem;height:7px;transition:background .12s linear}._bar_1td2x_147[data-lit=true]{background:var(--mint);box-shadow:0 0 12px var(--mint-dim)}._tone_1td2x_160{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.85rem}._chordBlock_1td2x_166{text-align:center;pointer-events:none;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}._chord_1td2x_166{font-family:var(--font-display);letter-spacing:-.04em;text-shadow:0 4px 30px #00000080;color:var(--mint);margin:0;font-size:clamp(3rem,10vw,5rem);font-weight:800;line-height:1}._quality_1td2x_186{color:var(--text-muted);white-space:nowrap;margin:.35rem 0 0;font-size:.95rem}._thereminReadout_1td2x_193{text-align:center;pointer-events:none;position:absolute;bottom:3rem;left:50%;transform:translate(-50%)}._hz_1td2x_202{font-family:var(--font-display);color:var(--coral);margin:0;font-size:clamp(2rem,6vw,3.2rem);font-weight:700}._volLabel_1td2x_210{color:var(--text-muted);margin:.25rem 0 0;font-size:.9rem}._status_1td2x_216{color:var(--text-muted);background:var(--bg-panel);border:1px solid var(--stroke);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;border-radius:999px;padding:.35rem .75rem;font-size:.8rem;position:absolute;bottom:1rem;left:1rem}._credit_1td2x_230{pointer-events:auto;color:var(--text-muted);background:var(--bg-panel);border:1px solid var(--stroke);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:color .2s var(--ease-out), border-color .2s var(--ease-out);border-radius:999px;padding:.35rem .75rem;font-size:.8rem;text-decoration:none;position:absolute;bottom:1rem;right:1rem}._credit_1td2x_230:hover{color:var(--mint);border-color:#3dffe059}._guide_czaqy_1{pointer-events:none;z-index:6;width:min(52rem,100vw - 1.5rem);animation:_rise_czaqy_1 .45s var(--ease-out);position:absolute;bottom:7.25rem;left:50%;transform:translate(-50%)}._caption_czaqy_12{text-align:center;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin:0 0 .45rem;font-size:.75rem}._row_czaqy_21{grid-template-columns:repeat(8,minmax(0,1fr));gap:.4rem;display:grid}._pad_czaqy_27{border:1px solid var(--stroke);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:4.1rem;transition:border-color .2s var(--ease-out), background .2s var(--ease-out), transform .2s var(--ease-out), box-shadow .2s var(--ease-out);background:#0c12189e;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.15rem;padding:.45rem .2rem;display:flex}._pad_czaqy_27[data-active=true]{background:var(--mint-dim);border-color:#3dffe08c;transform:translateY(-3px);box-shadow:0 0 22px #3dffe02e}._note_czaqy_53{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text);font-size:clamp(.95rem,2.4vw,1.25rem);font-weight:800;line-height:1}._pad_czaqy_27[data-active=true] ._note_czaqy_53{color:var(--mint)}._roman_czaqy_66{color:var(--text-muted);letter-spacing:.04em;font-size:.65rem;font-weight:600}._hint_czaqy_73{color:var(--text-muted);text-align:center;max-width:100%;padding:0 .15rem;font-size:.58rem;line-height:1.2}._pad_czaqy_27[data-octave=true]{opacity:.72}@keyframes _rise_czaqy_1{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (width<=720px){._guide_czaqy_1{bottom:6.5rem}._hint_czaqy_73{display:none}._pad_czaqy_27{min-height:3.2rem}}._gate_1s4ly_1{z-index:20;cursor:pointer;animation:_fadeIn_1s4ly_1 .5s var(--ease-out);background:linear-gradient(#0b101459 0%,#0b1014b8 55%,#0b1014e0 100%);flex-direction:column;justify-content:flex-end;align-items:center;gap:1rem;padding-bottom:14vh;display:flex;position:absolute;inset:0}._brand_1s4ly_21{font-family:var(--font-display);letter-spacing:-.04em;background:linear-gradient(120deg, var(--text) 20%, var(--mint) 90%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(2.4rem,6vw,4.2rem);font-weight:800}._tag_1s4ly_33{color:var(--text-muted);text-align:center;max-width:22rem;margin:0 0 .5rem;font-size:1rem;line-height:1.45}._play_1s4ly_42{background:var(--text);width:4.5rem;height:4.5rem;color:var(--bg-deep);box-shadow:0 0 0 10px var(--mint-dim), var(--shadow);transition:transform .25s var(--ease-out), box-shadow .25s var(--ease-out);border-radius:50%;place-items:center;font-size:1.4rem;display:grid}._gate_1s4ly_1:hover ._play_1s4ly_42{box-shadow:0 0 0 14px var(--mint-dim), var(--shadow);transform:scale(1.06)}._cta_1s4ly_60{letter-spacing:.06em;text-transform:uppercase;color:var(--text);font-size:.95rem}@keyframes _fadeIn_1s4ly_1{0%{opacity:0}to{opacity:1}}._backdrop_1n36a_1{z-index:30;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:_fadeIn_1n36a_1 .35s var(--ease-out);background:#080c10b8;place-items:center;padding:1.25rem;display:grid;position:absolute;inset:0}._card_1n36a_13{background:var(--bg-panel-solid);border:1px solid var(--stroke);border-radius:calc(var(--radius) + 4px);width:min(32rem,100%);box-shadow:var(--shadow);animation:_rise_1n36a_1 .45s var(--ease-out);padding:1.75rem 1.75rem 1.35rem}._kicker_1n36a_23{letter-spacing:.08em;text-transform:uppercase;color:var(--mint);margin:0 0 .35rem;font-size:.8rem;font-weight:600}._title_1n36a_32{font-family:var(--font-display);letter-spacing:-.03em;margin:0 0 .75rem;font-size:1.65rem;font-weight:800}._body_1n36a_40{color:var(--text-muted);margin:0 0 1.25rem;font-size:1rem;line-height:1.5}._diagram_1n36a_47{grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.35rem;display:grid}._hand_1n36a_54{border:1px solid var(--stroke);border-radius:var(--radius);background:#ffffff08;padding:.9rem}._hand_1n36a_54 h4{color:var(--text);margin:0 0 .35rem;font-size:.85rem}._hand_1n36a_54 p{color:var(--text-muted);margin:0;font-size:.8rem;line-height:1.4}._hand--left_1n36a_74 h4{color:var(--mint)}._hand--right_1n36a_78 h4{color:var(--coral)}._actions_1n36a_82{justify-content:space-between;align-items:center;gap:.75rem;display:flex}._dots_1n36a_89{gap:.35rem;display:flex}._dot_1n36a_89{background:#e8f4f833;border-radius:50%;width:.45rem;height:.45rem}._dot_1n36a_89[data-on=true]{background:var(--mint)}._btns_1n36a_105{gap:.5rem;display:flex}._ghost_1n36a_110,._primary_1n36a_111{border-radius:999px;padding:.55rem 1rem;font-size:.9rem;font-weight:500}._ghost_1n36a_110{color:var(--text-muted)}._ghost_1n36a_110:hover{color:var(--text)}._primary_1n36a_111{background:var(--mint);color:var(--bg-deep)}._primary_1n36a_111:hover{filter:brightness(1.05)}@keyframes _fadeIn_1n36a_1{0%{opacity:0}to{opacity:1}}@keyframes _rise_1n36a_1{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=520px){._diagram_1n36a_47{grid-template-columns:1fr}}._app_10tiu_1{background:var(--bg-deep);width:100%;height:100%;position:relative;overflow:hidden}._video_10tiu_9{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.hand-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.hand-canvas--dimmed{filter:grayscale(.85)brightness(.55)}.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}