@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}._wrapper_lp5lb_1{z-index:8;pointer-events:auto;max-width:min(52rem,100vw - 2rem);max-height:40vh;position:absolute;bottom:4.4rem;left:50%;overflow:auto;transform:translate(-50%)}._panel_lp5lb_13{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:2px;padding:.45rem .5rem;display:flex}._panelHeader_lp5lb_25{justify-content:space-between;align-items:center;padding:0 .1rem .2rem;display:flex}._panelTitle_lp5lb_32{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.55rem;font-weight:700}._minimizeBtn_lp5lb_40{width:1.2rem;height:1.2rem;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;place-items:center;transition:color .1s,background .1s;display:grid}._minimizeBtn_lp5lb_40:hover{color:var(--text);background:#ffffff14}._miniBar_lp5lb_59{background:var(--bg-panel);border:1px solid var(--stroke);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .6rem;display:flex}._expandBtn_lp5lb_70{width:1.2rem;height:1.2rem;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;place-items:center;transition:color .1s;display:grid}._expandBtn_lp5lb_70:hover{color:var(--mint)}._miniLabel_lp5lb_87{color:var(--text-muted);white-space:nowrap;font-size:.65rem;font-weight:500}._miniProgress_lp5lb_94{background:#e8f4f81a;border-radius:2px;width:4rem;height:3px;overflow:hidden}._miniProgressFill_lp5lb_102{background:var(--mint);border-radius:2px;height:100%;transition:width 50ms linear}._trackRow_lp5lb_110{opacity:.4;align-items:center;gap:4px;transition:opacity .15s;display:flex}._trackRow_lp5lb_110[data-has-content=true],._trackRow_lp5lb_110[data-active=true]{opacity:1}._trackControls_lp5lb_124{flex-shrink:0;align-items:center;gap:2px;display:flex}._trackNum_lp5lb_131{border:1px solid var(--stroke);width:1.3rem;height:1.3rem;color:var(--text-muted);cursor:pointer;background:#ffffff0a;border-radius:4px;place-items:center;font-size:.6rem;font-weight:700;transition:border-color .12s,color .12s;display:grid}._trackNum_lp5lb_131[data-active=true]{border-color:var(--coral);color:var(--coral)}._trackNum_lp5lb_131[data-playing=true]{border-color:var(--mint);color:var(--mint)}._muteBtn_lp5lb_156,._soloBtn_lp5lb_156{border:1px solid var(--stroke);width:1.1rem;height:1.1rem;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:3px;place-items:center;font-size:.45rem;font-weight:700;transition:all .1s;display:grid}._muteBtn_lp5lb_156[data-on=true]{background:var(--coral);color:var(--bg-deep);border-color:var(--coral)}._soloBtn_lp5lb_156[data-on=true]{background:var(--gold);color:var(--bg-deep);border-color:var(--gold)}._volSlider_lp5lb_183{appearance:none;background:var(--stroke);cursor:pointer;border-radius:2px;width:2.5rem;height:3px}._volSlider_lp5lb_183::-webkit-slider-thumb{appearance:none;background:var(--text);cursor:pointer;border:none;border-radius:50%;width:8px;height:8px}._grid_lp5lb_203{gap:3px;display:flex;overflow-x:auto}._barGroup_lp5lb_209{border-left:2px solid #e8f4f826;gap:1px;padding-left:2px;display:flex}._barGroup_lp5lb_209:first-child{border-left:none;padding-left:0}._beatGroup_lp5lb_221{gap:1px;display:flex}._beatGroup_lp5lb_221+._beatGroup_lp5lb_221{margin-left:1px}._cell_lp5lb_231{cursor:pointer;background:#ffffff05;border:1px solid #e8f4f80f;border-radius:2px;justify-content:center;align-items:center;width:.9rem;height:1.4rem;padding:0;transition:background 60ms;display:flex}._cell_lp5lb_231[data-downbeat=true]{border-color:#e8f4f81a}._cell_lp5lb_231:hover{background:#ffffff14}._cell_lp5lb_231:active{transform:scale(.9)}._cell_lp5lb_231:focus-visible{outline:2px solid var(--mint);outline-offset:1px}._cell_lp5lb_231[data-active=true]{background:rgba(var(--cell-rgb,61, 255, 224), .3);border-color:rgba(var(--cell-rgb,61, 255, 224), .5)}._cell_lp5lb_231[data-muted=true]{background:rgba(var(--cell-rgb,150, 150, 150), .08);border-color:#e8f4f814}._cell_lp5lb_231[data-current=true]{border-color:var(--mint);box-shadow:0 0 4px #3dffe080}._chordLabel_lp5lb_277{color:rgba(var(--cell-rgb,232, 244, 248), .9);pointer-events:none;font-size:.38rem;font-weight:700;line-height:1}._chordMenu_lp5lb_286{z-index:50;background:var(--bg-panel-solid);border:1px solid var(--stroke);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow);border-radius:8px;flex-direction:column;gap:1px;min-width:3.5rem;padding:4px;display:flex;position:fixed}._chordMenuItem_lp5lb_301{color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:4px;padding:.3rem .5rem;font-size:.7rem;font-weight:700;transition:background 80ms}._chordMenuItem_lp5lb_301:hover{background:rgba(var(--chord-rgb,232, 244, 248), .18);color:rgb(var(--chord-rgb,232, 244, 248))}._countIn_lp5lb_320{z-index:9;background:var(--bg-panel);border:1px solid var(--coral);border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;align-items:center;gap:.6rem;padding:.5rem 1rem;display:flex;position:absolute;bottom:4.4rem;left:50%;transform:translate(-50%)}._countInNum_lp5lb_337{font-family:var(--font-display);color:var(--coral);text-align:center;min-width:2rem;animation:_countPop_lp5lb_1 .3s var(--ease-out);font-size:1.8rem;font-weight:800}._countInLabel_lp5lb_347{color:var(--text-muted);font-size:.75rem;font-weight:500}@keyframes _countPop_lp5lb_1{0%{opacity:.5;transform:scale(1.4)}to{opacity:1;transform:scale(1)}}@media (width<=480px){._wrapper_lp5lb_1{max-width:calc(100vw - 1rem);bottom:5.2rem}._countIn_lp5lb_320{bottom:5.2rem}._cell_lp5lb_231{width:.75rem;height:1.1rem}._volSlider_lp5lb_183{width:1.8rem}}._hud_g29k8_1{z-index:15;pointer-events:none;position:absolute;inset:0}._topLeft_g29k8_9,._topRight_g29k8_10,._bottomCenter_g29k8_11,._bottomLeft_g29k8_12{pointer-events:auto}._topLeft_g29k8_9{flex-direction:column;gap:.65rem;max-width:min(20rem,100vw - 2rem);display:flex;position:absolute;top:1rem;left:1rem}._brand_g29k8_26{font-family:var(--font-display);letter-spacing:-.03em;text-shadow:0 2px 16px #0000008c;margin:0;font-size:1.35rem;font-weight:800}._row_g29k8_35{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}._panel_g29k8_42{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_g29k8_52,._iconBtn_g29k8_53{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_g29k8_52[data-active=true]{background:var(--mint-dim);color:var(--mint)}._iconBtn_g29k8_53{background:var(--bg-panel);border:1px solid var(--stroke);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text)}._iconBtn_g29k8_53:hover,._modeBtn_g29k8_52:hover{color:var(--text)}a._iconBtn_g29k8_53{align-items:center;text-decoration:none;display:inline-flex}._select_g29k8_85{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}._settingsBackdrop_g29k8_95{z-index:40;cursor:pointer;pointer-events:auto;background:#060a0e8c;border:none;margin:0;padding:0;position:absolute;inset:0}._settingsSheet_g29k8_107{z-index:41;top:max(.75rem, env(safe-area-inset-top));left:max(.75rem, env(safe-area-inset-left));-webkit-overflow-scrolling:touch;background:var(--bg-panel-solid);border:1px solid var(--stroke);border-radius:var(--radius);width:min(22rem,100vw - 1.5rem);max-height:min(78vh,40rem);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:auto;animation:_sheetIn_g29k8_1 .25s var(--ease-out);flex-direction:column;gap:.85rem;padding:.85rem .9rem 1rem;display:flex;position:absolute;overflow:auto}._settingsHeader_g29k8_129{justify-content:space-between;align-items:center;gap:.5rem;display:flex}._settingsTitle_g29k8_136{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.05rem;font-weight:800}._configRow_g29k8_143{flex-direction:column;gap:.3rem;display:flex}._toggleRow_g29k8_149{color:var(--text);cursor:pointer;align-items:center;gap:.55rem;font-size:.85rem;display:flex}._toggleRow_g29k8_149 input{accent-color:var(--mint);width:1rem;height:1rem}._about_g29k8_164{border-top:1px solid var(--stroke);flex-direction:column;gap:.35rem;padding-top:.65rem;display:flex}._aboutLine_g29k8_172{color:var(--text-muted);margin:0;font-size:.8rem;line-height:1.4}._aboutLine_g29k8_172 a{color:var(--mint);text-decoration:none}._aboutLine_g29k8_172 a:hover{text-decoration:underline}._socialBlock_g29k8_188{flex-direction:column;gap:.4rem;margin-top:.45rem;display:flex}._socialRow_g29k8_195{flex-wrap:wrap;gap:.35rem;display:flex}._socialLink_g29k8_201{color:var(--text-muted);border:1px solid var(--stroke);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:color .15s var(--ease-out), border-color .15s var(--ease-out);background:#ffffff0a;border-radius:999px;padding:.28rem .6rem;font-size:.72rem;font-weight:600;text-decoration:none}._bottomLeft_g29k8_12 ._socialLink_g29k8_201{background:var(--bg-panel)}._socialLink_g29k8_201:hover{color:var(--mint);border-color:#3dffe059}@keyframes _sheetIn_g29k8_1{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}._configLabel_g29k8_234{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:.68rem;font-weight:600}._configHint_g29k8_242{color:var(--text-muted);margin:0;font-size:.7rem;line-height:1.35}._selectSm_g29k8_249{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_g29k8_10{flex-direction:column;align-items:flex-end;gap:.55rem;display:flex;position:absolute;top:1rem;right:1rem}._meter_g29k8_270{flex-direction:column-reverse;gap:3px;display:flex}._bar_g29k8_276{background:#e8f4f81f;border-radius:2px;width:4.4rem;height:7px;transition:background .12s linear}._bar_g29k8_276[data-lit=true]{background:var(--mint);box-shadow:0 0 12px var(--mint-dim)}._tone_g29k8_289{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.85rem}._chordBlock_g29k8_295{text-align:center;pointer-events:none;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}._chord_g29k8_295{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_g29k8_315{color:var(--text-muted);white-space:nowrap;margin:.35rem 0 0;font-size:.95rem}._octaveBadge_g29k8_322{letter-spacing:.04em;color:var(--coral);background:var(--coral-dim);border:1px solid var(--coral);border-radius:999px;margin-top:.4rem;padding:.25rem .65rem;font-size:.75rem;font-weight:700;animation:1.2s ease-in-out infinite _octaveGlow_g29k8_1;display:inline-block;box-shadow:0 0 12px #ff6b5a66,0 0 24px #ff6b5a33}@keyframes _octaveGlow_g29k8_1{0%,to{box-shadow:0 0 12px #ff6b5a66,0 0 24px #ff6b5a33}50%{box-shadow:0 0 18px #ff6b5a99,0 0 36px #ff6b5a4d}}._thereminReadout_g29k8_342{text-align:center;pointer-events:none;position:absolute;bottom:4.8rem;left:50%;transform:translate(-50%)}._hz_g29k8_351{font-family:var(--font-display);color:var(--coral);margin:0;font-size:clamp(2rem,6vw,3.2rem);font-weight:700}._volLabel_g29k8_359{color:var(--text-muted);margin:.25rem 0 0;font-size:.9rem}._bottomLeft_g29k8_12{z-index:1;flex-direction:column;align-items:flex-start;gap:.45rem;max-width:min(22rem,100vw - 2rem);display:flex;position:absolute;bottom:1rem;left:1rem}._status_g29k8_377{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}._cornerLinks_g29k8_388{pointer-events:none;flex-direction:column;align-items:flex-end;gap:.45rem;display:flex;position:absolute;bottom:1.8rem;right:1rem}._github_g29k8_399,._credit_g29k8_400{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);border-radius:999px;padding:.35rem .75rem;font-size:.8rem}._github_g29k8_399{transition:color .2s var(--ease-out), border-color .2s var(--ease-out);align-items:center;gap:.4rem;text-decoration:none;display:inline-flex}._githubIcon_g29k8_419{flex-shrink:0;display:block}._github_g29k8_399:hover{color:var(--mint);border-color:#3dffe059}._credit_g29k8_400 a{color:inherit;transition:color .2s var(--ease-out);text-decoration:none}._credit_g29k8_400 a:hover{color:var(--mint)}@media (width<=720px){._topLeft_g29k8_9{max-width:calc(100% - 5rem)}._modeBtn_g29k8_52,._iconBtn_g29k8_53{padding:.35rem .65rem;font-size:.78rem}._settingsSheet_g29k8_107{top:auto;bottom:max(.65rem, env(safe-area-inset-bottom));left:max(.65rem, env(safe-area-inset-left));right:max(.65rem, env(safe-area-inset-right));width:auto;max-height:min(70dvh,32rem)}._bottomLeft_g29k8_12{max-width:min(55%,100vw - 2rem)}._status_g29k8_377{font-size:.7rem}}._loopBar_1vbgo_1{z-index:6;background:var(--bg-panel);border:1px solid var(--stroke);-webkit-backdrop-filter:blur(12px);pointer-events:auto;border-radius:999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.45rem;max-width:calc(100vw - 12rem);padding:.4rem .7rem;display:flex;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}._loopBar_1vbgo_1[data-metro-open=true]{z-index:12}._bpmInput_1vbgo_27{border:1px solid var(--stroke);width:3rem;color:var(--mint);font-variant-numeric:tabular-nums;text-align:center;background:#00000047;border-radius:8px;padding:.22rem .35rem;font-size:.72rem;font-weight:600}._bpmInput_1vbgo_27:focus{border-color:var(--mint);outline:none}._bpmInput_1vbgo_27::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._bpmInput_1vbgo_27::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}._bpmInput_1vbgo_27{-moz-appearance:textfield}._gridSelect_1vbgo_53{border:1px solid var(--stroke);color:var(--text-muted);background:#00000047;border-radius:8px;padding:.22rem .35rem;font-size:.68rem;font-weight:500}._gridSelect_1vbgo_53:focus{border-color:var(--mint);outline:none}._gridLabel_1vbgo_68{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:.58rem;font-weight:600}._tapBtn_1vbgo_76{letter-spacing:.06em;color:var(--text-muted);border:1px solid var(--stroke);cursor:pointer;background:#ffffff0a;border-radius:6px;padding:.2rem .35rem;font-size:.55rem;font-weight:700;transition:color .1s,border-color .1s,transform 60ms}._tapBtn_1vbgo_76:active{color:var(--mint);border-color:var(--mint);transform:scale(.92)}._tapBtn_1vbgo_76[data-active=true]{color:var(--mint);border-color:#3dffe04d}._sep_1vbgo_100{background:var(--stroke);width:1px;height:1.1rem}._trackBadge_1vbgo_106{color:var(--mint);white-space:nowrap;font-size:.58rem;font-weight:700}._metroWrap_1vbgo_114{align-items:center;gap:1px;display:flex;position:relative}._metronomeBtn_1vbgo_121{border:1px solid var(--stroke);width:1.6rem;height:1.6rem;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;place-items:center;transition:color .12s,border-color .12s,background .12s;display:grid}._metronomeBtn_1vbgo_121:hover{color:var(--text);background:#ffffff0f}._metronomeBtn_1vbgo_121[data-on=true]{color:var(--gold);border-color:var(--gold);background:#f0c65a1a}._metroExpandBtn_1vbgo_145{width:.8rem;height:1.6rem;color:var(--text-muted);cursor:pointer;opacity:.5;background:0 0;border:none;place-items:center;transition:opacity .1s;display:grid}._metroExpandBtn_1vbgo_145:hover{opacity:1}._metroPopover_1vbgo_160{background:var(--bg-panel);border:1px solid var(--stroke);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow);z-index:20;border-radius:10px;flex-direction:column;gap:.4rem;min-width:10rem;margin-bottom:6px;padding:.5rem .6rem;display:flex;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}._metroRow_1vbgo_180{align-items:center;gap:.4rem;display:flex}._metroLabel_1vbgo_186{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;min-width:2.8rem;font-size:.6rem;font-weight:600}._metroSelect_1vbgo_195{border:1px solid var(--stroke);color:var(--gold);background:#00000047;border-radius:6px;flex:1;padding:.2rem .3rem;font-size:.65rem;font-weight:500}._metroSelect_1vbgo_195:focus{border-color:var(--gold);outline:none}._metroSlider_1vbgo_211{appearance:none;background:var(--stroke);cursor:pointer;border-radius:2px;flex:1;height:3px}._metroSlider_1vbgo_211::-webkit-slider-thumb{appearance:none;background:var(--gold);border:none;border-radius:50%;width:8px;height:8px}._metroVal_1vbgo_229{color:var(--text-muted);font-variant-numeric:tabular-nums;text-align:right;min-width:2rem;font-size:.58rem}._transport_1vbgo_238{background:#00000040;border-radius:8px;gap:3px;padding:2px;display:flex}._transportBtn_1vbgo_246{width:1.6rem;height:1.6rem;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;place-items:center;transition:color .12s,background .12s;display:grid}._transportBtn_1vbgo_246:hover{color:var(--text);background:#ffffff14}._transportBtn_1vbgo_246[data-type=play][data-active=true]{color:var(--mint)}._transportBtn_1vbgo_246[data-type=rec][data-active=true]{color:var(--coral);animation:1s ease-in-out infinite _pulse_1vbgo_1}._transportBtn_1vbgo_246[data-type=rec]:not([data-active=true]){color:var(--coral)}._recBtn_1vbgo_277{border:2px solid var(--stroke);cursor:pointer;background:#ffffff0f;border-radius:50%;flex-shrink:0;place-items:center;width:1.8rem;height:1.8rem;transition:border-color .15s,background .15s;display:grid}._recBtn_1vbgo_277[data-state=recording]{border-color:var(--coral);animation:1s ease-in-out infinite _pulse_1vbgo_1}._recBtn_1vbgo_277[data-state=countIn]{border-color:var(--gold);animation:.6s ease-in-out infinite _pulse_1vbgo_1}._recBtn_1vbgo_277:hover{background:#ffffff1a}._recDot_1vbgo_304{background:var(--coral);border-radius:50%;width:.55rem;height:.55rem}._stopIcon_1vbgo_311{background:var(--text);border-radius:2px;width:.5rem;height:.5rem}._recLabel_1vbgo_318{letter-spacing:.1em;text-transform:uppercase;color:var(--coral);font-size:.62rem;font-weight:700;animation:1s ease-in-out infinite _pulse_1vbgo_1}._progressWrap_1vbgo_327{align-items:center;gap:.35rem;display:flex}._progressTrack_1vbgo_333{background:#e8f4f81f;border-radius:2px;width:4rem;height:3px;transition:box-shadow .12s ease-out;overflow:hidden}._progressTrack_1vbgo_333[data-flash=true]{box-shadow:0 0 6px var(--mint), 0 0 12px #3dffe04d}._progressFill_1vbgo_346{background:var(--mint);border-radius:2px;height:100%;transition:width 50ms linear}._durationLabel_1vbgo_353{color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.62rem}._actionBtn_1vbgo_360{color:var(--text-muted);border:1px solid var(--stroke);cursor:pointer;white-space:nowrap;background:#ffffff0f;border-radius:999px;padding:.18rem .4rem;font-size:.62rem;font-weight:500;transition:color .15s,border-color .15s}._actionBtn_1vbgo_360:hover{color:var(--text);border-color:#e8f4f840}._actionBtn_1vbgo_360:focus-visible{outline:2px solid var(--mint);outline-offset:2px}._actionBtn_1vbgo_360[data-accent=true]{color:var(--mint);border-color:#3dffe040}._actionBtn_1vbgo_360[data-accent=true]:hover{border-color:var(--mint)}._actionBtn_1vbgo_360:disabled{opacity:.5;cursor:default}@keyframes _pulse_1vbgo_1{0%,to{opacity:1}50%{opacity:.5}}._overlay_1yiz1_1{z-index:16;pointer-events:none;padding:max(.75rem, env(safe-area-inset-top)) max(.75rem, env(safe-area-inset-right)) max(.75rem, env(safe-area-inset-bottom)) max(.75rem, env(safe-area-inset-left));background:linear-gradient(#0b101426 0%,#0b10148c 45%,#0b1014d1 100%);flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset:0}._panel_1yiz1_21{pointer-events:auto;background:var(--bg-panel);border:1px solid var(--stroke);border-radius:var(--radius);-webkit-backdrop-filter:blur(14px);width:min(52rem,100%);box-shadow:var(--shadow);animation:_rise_1yiz1_1 .35s var(--ease-out);margin:0 auto;padding:.85rem 1rem 1rem}._header_1yiz1_35{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.75rem;display:flex}._titleBlock_1yiz1_43{min-width:0}._kicker_1yiz1_47{letter-spacing:.14em;text-transform:uppercase;color:var(--mint);margin:0;font-size:.62rem;font-weight:600}._title_1yiz1_43{font-family:var(--font-display);letter-spacing:-.03em;margin:.15rem 0 0;font-size:clamp(1.15rem,3vw,1.55rem);font-weight:800;line-height:1.15}._meta_1yiz1_65{color:var(--text-muted);margin:.25rem 0 0;font-size:.78rem}._actions_1yiz1_71{flex-shrink:0;gap:.35rem;display:flex}._btn_1yiz1_77{border:1px solid var(--stroke);color:var(--text-muted);cursor:pointer;background:#ffffff0d;border-radius:999px;padding:.35rem .7rem;font-size:.72rem;font-weight:600}._btn_1yiz1_77:hover{color:var(--text);border-color:#e8f4f847}._btnPrimary_1yiz1_93{background:var(--mint-dim);color:var(--mint);border-color:#3dffe066}._stage_1yiz1_99{grid-template-columns:1.1fr .9fr;align-items:start;gap:.85rem;display:grid}._guide_1yiz1_106{border:1px solid var(--stroke);background:#00000038;border-radius:12px;padding:.7rem .75rem}._guide_1yiz1_106[data-complete=true]{border-color:#3dffe073;box-shadow:0 0 24px #3dffe01f}._guideHead_1yiz1_118{justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.55rem;display:flex}._chordName_1yiz1_126{font-family:var(--font-display);letter-spacing:-.03em;color:var(--mint);font-size:1.6rem;font-weight:800;line-height:1}._pos_1yiz1_135{color:var(--text-muted);white-space:nowrap;font-size:.68rem}._hands_1yiz1_141{grid-template-columns:1fr 1fr;gap:.65rem;display:grid}._hand_1yiz1_141{color:var(--text-muted);flex-direction:column;align-items:center;gap:.25rem;display:flex}._handSvg_1yiz1_155{aspect-ratio:120/140;width:min(100%,7.5rem)}._caption_1yiz1_160{text-align:center;color:var(--text-muted);margin:0;font-size:.65rem;line-height:1.3}._caption_1yiz1_160 strong{color:var(--text);font-weight:600}._chips_1yiz1_173{flex-wrap:wrap;gap:.3rem;margin-top:.65rem;display:flex}._chip_1yiz1_173{border:1px solid var(--stroke);background:#ffffff08;border-radius:8px;flex-direction:column;gap:.05rem;min-width:3.4rem;padding:.28rem .45rem;display:flex}._chip_1yiz1_173[data-ok=true]{background:var(--mint-dim);border-color:#3dffe073}._chip_1yiz1_173[data-ok=false]{background:var(--coral-dim);border-color:#ff6b5a59}._chipLabel_1yiz1_201{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:.52rem;font-weight:700}._chipTarget_1yiz1_209{color:var(--text);font-size:.72rem;font-weight:600}._hint_1yiz1_215{color:var(--text-muted);margin:.55rem 0 0;font-size:.72rem}._guideActions_1yiz1_221{flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.55rem;display:flex}._metroWrap_1yiz1_229{position:relative}._metroBtn_1yiz1_233{border:1px solid var(--stroke);color:var(--text-muted);cursor:pointer;transition:border-color .15s var(--ease-out), color .15s var(--ease-out), background .15s var(--ease-out);background:#ffffff0a;border-radius:999px;align-items:center;gap:.3rem;padding:.32rem .65rem;font-size:.72rem;font-weight:600;display:inline-flex}._metroBtn_1yiz1_233:hover{color:var(--text);border-color:#3dffe059}._metroBtn_1yiz1_233[data-on=true]{color:var(--mint);background:var(--mint-dim);border-color:#3dffe073}._metroBtn_1yiz1_233[data-armed=true]{color:var(--gold);background:#f0c65a1f;border-color:#f0c65a73}._metroBpm_1yiz1_265{font-variant-numeric:tabular-nums}._metroPopover_1yiz1_269{z-index:5;border:1px solid var(--stroke);background:var(--bg-panel-solid);min-width:12.5rem;box-shadow:var(--shadow);border-radius:12px;flex-direction:column;gap:.45rem;padding:.55rem .65rem;display:flex;position:absolute;bottom:calc(100% + .4rem);left:0}._metroRow_1yiz1_285{align-items:center;gap:.45rem;display:flex}._metroToggle_1yiz1_291{border:1px solid var(--stroke);color:var(--text-muted);cursor:pointer;background:#00000038;border-radius:999px;padding:.2rem .6rem;font-size:.68rem;font-weight:700}._metroToggle_1yiz1_291[data-on=true]{color:var(--mint);background:var(--mint-dim);border-color:#3dffe073}._metroHint_1yiz1_308{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.68rem}._metroLabel_1yiz1_314{color:var(--text-muted);min-width:1.5rem;font-size:.68rem;font-weight:600}._metroSlider_1yiz1_321{min-width:0;accent-color:var(--mint);flex:1}._metroVal_1yiz1_327{color:var(--text-muted);font-variant-numeric:tabular-nums;text-align:right;min-width:2.2rem;font-size:.68rem}._chart_1yiz1_335{border:1px solid var(--stroke);background:#0000002e;border-radius:12px;flex-direction:column;min-height:0;max-height:16rem;padding:.55rem;display:flex;overflow:hidden}._sectionPills_1yiz1_347{flex-wrap:wrap;flex-shrink:0;gap:.3rem;margin-bottom:.45rem;display:flex}._chartList_1yiz1_355{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#3dffe066 #00000047;flex:1;min-height:0;padding-right:.15rem;position:relative;overflow:auto}._chartList_1yiz1_355::-webkit-scrollbar{width:8px}._chartList_1yiz1_355::-webkit-scrollbar-track{background:#00000047;border-radius:999px}._chartList_1yiz1_355::-webkit-scrollbar-thumb{background:#3dffe059 padding-box padding-box;border:2px solid #0000;border-radius:999px}._chartList_1yiz1_355::-webkit-scrollbar-thumb:hover{background:#3dffe08c padding-box padding-box;border:2px solid #0000}._pill_1yiz1_388{border:1px solid var(--stroke);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:999px;padding:.2rem .5rem;font-size:.62rem;font-weight:600}._pill_1yiz1_388[data-active=true]{color:var(--mint);background:var(--mint-dim);border-color:#3dffe066}._pill_1yiz1_388[data-done=true]:not([data-active=true]){color:var(--text);opacity:.75}._row_1yiz1_410{color:var(--text-muted);border-radius:8px;grid-template-columns:2.4rem 2.6rem 1.6rem 3.2rem 1fr .7rem;align-items:center;gap:.25rem;padding:.28rem .35rem;font-size:.68rem;display:grid}._row_1yiz1_410[data-state=active]{background:var(--mint-dim);color:var(--text)}._row_1yiz1_410[data-state=done]{opacity:.7}._row_1yiz1_410[data-state=skipped]{opacity:.45;text-decoration:line-through}._deg_1yiz1_435{color:var(--mint);font-weight:700}._screen_1yiz1_440{text-align:center;padding:1.25rem .5rem .5rem}._screen_1yiz1_440 h2{font-family:var(--font-display);margin:0;font-size:1.45rem;font-weight:800}._lede_1yiz1_452{color:var(--text-muted);margin:.45rem 0 1rem;font-size:.85rem}._doneActions_1yiz1_458{flex-wrap:wrap;justify-content:center;gap:.45rem;display:flex}._banner_1yiz1_465{top:max(4.5rem, calc(env(safe-area-inset-top) + 4rem));z-index:18;pointer-events:auto;background:var(--bg-panel);max-width:min(28rem,100% - 1.5rem);color:var(--text);box-shadow:var(--shadow);border:1px solid #ff6b5a73;border-radius:12px;padding:.55rem .85rem;font-size:.8rem;position:absolute;left:50%;transform:translate(-50%)}._bannerDismiss_1yiz1_482{color:var(--coral);cursor:pointer;background:0 0;border:none;margin-left:.65rem;font-size:.75rem;font-weight:700}@keyframes _rise_1yiz1_1{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=720px){._stage_1yiz1_99{grid-template-columns:1fr}._chart_1yiz1_335{max-height:10rem}._chordName_1yiz1_126{font-size:1.35rem}._handSvg_1yiz1_155{width:min(100%,6.2rem)}._row_1yiz1_410{grid-template-columns:2.2rem 2.2rem 1.4rem 1fr .7rem}._row_1yiz1_410 ._qual_1yiz1_524{display:none}}._guide_fj9ma_1{pointer-events:none;z-index:6;width:min(52rem,100vw - 1.5rem);animation:_rise_fj9ma_1 .45s var(--ease-out);position:absolute;bottom:14rem;left:50%;transform:translate(-50%)}._caption_fj9ma_12{text-align:center;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin:0 0 .45rem;font-size:.75rem}._row_fj9ma_21{grid-template-columns:repeat(8,minmax(0,1fr));gap:.4rem;display:grid}._pad_fj9ma_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_fj9ma_27[data-active=true]{background:var(--mint-dim);border-color:#3dffe08c;transform:translateY(-3px);box-shadow:0 0 22px #3dffe02e}._note_fj9ma_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_fj9ma_27[data-active=true] ._note_fj9ma_53{color:var(--mint)}._roman_fj9ma_66{color:var(--text-muted);letter-spacing:.04em;font-size:.65rem;font-weight:600}._hint_fj9ma_73{color:var(--text-muted);text-align:center;max-width:100%;padding:0 .15rem;font-size:.58rem;line-height:1.2}._pad_fj9ma_27[data-octave=true]{opacity:.72}@keyframes _rise_fj9ma_1{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (width<=720px){._guide_fj9ma_1{bottom:12rem}._hint_fj9ma_73{display:none}._pad_fj9ma_27{min-height:3.2rem}}._backdrop_ud43h_1{z-index:22;cursor:pointer;animation:_fade_ud43h_1 .2s var(--ease-out);background:#060a0e9e;border:none;margin:0;padding:0;position:absolute;inset:0}._modal_ud43h_13{z-index:23;background:var(--bg-panel-solid);border:1px solid var(--stroke);border-radius:var(--radius);width:min(64rem,100vw - 1.25rem);max-height:min(90vh,48rem);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:auto;animation:_rise_ud43h_1 .28s var(--ease-out);flex-direction:column;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}._header_ud43h_32{border-bottom:1px solid var(--stroke);flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1rem;display:flex}._title_ud43h_42{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:1.15rem;font-weight:800}._close_ud43h_50{border:1px solid var(--stroke);color:var(--text-muted);cursor:pointer;background:#ffffff0a;border-radius:999px;padding:.3rem .7rem;font-size:.75rem;font-weight:600}._close_ud43h_50:hover{color:var(--text)}._createLink_ud43h_65{background:var(--mint-dim);color:var(--text);transition:border-color .15s var(--ease-out), background .15s var(--ease-out);border:1px solid #3dffe059;border-radius:12px;flex-direction:column;flex-shrink:0;gap:.15rem;margin:.65rem .85rem 0;padding:.7rem .85rem;text-decoration:none;display:flex}._createLink_ud43h_65:hover{background:#3dffe042;border-color:#3dffe08c}._createTitle_ud43h_85{font-family:var(--font-display);color:var(--mint);font-size:.9rem;font-weight:700}._createMeta_ud43h_92{color:var(--text-muted);font-size:.72rem;line-height:1.35}._chips_ud43h_98{-webkit-overflow-scrolling:touch;flex-wrap:wrap;flex-shrink:0;gap:.4rem;max-height:6.5rem;padding:.7rem .85rem .35rem;display:flex;overflow:auto}._chip_ud43h_98{border:1px solid var(--stroke);color:var(--text-muted);cursor:pointer;transition:border-color .15s var(--ease-out), background .15s var(--ease-out), color .15s var(--ease-out);background:#00000038;border-radius:999px;align-items:center;gap:.35rem;padding:.28rem .65rem;font-size:.72rem;font-weight:600;display:inline-flex}._chip_ud43h_98:hover{color:var(--text);border-color:#3dffe059}._chip_ud43h_98[data-active=true]{background:var(--mint-dim);color:var(--mint);border-color:#3dffe08c}._chipCount_ud43h_135{opacity:.7;font-variant-numeric:tabular-nums;font-weight:500}._grid_ud43h_141{-webkit-overflow-scrolling:touch;flex:1;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(8.75rem,auto);align-content:start;gap:.65rem;min-height:0;padding:.75rem .95rem .95rem;display:grid;overflow:auto}._card_ud43h_154{text-align:left;border:1px solid var(--stroke);cursor:pointer;min-width:0;min-height:8.75rem;color:var(--text);transition:border-color .15s var(--ease-out), background .15s var(--ease-out), transform .15s var(--ease-out);background:#00000038;border-radius:12px;flex-direction:column;align-items:flex-start;gap:.28rem;padding:.8rem .85rem;display:flex}._card_ud43h_154:hover{background:var(--mint-dim);border-color:#3dffe066;transform:translateY(-1px)}._cardTitle_ud43h_177{font-family:var(--font-display);-webkit-line-clamp:3;word-break:break-word;-webkit-box-orient:vertical;font-size:.95rem;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}._cardMeta_ud43h_189{color:var(--text-muted);font-size:.72rem;line-height:1.3}._cardAuthor_ud43h_195{color:#3dffe0bf;-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;max-width:100%;font-size:.72rem;line-height:1.3;display:-webkit-box;overflow:hidden}._cardTags_ud43h_207{flex-wrap:wrap;gap:.25rem;margin-top:auto;padding-top:.25rem;display:flex}._cardTag_ud43h_207{color:var(--text-muted);border:1px solid var(--stroke);border-radius:999px;padding:.1rem .4rem;font-size:.62rem}._pager_ud43h_223{border-top:1px solid var(--stroke);flex-shrink:0;justify-content:center;align-items:center;gap:.75rem;padding:.55rem 1rem .85rem;display:flex}._pageBtn_ud43h_233{border:1px solid var(--stroke);color:var(--text);cursor:pointer;background:#ffffff0a;border-radius:999px;padding:.3rem .85rem;font-size:.75rem;font-weight:600}._pageBtn_ud43h_233:disabled{opacity:.35;cursor:default}._pageBtn_ud43h_233:not(:disabled):hover{color:var(--mint);border-color:#3dffe066}._pageLabel_ud43h_254{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.75rem}._status_ud43h_260{text-align:center;color:var(--text-muted);margin:1.25rem;font-size:.85rem}._error_ud43h_267{color:var(--coral)}@keyframes _fade_ud43h_1{0%{opacity:0}to{opacity:1}}@keyframes _rise_ud43h_1{0%{opacity:0;transform:translate(-50%,calc(8px - 50%))}to{opacity:1;transform:translate(-50%,-50%)}}@media (width<=720px){._modal_ud43h_13{width:min(100vw - .75rem,28rem);max-height:min(88vh,40rem)}._grid_ud43h_141{grid-template-columns:repeat(2,minmax(0,1fr))}._chips_ud43h_98{max-height:5.5rem}}._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}