@layer reset{*,:before,:after{box-sizing:border-box;margin:0;padding:0}.hidden{display:none!important}}@layer tokens{:root{--bg:#06060e;--surface:#0b0d18d6;--surface-hi:#0a0c16f5;--border:#ffffff12;--border-hi:#ffffff1f;--text:#f4f4fb;--text-muted:#b0b4d4;--text-dim:#6c7298;--accent:#f97316;--accent-soft:#f9731629;--accent-glow:#f973164d;--red:#ef44441a;--red-border:#ef444438;--red-text:#fca5a5;--r-sm:6px;--r-md:10px;--r-lg:16px;--r-xl:22px;--r-pill:999px;--keyboard-h:120px;--hud-gap:28px;--font:"Inter", system-ui, sans-serif;--font-display:"Instrument Serif", ui-serif, Georgia, serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1)}html:lang(zh-CN){--font:"Inter", "Noto Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Source Han Sans SC", system-ui, sans-serif;--font-display:"Noto Serif SC", "Songti SC", "STSong", "Source Han Serif SC", ui-serif, serif}@media (width<=900px) and (orientation:landscape),(height<=500px){:root{--hud-gap:20px}}@media (height<=640px){:root{--hud-gap:14px}}}@layer base{html,body{background:var(--bg);width:100%;height:100%;color:var(--text);font-family:var(--font);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;font-size:13px;line-height:1.5;overflow:hidden}@media (prefers-reduced-motion:reduce){#dropzone,#top-strip,#hud,#track-panel,.panel-backdrop,#export-modal,#post-session-modal,.export-card,.post-session-card,.export-progress-bar,.scrubber,.mini-slider,.toggle-track,.toggle-track:after,.theme-dot,.ts-record-btn,.ts-context,.ts-menu,.ts-menu-item,.modal-btn,.fps-btn{transition-duration:.01ms!important}}}@layer layout{#app{width:100vw;height:100svh;min-height:100vh;position:relative}#pianoroll{touch-action:none;width:100%;height:100%;display:block}#ui-overlay,#solid-root{pointer-events:none;position:absolute;inset:0}}@layer components{._consoleDock_n49gw_2{right:calc(18px + env(safe-area-inset-right));bottom:calc(var(--keyboard-h) + 18px + env(safe-area-inset-bottom));z-index:120;pointer-events:auto;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:absolute}._consoleTrigger_n49gw_14{border:1px solid color-mix(in srgb, var(--accent) 24%, var(--border));border-radius:var(--r-pill);background:linear-gradient(180deg, #ffffff1f, #fff0), color-mix(in srgb, var(--accent-soft) 88%, #0a0a12eb);min-width:34px;height:34px;color:color-mix(in srgb, var(--accent) 66%, white);cursor:pointer;box-shadow:0 4px 16px color-mix(in srgb, var(--accent) 28%, transparent), 0 0 0 1px color-mix(in srgb, var(--accent) 14%, transparent) inset, inset 0 1px 0 #ffffff0a;transition:color .15s, background .15s, border-color .15s, box-shadow .2s, filter .15s, transform .12s var(--ease-spring);justify-content:center;align-items:center;gap:6px;padding:0 10px;display:inline-flex}._consoleTrigger_n49gw_14:hover{color:#fff;border-color:var(--accent-glow);filter:brightness(1.08)}._consoleTrigger_n49gw_14:active{transform:scale(.97)}._consoleTriggerIcon_n49gw_52,._consoleTriggerChev_n49gw_53{justify-content:center;align-items:center;display:inline-flex}._consoleTriggerChev_n49gw_53{color:color-mix(in srgb, var(--accent) 55%, var(--text-dim));transition:transform .15s var(--ease-out), color .15s}._consoleTriggerOpen_n49gw_66{color:#fff;border-color:var(--accent-glow);background:linear-gradient(180deg, #ffffff2e, #fff0), color-mix(in srgb, var(--accent) 32%, #0c0c16e6);box-shadow:0 6px 24px var(--accent-glow), 0 0 0 4px color-mix(in srgb, var(--accent-soft) 72%, transparent), inset 0 1px 0 #ffffff14}._consoleTriggerOpen_n49gw_66 ._consoleTriggerChev_n49gw_53{color:var(--accent);transform:rotate(180deg)}._consolePanel_n49gw_83{opacity:0;pointer-events:none;z-index:121;width:min(320px,100vw - 24px);min-height:120px;transition:opacity .18s var(--ease-out), transform .18s var(--ease-out);position:absolute;bottom:calc(100% + 10px);right:0;transform:translateY(6px)}._consolePanelOpen_n49gw_98{opacity:1;pointer-events:auto;outline:1px solid #ffffff14;transform:translateY(0)}._consoleBody_n49gw_105{flex-direction:column;gap:12px;padding:14px;display:flex}._consoleRow_n49gw_112{justify-content:space-between;align-items:center;gap:12px;display:flex}._consoleRowTranspose_n49gw_119{justify-content:flex-start}._consoleLabel_n49gw_123{font-family:var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);font-size:11px;font-weight:600}._consoleValue_n49gw_132{font-family:var(--font-mono);color:var(--text);font-size:12px}._consoleSelect_n49gw_138{border:1px solid var(--border);min-width:0;height:34px;color:var(--text-muted);font-family:var(--font);appearance:none;cursor:pointer;background:#0c0c16d6;border-radius:12px;outline:none;flex:1;padding:0 30px 0 10px;font-size:12px;font-weight:500}._consoleSelect_n49gw_138:hover,._consoleSelect_n49gw_138:focus-visible{color:var(--text);border-color:var(--border-hi)}._consoleSelect_n49gw_138:disabled,._consoleReset_n49gw_162:disabled{opacity:.55;cursor:default}._consoleSelect_n49gw_138 option{color:#f4f6fb;background:#0c0c16}._consoleReset_n49gw_162{background:var(--accent-soft);width:34px;height:34px;color:var(--accent);font-family:var(--font-mono);cursor:pointer;transition:transform .12s var(--ease-spring), background .15s, color .15s;border:none;border-radius:12px;font-size:12px;font-weight:700}._consoleReset_n49gw_162:hover{background:var(--accent);color:#fff}._consoleReset_n49gw_162:active{transform:scale(.94)}._consoleToggle_n49gw_198,._consoleSegment_n49gw_199{border:1px solid var(--border);color:var(--text-muted);font-family:var(--font);cursor:pointer;transition:transform .12s var(--ease-spring), border-color .15s, background .15s, color .15s;background:#0c0c16d6;font-size:12px;font-weight:600}._consoleToggle_n49gw_198{border-radius:999px;min-width:72px;height:30px;padding:0 12px}._consoleToggle_n49gw_198:hover,._consoleToggle_n49gw_198:focus-visible,._consoleSegment_n49gw_199:hover,._consoleSegment_n49gw_199:focus-visible{color:var(--text);border-color:var(--border-hi)}._consoleToggle_n49gw_198:active,._consoleSegment_n49gw_199:active{transform:scale(.96)}._consoleToggleOn_n49gw_234,._consoleSegmentActive_n49gw_235{background:var(--accent-soft);color:var(--accent);border-color:#ffffff14}._consoleSegmented_n49gw_241{background:#ffffff09;border-radius:999px;gap:4px;padding:3px;display:inline-flex}._consoleSegment_n49gw_199{border-radius:999px;min-height:28px;padding:0 10px}._consoleSub_n49gw_255{font-family:var(--font);color:var(--text-muted);font-size:11px}@media (width<=640px){._consoleDock_n49gw_2{right:calc(10px + env(safe-area-inset-right));bottom:calc(var(--keyboard-h) + 12px + env(safe-area-inset-bottom))}._consoleTrigger_n49gw_14{padding:0 12px 0 10px}}@media (width<=900px) and (orientation:landscape),(height<=500px){._consoleDock_n49gw_2{bottom:calc(var(--keyboard-h) + 10px + env(safe-area-inset-bottom))}}._ts-chord-slot_v9fly_2{flex:none;align-items:center;margin-left:8px;display:inline-flex}._tsChordReadout_v9fly_9{border:1px solid var(--border);border-radius:var(--r-pill);height:24px;color:var(--text-muted);font-family:var(--font);white-space:nowrap;opacity:0;transition:opacity .22s var(--ease-out), transform .22s var(--ease-out), border-color .2s ease, background .2s ease;background:#ffffff06;justify-content:center;align-items:center;gap:0;width:76px;padding:0 12px;display:none;position:relative;overflow:hidden;transform:translateY(1px)}._tsChordReadoutOn_v9fly_40{opacity:1;display:inline-flex;transform:translateY(0)}._tsChordReadoutName_v9fly_46{font-feature-settings:"tnum" 1, "lnum" 1;align-items:baseline;gap:.5px;line-height:1;display:inline-flex}._tsChordReadoutTonic_v9fly_58{font-family:var(--font);letter-spacing:.005em;color:var(--text);font-size:13px;font-weight:600}._tsChordReadoutQuality_v9fly_66{font-family:var(--font);letter-spacing:.005em;color:var(--text-muted);font-size:11.5px;font-weight:500}._tsChordReadoutBass_v9fly_74{color:var(--text-dim);opacity:.85;margin-left:0;font-weight:500}._tsChordReadoutEmpty_v9fly_81 ._tsChordReadoutTonic_v9fly_58{color:var(--text-dim);opacity:.55}@keyframes _tsChordReadoutPulse_v9fly_100{0%{filter:brightness(1.04);transform:scale(.985)}55%{filter:brightness(1.16);transform:scale(1.012)}to{filter:brightness();transform:scale(1)}}._tsChordReadoutPulse_v9fly_100{animation:_tsChordReadoutPulse_v9fly_100 .32s var(--ease-spring)}._ts-chord-btn_v9fly_103{width:24px;height:24px;color:var(--text-dim);cursor:pointer;opacity:.55;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:color .18s,opacity .18s,background .18s;display:inline-flex}._ts-chord-btn_v9fly_103:hover{opacity:1;color:var(--text-muted);background:#ffffff0a}._ts-chord-btn_v9fly_103 ._ts-chord-icon_v9fly_128{justify-content:center;align-items:center;width:13px;height:13px;display:inline-flex}._ts-chord-btn--on_v9fly_136{opacity:1;color:var(--accent);background:0 0}._ts-chord-btn--on_v9fly_136:hover{color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent)}@media (width<=720px){._tsChordReadout_v9fly_9{min-width:48px;height:22px;padding:0 9px}._tsChordReadoutTonic_v9fly_58{font-size:12px}._tsChordReadoutQuality_v9fly_66{font-size:10.5px}}@media (width<=480px){._tsChordReadoutOn_v9fly_40{display:none}}._coachmark_1g95n_2{z-index:9999;background:var(--surface-hi);-webkit-backdrop-filter:blur(28px)saturate(140%);border:1px solid var(--border-hi);width:max-content;max-width:268px;box-shadow:0 10px 28px #00000080, 0 1px 0 #ffffff0a inset, 0 0 0 1px var(--accent-glow);color:var(--text);pointer-events:auto;border-radius:10px;flex-direction:column;gap:5px;padding:11px 32px 11px 13px;display:flex;position:fixed}._coachmarkBelow_1g95n_24{animation:_coachmark-in-below_1g95n_1 .22s var(--ease-out) both;transform:translate(-50%)}._coachmarkAbove_1g95n_29{animation:_coachmark-in-above_1g95n_1 .22s var(--ease-out) both;transform:translate(-50%,-100%)}._coachmarkArrow_1g95n_34{background:inherit;width:9px;height:9px;position:absolute;left:50%;transform:translate(-50%)rotate(45deg)}._coachmarkBelow_1g95n_24 ._coachmarkArrow_1g95n_34{border-top:1px solid var(--border-hi);border-left:1px solid var(--border-hi);top:-5px}._coachmarkAbove_1g95n_29 ._coachmarkArrow_1g95n_34{border-bottom:1px solid var(--border-hi);border-right:1px solid var(--border-hi);bottom:-5px}._coachmarkTitle_1g95n_55{font:600 12px / 1.2 var(--font);color:var(--accent);letter-spacing:-.005em;align-items:center;gap:6px;display:inline-flex}._coachmarkTitle_1g95n_55:before{content:"";background:var(--accent);width:5px;height:5px;box-shadow:0 0 8px var(--accent-glow);border-radius:999px}._coachmarkBody_1g95n_73{font:500 11.5px / 1.4 var(--font);color:var(--text-muted);letter-spacing:-.005em}._coachmarkClose_1g95n_79{width:20px;height:20px;color:var(--text-dim);font:500 15px / 1 var(--font);cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;transition:color .15s,background .15s;display:inline-flex;position:absolute;top:6px;right:6px}._coachmarkClose_1g95n_79:hover{color:var(--text);background:#ffffff0f}@keyframes _coachmark-in-below_1g95n_1{0%{opacity:0;transform:translate(-50%)translateY(-3px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes _coachmark-in-above_1g95n_1{0%{opacity:0;transform:translate(-50%,-100%)translateY(3px)}to{opacity:1;transform:translate(-50%,-100%)translateY(0)}}#top-strip{top:calc(14px + env(safe-area-inset-top));right:calc(14px + env(safe-area-inset-right));left:calc(14px + env(safe-area-inset-left));z-index:20;height:54px;color:var(--text);opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(30px)saturate(145%);transition:opacity .4s var(--ease-out), transform .4s var(--ease-out);background:#070912c7;border:1px solid #ffffff12;border-radius:18px;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:clamp(6px,1vw,12px);padding:0 8px 0 14px;display:grid;position:absolute;transform:translateY(-6px);box-shadow:0 20px 48px #00000057,inset 0 1px #ffffff0a}#top-strip.strip--active{opacity:1;pointer-events:auto;transform:none}#top-strip.strip--dim{opacity:.16;pointer-events:none}.ts-home{height:38px;color:var(--text);font:600 13.5px / 1 var(--font);letter-spacing:-.015em;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:10px;padding:0 12px 0 6px;transition:background .15s,color .15s;display:inline-flex}.ts-home:hover{background:#ffffff0a}.ts-home-mark{color:var(--accent);transition:transform .25s var(--ease-spring);flex-shrink:0}.ts-home:hover .ts-home-mark{transform:rotate(-4deg)scale(1.05)}.ts-home-name{white-space:nowrap}.ts-mode-switch{border-radius:var(--r-pill);background:#ffffff09;border:1px solid #ffffff0f;align-items:center;height:32px;padding:3px;display:inline-flex;position:relative}.ts-mode-seg{z-index:1;border-radius:var(--r-pill);min-width:66px;height:26px;color:var(--text-dim);font:500 12px / 1 var(--font);letter-spacing:-.005em;cursor:pointer;transition:color .18s var(--ease-out);background:0 0;border:0;justify-content:center;align-items:center;gap:7px;padding:0 13px;display:inline-flex;position:relative}.ts-mode-seg:hover{color:var(--text-muted)}.ts-mode-seg.is-active,.ts-mode-seg.is-active:hover{color:#fff;font-weight:600}.ts-mode-icon{color:currentColor;opacity:.75;transition:color .18s var(--ease-out), opacity .18s var(--ease-out);align-items:center;display:inline-flex}.ts-mode-seg:hover .ts-mode-icon{opacity:.95}.ts-mode-seg.is-active .ts-mode-icon{color:var(--accent);opacity:1}.ts-mode-thumb{border-radius:var(--r-pill);opacity:0;pointer-events:none;width:calc(33.3333% - 2px);transition:transform .26s var(--ease-spring), opacity .18s var(--ease-out);background:linear-gradient(#ffffff24,#ffffff14);position:absolute;top:3px;bottom:3px;left:3px;box-shadow:inset 0 1px #ffffff24,inset 0 -1px #0000002e,0 2px 6px #00000047}.ts-mode-switch[data-active=play] .ts-mode-thumb{opacity:1;transform:translate(0)}.ts-mode-switch[data-active=live] .ts-mode-thumb{opacity:1;transform:translate(100%)}.ts-mode-switch[data-active=learn] .ts-mode-thumb{opacity:1;transform:translate(200%)}.ts-status{min-width:0;height:36px;color:var(--text);font-family:var(--font);justify-content:center;justify-self:stretch;align-items:center;gap:10px;padding:0 14px;display:flex;position:relative}.ts-status-dot{background:var(--text-dim);border-radius:50%;flex-shrink:0;width:7px;height:7px;transition:background .2s,box-shadow .2s}#top-strip[data-mode=play] .ts-status-dot,#top-strip[data-mode=live] .ts-status-dot,#top-strip[data-mode=learn] .ts-status-dot{background:var(--accent)}#top-strip[data-mode=live] .ts-status-dot{box-shadow:0 0 10px var(--accent-glow)}#top-strip.strip--playing .ts-status-dot{animation:1.8s ease-in-out infinite dot-pulse}@keyframes dot-pulse{0%,to{box-shadow:0 0 0 0 var(--accent-soft)}50%{box-shadow:0 0 0 5px #0000}}.ts-status-main{flex-direction:column;align-items:stretch;min-width:0;line-height:1.1;display:flex}.ts-status-kicker{color:var(--text-dim);letter-spacing:.14em;text-transform:uppercase;font-size:9.5px;font-weight:600}.ts-status-title{max-width:320px;color:var(--text);letter-spacing:-.015em;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:13px;font-weight:600;overflow:hidden}.ts-bars{opacity:0;flex-shrink:0;align-items:flex-end;gap:2px;height:12px;margin-left:2px;transition:opacity .4s;display:inline-flex}#top-strip.strip--playing:not(.strip--dim) .ts-bars{opacity:.75}.ts-bars span{background:var(--accent);border-radius:1.5px;width:2px;animation:1.2s ease-in-out infinite bar-bounce;display:block}.ts-bars span:first-child{height:6px;animation-delay:0s}.ts-bars span:nth-child(2){height:11px;animation-delay:.22s}.ts-bars span:nth-child(3){height:4px;animation-delay:.1s}.ts-bars span:nth-child(4){height:8px;animation-delay:.38s}@keyframes bar-bounce{0%,to{opacity:.5;transform:scaleY(.3)}50%{opacity:1;transform:scaleY(1)}}.ts-end{flex-shrink:0;justify-content:flex-end;align-items:center;gap:6px;display:flex}.ts-pill,.ts-record-btn{border-radius:var(--r-pill);color:var(--text-muted);font:500 12px / 1 var(--font);letter-spacing:-.005em;white-space:nowrap;cursor:pointer;transition:color .15s, background .15s, border-color .15s, transform .16s var(--ease-spring), box-shadow .2s;align-items:center;display:inline-flex}.ts-pill{background:0 0;border:1px solid #0000;gap:7px;height:32px;padding:0 12px}.ts-pill svg,.ts-record-btn svg{color:currentColor;flex-shrink:0}.ts-pill:hover{color:var(--text);background:#ffffff0d;border-color:#ffffff14}.ts-pill:active,.ts-record-btn:active{transform:scale(.97)}.ts-pill--on,.ts-pill--on:hover{border-color:var(--accent-glow);background:var(--accent-soft);color:var(--accent)}.ts-midi-label{text-overflow:ellipsis;max-width:140px;overflow:hidden}.ts-sep{background:#ffffff14;flex-shrink:0;width:1px;height:18px;margin:0 4px}.ts-record-btn{background:var(--accent-soft);height:30px;color:var(--accent);border:1px solid #ffffff14;gap:5px;padding:0 12px 0 10px}.ts-record-btn:hover{border-color:var(--accent-glow);background:var(--accent-soft);box-shadow:0 0 12px var(--accent-glow)}#top-strip.ts-compact #ts-open>span+span,#top-strip.ts-compact #ts-tracks>span+span,#top-strip.ts-compact #ts-learn-this>span+span,#top-strip.ts-compact .ts-customize-label{display:none}#top-strip.ts-compact #ts-open,#top-strip.ts-compact #ts-tracks,#top-strip.ts-compact #ts-learn-this{gap:0;padding:0 10px}#top-strip[data-has-file=false] .ts-pill--file,#top-strip[data-midi-status=connected] .ts-pill--midi,#top-strip[data-midi-status=connected] .ts-sep{display:none}#top-strip[data-midi-status=unavailable] .ts-pill--midi{opacity:.35;pointer-events:none}#top-strip[data-midi-status=blocked] .ts-pill--midi{color:#ffc67a;background:#ffc67a12;border-color:#ffc67a40}#top-strip.strip--exporting .ts-record-btn{color:#f87171;pointer-events:none;background:#ef44441f;border-color:#ef444459}#top-strip.strip--exporting .ts-record-btn svg{animation:1.4s ease-in-out infinite record-blink}@keyframes record-blink{0%,to{opacity:1}50%{opacity:.2}}#top-strip[data-mode=play] .ts-chord-btn,#top-strip[data-mode=play] .ts-chord-slot{display:none}#hud{opacity:0;pointer-events:none;max-width:min(760px,100vw - 32px);height:56px;transition:opacity .4s var(--ease-out);padding-right:14px}#hud.hud--active{opacity:1;pointer-events:auto}#hud.hud--active.float-hud--idle:not(.float-hud--pinned):not(.float-hud--dragging):not(:hover){transform:translateX(calc(-50% + var(--hud-dx,0px))) translateY(calc(var(--hud-dy,0px) + 14px));opacity:0;pointer-events:none;transition:opacity .4s var(--ease-out), transform .4s var(--ease-out)}.hud-bar{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.hud-group{align-items:center;gap:4px;display:inline-flex}#hud.hud--live .hud-group--transport,#hud:not(.hud--live) .hud-group--instrument,#hud:not(.hud--live) .hud-group--live{display:none}.btn-play{background:var(--accent);width:34px;height:34px;box-shadow:0 4px 16px var(--accent-glow);color:#fff;cursor:pointer;transition:filter .15s, transform .12s var(--ease-spring), box-shadow .2s;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.btn-play:hover{filter:brightness(1.18);box-shadow:0 6px 24px var(--accent-glow)}.btn-play:active{transform:scale(.9)}#hud.hud--playing .btn-play{animation:2.8s ease-in-out infinite playing-pulse}@keyframes playing-pulse{0%,to{box-shadow:0 4px 16px var(--accent-glow)}50%{box-shadow:0 4px 28px var(--accent-glow), 0 0 0 5px var(--accent-soft)}}.btn-play--loading{position:relative}.btn-play--loading:after{content:"";border:2px solid #0000;border-top-color:var(--accent);border-right-color:var(--accent);pointer-events:none;border-radius:50%;animation:.9s linear infinite play-loading-spin;position:absolute;inset:-4px}@keyframes play-loading-spin{to{transform:rotate(360deg)}}.btn-skip{border-radius:var(--r-sm);color:var(--text-muted);cursor:pointer;transition:color .15s, background .15s, transform .12s var(--ease-spring);background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;padding:6px;display:flex}.btn-skip:hover{color:var(--text);background:#ffffff0f}.btn-skip:active{transform:scale(.88)}.hud-divider{background:linear-gradient(to bottom, transparent, var(--border-hi), transparent);flex-shrink:0;width:1px;height:18px}.scrubber-wrap{flex:240px;align-items:center;gap:8px;min-width:0;display:flex}.time-display,.speed-val,.hud-metro-bpm{color:var(--text-muted);font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.02em}.time-display{white-space:nowrap;flex-shrink:0;font-size:10.5px}.time-display.dim{color:var(--text-dim)}.scrubber,.mini-slider{border-radius:var(--r-pill);cursor:pointer;appearance:none;transition:height .15s var(--ease-out), box-shadow .15s var(--ease-out);outline:none}.scrubber{background:linear-gradient(to right, var(--accent) 0, var(--accent) var(--pct,0%), #ffffff12 var(--pct,0%), #ffffff12 100%);flex:1;min-width:0;height:4px;box-shadow:inset 0 1px 1px #00000059}.mini-slider{background:linear-gradient(to right, var(--accent) 0, var(--accent) var(--pct,0%), #ffffff0f var(--pct,0%), #ffffff0f 100%);width:60px;height:4px;box-shadow:inset 0 1px 1px #0000004d}.mini-slider--zoom{width:64px}.scrubber:hover{height:6px}.mini-slider:hover{height:5px}.scrubber:focus-visible,.mini-slider:focus-visible{box-shadow:inset 0 1px 1px #00000059, 0 0 0 3px var(--accent-soft)}.scrubber::-webkit-slider-thumb{cursor:pointer;-webkit-appearance:none;transition:transform .14s var(--ease-spring), box-shadow .14s var(--ease-out);background:#fff;border:0;border-radius:50%}.mini-slider::-webkit-slider-thumb{cursor:pointer;-webkit-appearance:none;transition:transform .14s var(--ease-spring), box-shadow .14s var(--ease-out);background:#fff;border:0;border-radius:50%}.scrubber::-webkit-slider-thumb{width:14px;height:14px;box-shadow:0 0 0 2.5px var(--accent-soft), 0 2px 6px #00000080}.mini-slider::-webkit-slider-thumb{width:11px;height:11px;box-shadow:0 0 0 2px var(--accent-soft), 0 1px 4px #00000080}.scrubber::-moz-range-thumb{cursor:pointer;transition:transform .14s var(--ease-spring);background:#fff;border:0;border-radius:50%}.mini-slider::-moz-range-thumb{cursor:pointer;transition:transform .14s var(--ease-spring);background:#fff;border:0;border-radius:50%}.scrubber::-moz-range-thumb{width:14px;height:14px;box-shadow:0 0 0 2.5px var(--accent-soft), 0 2px 6px #00000080}.mini-slider::-moz-range-thumb{width:11px;height:11px;box-shadow:0 0 0 2px var(--accent-soft), 0 1px 4px #00000080}.scrubber::-moz-range-track{border-radius:var(--r-pill);background:#ffffff12;height:4px}.mini-slider::-moz-range-track{border-radius:var(--r-pill);background:#ffffff12;height:4px}.scrubber::-moz-range-progress{border-radius:var(--r-pill);background:var(--accent);height:4px}.mini-slider::-moz-range-progress{border-radius:var(--r-pill);background:var(--accent);height:4px}.scrubber:hover::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--accent-soft), 0 2px 8px #0000008c;transform:scale(1.18)}.scrubber:hover::-moz-range-thumb{box-shadow:0 0 0 4px var(--accent-soft), 0 2px 8px #0000008c;transform:scale(1.18)}.mini-slider:hover::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--accent-soft), 0 2px 6px #0000008c;transform:scale(1.2)}.mini-slider:hover::-moz-range-thumb{box-shadow:0 0 0 3px var(--accent-soft), 0 2px 6px #0000008c;transform:scale(1.2)}.ctrl-group{flex-shrink:0;align-items:center;gap:6px;display:flex}.ctrl-icon{color:var(--text-dim);flex-shrink:0;align-items:center;display:flex}.speed-val{text-align:right;min-width:26px;font-size:10.5px}.hud-session-btn,.hud-loop-btn,.hud-metro,.hud-loop-clear,.hud-loop-save,.hud-loop-undo{flex-shrink:0}.hud-session-btn,.hud-loop-btn{border-radius:var(--r-pill);height:32px;color:var(--text);font:500 12px / 1 var(--font);white-space:nowrap;cursor:pointer;transition:background .15s, border-color .15s, transform .12s var(--ease-spring);background:#ffffff0a;border:1px solid #ffffff14;align-items:center;gap:8px;padding:0 14px 0 12px;display:inline-flex}.hud-session-btn:hover,.hud-loop-btn:hover{background:#ffffff12;border-color:#ffffff24}.hud-session-btn:active,.hud-loop-btn:active{transform:scale(.97)}.hud-session-dot{background:#e2384a;border-radius:50%;width:9px;height:9px;box-shadow:0 0 #e2384a66}.hud-session-btn.hud-session-btn--on{color:#fff;font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.02em;background:#e2384a;border-color:#e2384a;box-shadow:0 2px 12px #e2384a73}.hud-session-btn.hud-session-btn--on .hud-session-dot{background:#fff;animation:1.4s ease-in-out infinite session-breathe}@keyframes session-breathe{0%,to{box-shadow:0 0 #ffffffb3}50%{box-shadow:0 0 0 6px #fff0}}.hud-metro{border-radius:var(--r-pill);background:#ffffff0a;border:1px solid #ffffff14;align-items:center;gap:2px;height:32px;padding:3px;transition:border-color .15s,background .15s;display:inline-flex}.hud-metro:hover{border-color:#ffffff24}.hud-metro.hud-metro--on{border-color:var(--accent);background:var(--accent-soft)}.hud-metro-toggle{width:26px;height:26px;color:var(--accent);cursor:pointer;transition:background .15s, transform .12s var(--ease-spring);background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:relative}.hud-metro-toggle:hover{background:#ffffff14}.hud-metro-toggle--on,.hud-metro-toggle--on:hover{background:var(--accent);box-shadow:0 2px 8px var(--accent-glow);color:#fff}.hud-metro-icon,.hud-loop-icon{color:var(--accent);display:inline-flex}.hud-metro-beat{background:var(--accent);opacity:0;pointer-events:none;border-radius:50%;width:6px;height:6px;position:absolute;top:2px;right:2px}.hud-metro-beat--tick{animation:.18s ease-out metro-tick}.hud-metro-beat--down{background:#fff;animation:.24s ease-out metro-tick-down}.hud-metro-toggle--on .hud-metro-beat{background:#fff}@keyframes metro-tick{0%{opacity:0;transform:scale(.7)}15%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.2)}}@keyframes metro-tick-down{0%{opacity:0;transform:scale(.7)}10%{opacity:1;transform:scale(1.3)}to{opacity:0;transform:scale(1.6)}}.hud-metro-step{width:20px;height:26px;color:var(--text-muted);font:500 14px / 1 var(--font);cursor:pointer;transition:color .12s, background .12s, transform .1s var(--ease-spring);background:0 0;border:0;border-radius:6px}.hud-metro-step:hover{color:var(--text);background:#ffffff14}.hud-metro-step:active,.hud-metro-toggle:active{transform:scale(.9)}.hud-metro-bpm{min-width:28px;color:var(--text);text-align:center;-webkit-user-select:none;user-select:none;padding:0 2px;font-size:12px}.hud-loop-btn{--loop-progress:0deg;position:relative}.hud-loop-btn[data-loop-state=armed]{border-color:var(--accent);color:var(--accent);animation:1.1s ease-in-out infinite loop-pulse}.hud-loop-btn[data-loop-state=recording]{color:#fff;background:#e2384a;border-color:#e2384a;animation:.9s ease-in-out infinite loop-pulse;box-shadow:0 2px 12px #e2384a73}.hud-loop-btn[data-loop-state=playing]{border-color:var(--accent);background:var(--accent);box-shadow:0 2px 10px var(--accent-glow);color:#fff}.hud-loop-btn[data-loop-state=overdubbing]{color:#fff;background:#f59e0b;border-color:#f59e0b;animation:.9s ease-in-out infinite loop-pulse;box-shadow:0 2px 12px #f59e0b73}.hud-loop-btn[data-loop-state=recording] .hud-loop-icon,.hud-loop-btn[data-loop-state=playing] .hud-loop-icon,.hud-loop-btn[data-loop-state=overdubbing] .hud-loop-icon{color:#fff}.hud-loop-btn[data-loop-state=playing]:before,.hud-loop-btn[data-loop-state=overdubbing]:before{content:"";border-radius:calc(var(--r-pill) + 3px);background:conic-gradient(#fff var(--loop-progress), #ffffff2e 0deg);opacity:.8;pointer-events:none;-webkit-mask-composite:xor;padding:2px;position:absolute;inset:-3px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes loop-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.72;transform:scale(.98)}}.hud-loop-clear,.hud-loop-save,.hud-loop-undo{width:28px;height:28px;color:var(--text-muted);cursor:pointer;transition:color .15s, background .15s, transform .12s var(--ease-spring);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.hud-loop-clear:hover,.hud-loop-save:hover,.hud-loop-undo:hover{color:var(--text);background:#ffffff17}.hud-loop-save,.hud-loop-save:hover{color:var(--accent)}#hud.hud--exporting .btn-play,#hud.hud--exporting .btn-skip,#hud.hud--exporting .scrubber,#hud.hud--exporting .mini-slider{opacity:.25;pointer-events:none}#key-hint{bottom:calc(var(--keyboard-h) + var(--hud-gap) + env(safe-area-inset-bottom));left:calc(20px + env(safe-area-inset-left));z-index:14;opacity:0;pointer-events:none;transition:opacity .35s var(--ease-out), transform .35s var(--ease-out);position:absolute;transform:translateY(6px)}#key-hint.kh--visible{opacity:1;transform:none}#key-hint.kh--visible.kh--idle{opacity:0;transform:translate(-8px)}.kh-body{border:1px solid var(--border);pointer-events:auto;-webkit-backdrop-filter:blur(28px)saturate(150%);background:#080810d1;border-radius:12px;flex-direction:column;gap:16px;padding:13px 16px 14px;display:inline-flex;position:relative;box-shadow:0 12px 32px #00000073,inset 0 1px #ffffff0d}.kh-section,.kh-section-head{align-items:flex-start;display:flex}.kh-section{flex-direction:column;gap:7px}.kh-section-head{justify-content:space-between;gap:8px;width:100%}.kh-label{color:var(--text-dim);letter-spacing:.18em;text-transform:uppercase;font-size:8.5px;font-weight:600;line-height:1}.kh-keys,.kh-combo,.kh-cap-group{align-items:center;display:inline-flex}.kh-keys{flex-wrap:wrap;gap:3px}.kh-divider{background:var(--text-dim);opacity:.5;border-radius:50%;width:3px;height:3px;margin:0 4px}.kh-octave-pill{border:1px solid color-mix(in srgb, var(--accent) 35%, transparent);background:var(--accent-soft);height:16px;color:var(--accent);font:600 9.5px / 1 var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.04em;border-radius:4px;align-items:center;margin-left:5px;padding:0 6px;display:inline-flex}.kh-shortcuts{grid-template-columns:max-content max-content;align-items:center;gap:6px 14px;display:grid}.kh-combo{color:var(--text-muted);letter-spacing:.005em;white-space:nowrap;gap:5px;font-size:10.5px}.kh-cap-group{gap:2px}.kh-keys kbd,.kh-combo kbd{min-width:19px;height:19px;color:var(--text);font:500 10.5px / 1 var(--font-mono);letter-spacing:.02em;background:linear-gradient(#ffffff12,#ffffff05);border:1px solid #ffffff1a;border-bottom-width:2px;border-radius:5px;justify-content:center;align-items:center;padding:0 5px;transition:background .18s,border-color .18s;display:inline-flex;box-shadow:inset 0 1px #ffffff0a}.kh-keys kbd.kh-cap-sym,.kh-combo kbd.kh-cap-sym{font-family:var(--font);letter-spacing:0;padding:0 4px;font-size:12px;font-weight:600}#key-hint:hover .kh-keys kbd,#key-hint:hover .kh-combo kbd{border-color:#ffffff24}.kh-keys .kh-cap-btn{color:inherit;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:5px;margin:0;padding:0;line-height:0;display:inline-flex}.kh-keys .kh-cap-btn:hover kbd{background:linear-gradient(#ffffff1c,#ffffff0a);border-color:#ffffff38}.kh-keys .kh-cap-btn:active kbd{border-bottom-width:1px;transform:translateY(1px)}.kh-close,.kh-reopen{color:var(--text-muted);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;transition:opacity .18s,color .18s,background .18s,transform .18s;display:inline-flex}.kh-close{opacity:.75;pointer-events:auto;background:0 0;border:0;width:18px;height:18px;margin-left:auto;padding:0}#key-hint:hover .kh-close,.kh-close:hover,.kh-close:focus-visible{color:var(--text);opacity:1;background:#ffffff0f;outline:none}.kh-reopen{border:1px solid var(--border);width:28px;height:28px;color:var(--text-dim);pointer-events:auto;-webkit-backdrop-filter:blur(20px)saturate(150%);background:#07070fc7;border-radius:8px;display:none;position:absolute;bottom:0;left:0;box-shadow:0 6px 16px #00000059}.kh-reopen:hover{border-color:var(--border-hi);color:var(--text);transform:translateY(-1px)}#key-hint.kh--collapsed{pointer-events:none}#key-hint.kh--collapsed .kh-body{display:none}#key-hint.kh--collapsed .kh-reopen{display:inline-flex}#key-hint [data-tip]:after{top:auto;bottom:calc(100% + 8px);left:0;transform:translate(0)translateY(4px)}#key-hint [data-tip]:hover:after,#key-hint [data-tip]:focus-visible:after,#key-hint [data-tip]:active:after{transform:translate(0)translateY(0)}@media (width<=899px){#top-strip{padding:0 6px 0 10px;top:10px;left:10px;right:10px}}@media (width<=679px){#top-strip{padding:0 6px 0 8px}.ts-mode-seg .ts-mode-label{display:none}.ts-mode-seg{min-width:32px;padding:0 8px}.ts-status{display:none}}@media (width<=640px){#top-strip{top:calc(8px + env(safe-area-inset-top));right:calc(8px + env(safe-area-inset-right));left:calc(8px + env(safe-area-inset-left));gap:6px;height:48px;padding:0 4px 0 6px}#top-strip .ts-pill--midi,#top-strip .ts-theme-btn,#top-strip .ts-particle-btn,#top-strip .ts-sep{display:none}#hud{max-width:calc(100vw - 16px - env(safe-area-inset-left) - env(safe-area-inset-right))}#key-hint{display:none}}@media (width<=640px) and (orientation:portrait){#hud{top:calc(48px + 8px + env(safe-area-inset-top));right:calc(8px + env(safe-area-inset-right));bottom:auto;left:calc(8px + env(safe-area-inset-left));-webkit-backdrop-filter:none;width:auto;max-width:none;transform:none;box-shadow:0 6px 16px #0000008c,inset 0 1px #ffffff0b}#hud.hud--active.float-hud--idle{transform:none}.hud-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 6px;min-height:48px;padding:8px 10px}.hud-bar .ctrl-group,.hud-bar .hud-divider,.hud-bar .hud-metro-step,.hud-bar .hud-metro-bpm{display:none}.hud-bar .hud-metro{background:0 0;border:0;gap:0;padding:0}.hud-bar .scrubber-wrap{flex:100%;order:10;gap:8px;min-width:0}.hud-bar .scrubber-wrap .time-display{flex-shrink:0;min-width:32px;font-size:11px}#top-strip .ts-record-btn{justify-content:center;padding:0}}@media (width<=519px){#top-strip{gap:4px;padding:0 4px 0 6px}}@media (width<=380px){#top-strip .ts-pill--file{display:none}}@media (pointer:coarse){.ts-pill,.ts-mode-seg,.ts-home,.ts-record-btn,.btn-skip,.hud-session-btn,.hud-loop-btn,.hud-metro-toggle,.hud-metro-step{min-width:44px;min-height:44px}.btn-play{width:48px;height:48px}.scrubber,.mini-slider{height:6px}.scrubber::-webkit-slider-thumb{width:22px;height:22px}.scrubber::-moz-range-thumb{width:22px;height:22px}.mini-slider::-webkit-slider-thumb{width:20px;height:20px}.mini-slider::-moz-range-thumb{width:20px;height:20px}.hud-metro{height:40px}.hud-metro-toggle{width:34px;height:34px}}@media (prefers-reduced-motion:reduce){.ts-bars span,#top-strip.strip--exporting .ts-record-btn svg,#hud.hud--playing .btn-play,.btn-play--loading:after,.hud-session-btn.hud-session-btn--on .hud-session-dot,.hud-loop-btn{animation:none!important}#top-strip,#hud,.scrubber,.mini-slider,.ts-record-btn,.ts-pill,.ts-mode-thumb,.ts-mode-seg{transition-duration:.01ms!important}}._customizeSwatch_1xron_2{z-index:1;background:var(--accent);width:18px;height:18px;box-shadow:0 0 0 1px #ffffff2e inset, 0 0 12px var(--accent-glow);transition:transform .2s var(--ease-spring), box-shadow .2s ease;border-radius:6px;position:relative}._customizePill_1xron_17:hover ._customizeSwatch_1xron_2{transform:scale(1.06)}._customizeLabel_1xron_21{z-index:1;letter-spacing:.04em;text-transform:uppercase;color:var(--text);font-size:11px;font-weight:600;position:relative}._customizeChev_1xron_31{z-index:1;color:var(--text-dim);transition:transform .22s var(--ease-out), color .18s ease;position:relative}._customizePill_1xron_17:hover ._customizeChev_1xron_31{color:var(--text-muted)}._customizePill_1xron_17._ts-pill--open_1xron_44 ._customizeChev_1xron_31{color:var(--accent);transform:rotate(180deg)}._customizeMenu_1xron_49{flex-direction:column;width:300px;padding:0;display:flex;overflow:hidden}._customizeBody_1xron_57{overscroll-behavior:contain;flex:auto;min-height:0;overflow-y:auto}._customizeSection_1xron_64{flex-direction:column;gap:10px;padding:14px 16px;display:flex}._customizeSection_1xron_64+._customizeSection_1xron_64{border-top:1px solid var(--border)}._customizeSectionFooter_1xron_75{padding-top:12px;padding-bottom:12px}._customizeSectionHead_1xron_80{justify-content:space-between;align-items:baseline;gap:8px;display:flex}._customizeSectionLabel_1xron_87{letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);font-size:10px;font-weight:600}._customizeThemeGrid_1xron_95{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;width:100%;min-width:0;display:grid}._customizeThemeTile_1xron_103{color:var(--text-dim);cursor:pointer;min-width:0;transition:border-color .18s ease, background .18s ease, color .18s ease, transform .18s var(--ease-spring);background:0 0;border:1px solid #0000;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:9px 4px 8px;display:flex}._customizeThemeTile_1xron_103:hover{color:var(--text-muted);background:#ffffff09}._customizeThemeTileOn_1xron_128{border-color:color-mix(in srgb, var(--accent) 30%, transparent);background:color-mix(in srgb, var(--accent) 6%, transparent);color:var(--text)}._customizeThemeTileDot_1xron_134{width:16px;height:16px;transition:transform .18s var(--ease-spring);border-radius:50%}._customizeThemeTile_1xron_103:hover ._customizeThemeTileDot_1xron_134,._customizeThemeTileOn_1xron_128 ._customizeThemeTileDot_1xron_134{transform:scale(1.06)}._customizeThemeTileLabel_1xron_146{letter-spacing:.005em;text-align:center;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:10px;font-weight:500;line-height:1;overflow:hidden}._customizeParticleRow_1xron_158,._customizeLocaleRow_1xron_159{flex-wrap:wrap;gap:5px;display:flex}._customizeParticleChip_1xron_165,._customizeLocaleChip_1xron_166{border-radius:var(--r-pill);border:1px solid var(--border);color:var(--text-muted);letter-spacing:.01em;cursor:pointer;transition:color .18s ease, border-color .18s ease, background .18s ease, transform .15s var(--ease-spring);background:#ffffff06;align-items:center;font-weight:500;line-height:1;display:inline-flex}._customizeParticleChip_1xron_165{gap:6px;padding:6px 10px;font-size:10.5px}._customizeLocaleChip_1xron_166{padding:6px 12px;font-size:11px}._customizeParticleChip_1xron_165:hover,._customizeLocaleChip_1xron_166:hover{color:var(--text);border-color:var(--border-hi);background:#ffffff0f}._customizeParticleChip_1xron_165:hover{transform:translateY(-1px)}._customizeParticleChipOn_1xron_206,._customizeLocaleChipOn_1xron_207{color:var(--text);border-color:color-mix(in srgb, var(--accent) 55%, transparent);background:color-mix(in srgb, var(--accent) 14%, transparent)}._customizeParticleChipGlyph_1xron_213,._customizeParticleChipLabel_1xron_214{align-items:center;display:inline-flex}._customizeParticleChipGlyph_1xron_213{width:14px;height:14px;color:var(--text-dim);justify-content:center;transition:color .18s,filter .18s}._customizeParticleChip_1xron_165:hover ._customizeParticleChipGlyph_1xron_213{color:var(--text-muted)}._customizeParticleChipOn_1xron_206 ._customizeParticleChipGlyph_1xron_213{color:var(--accent);filter:drop-shadow(0 0 4px var(--accent-glow))}._customizeToggle_1xron_238{text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:0;transition:opacity .18s;display:flex}._customizeToggle_1xron_238:hover{opacity:.92}._customizeToggleBody_1xron_256{flex-direction:column;gap:3px;min-width:0;display:flex}._customizeToggleName_1xron_263{color:var(--text);letter-spacing:.005em;font-size:12px;font-weight:600;line-height:1.1}._customizeToggleSub_1xron_271{color:var(--text-dim);letter-spacing:.01em;font-size:10px}._customizeToggleSwitch_1xron_277{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;flex-shrink:0;width:32px;height:18px;transition:background .2s,border-color .2s,box-shadow .2s;position:relative}._customizeToggleKnob_1xron_291{background:var(--text-muted);width:14px;height:14px;transition:transform .22s var(--ease-spring), background .22s ease;border-radius:50%;position:absolute;top:1px;left:1px}._customizeToggleOn_1xron_304 ._customizeToggleSwitch_1xron_277{background:color-mix(in srgb, var(--accent) 32%, transparent);border-color:color-mix(in srgb, var(--accent) 60%, transparent);box-shadow:0 0 12px -3px var(--accent-glow)}._customizeToggleOn_1xron_304 ._customizeToggleKnob_1xron_291{background:var(--accent);box-shadow:0 0 8px var(--accent-glow);transform:translate(13px)}._customizeFeedbackCard_1xron_316{border-radius:var(--r-md,10px);border:1px solid var(--accent-soft);background:var(--accent-soft);color:var(--text);cursor:pointer;align-items:center;gap:10px;padding:11px 12px;text-decoration:none;transition:background .18s,border-color .18s,transform .18s,box-shadow .18s;display:flex}._customizeFeedbackCard_1xron_316:hover{background:var(--accent-glow);border-color:var(--accent);box-shadow:0 6px 18px var(--accent-soft);transform:translateY(-1px)}._customizeFeedbackCard_1xron_316:active{transform:translateY(0)}._customizeFeedbackIcon_1xron_345{background:var(--accent);color:#fff;border-radius:8px;flex:none;place-items:center;width:28px;height:28px;display:grid}._customizeFeedbackLabel_1xron_356{letter-spacing:.01em;flex:auto;font-size:12.5px;font-weight:600}._customizeFeedbackArrow_1xron_363{color:var(--accent);flex:none;transition:transform .18s}._customizeFeedbackCard_1xron_316:hover ._customizeFeedbackArrow_1xron_363{transform:translate(2px,-2px)}@media (height<=560px){._customizeSection_1xron_64{gap:8px;padding:10px 16px}}@media (width<=480px){._customizeMenu_1xron_49{width:100%}._customizeSection_1xron_64{padding:12px 14px}._customizeThemeGrid_1xron_95{gap:5px}}._dropzone_4094h_2{z-index:100;pointer-events:none;justify-content:center;align-items:center;padding:28px;display:flex;position:fixed;inset:0}._dropzoneBackdrop_4094h_13{border:2px dashed var(--accent);-webkit-backdrop-filter:blur(20px)saturate(130%);background:#060812b8;border-radius:24px;justify-content:center;align-items:center;width:min(560px,100vw - 48px);min-height:220px;padding:32px;display:flex;box-shadow:0 24px 80px #00000073,inset 0 0 0 1px #ffffff0a}._dropzonePrompt_4094h_30{color:var(--text);font-family:var(--font-display);letter-spacing:-.02em;text-align:center;text-wrap:balance;font-size:clamp(24px,4vw,40px);line-height:1.05}@media (width<=640px){._dropzone_4094h_2{padding:16px}._dropzoneBackdrop_4094h_13{min-height:180px;padding:24px}}._instrumentPill_16sry_2{min-width:0}._instrumentPill_16sry_2 ._instrumentLabel_16sry_6{text-overflow:ellipsis;max-width:108px;overflow:hidden}._instrumentIconSlot_16sry_12{width:14px;height:14px;color:var(--accent);justify-content:center;align-items:center;display:inline-flex;position:relative}._instrumentIconSlot_16sry_12>svg{transition:opacity .18s var(--ease-out)}._instrumentSpinner_16sry_26{border:1.5px solid color-mix(in srgb, var(--accent) 22%, transparent);border-top-color:var(--accent);opacity:0;transition:opacity .18s var(--ease-out), transform .18s var(--ease-out);border-radius:50%;position:absolute;inset:0;transform:scale(.75)}._instrumentPillLoading_16sry_39 ._instrumentIconSlot_16sry_12>svg{opacity:0}._instrumentPillLoading_16sry_39 ._instrumentSpinner_16sry_26{opacity:1;animation:.7s linear infinite _instrument-spin_16sry_1}._instrumentPillLoading_16sry_39 ._instrumentLabel_16sry_6{color:var(--accent)}@keyframes _instrument-spin_16sry_1{to{transform:scale(1)rotate(360deg)}}._instrumentMenu_16sry_58{width:260px}._instrumentItems_16sry_62{flex-direction:column;gap:2px;padding:6px;display:flex;overflow-y:auto}._instrumentItem_16sry_62{border-radius:var(--r-md);color:var(--text);font-family:var(--font);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:9px 10px;transition:background .14s,color .14s;display:flex}._instrumentItem_16sry_62:hover{background:#ffffff0d}._instrumentItemDot_16sry_91{background:var(--text-dim);border-radius:50%;flex-shrink:0;width:8px;height:8px;transition:background .15s}._instrumentItemOn_16sry_100 ._instrumentItemDot_16sry_91{background:var(--accent);box-shadow:0 0 8px var(--accent-glow)}._instrumentItemBody_16sry_105{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}._instrumentItemName_16sry_113{letter-spacing:-.01em;font-size:13px;font-weight:600}._instrumentItemSub_16sry_119{color:var(--text-muted);letter-spacing:.01em;font-size:10.5px}._instrumentItemCheck_16sry_125{opacity:0;color:var(--accent);flex-shrink:0;transition:opacity .14s}._instrumentItemOn_16sry_100 ._instrumentItemCheck_16sry_125{opacity:1}._instrumentItemLoading_16sry_136 ._instrumentItemDot_16sry_91{border:1.5px solid color-mix(in srgb, var(--accent) 22%, transparent);border-top-color:var(--accent);width:10px;height:10px;box-shadow:none;background:0 0;border-radius:50%;animation:.7s linear infinite _instrument-spin_16sry_1}._instrumentItemLoading_16sry_136 ._instrumentItemSub_16sry_119{color:var(--accent);font-style:italic}._instrumentItemLoading_16sry_136 ._instrumentItemSub_16sry_119:after{content:" - loading samples"}@media (width<=1120px){._instrumentLabel_16sry_6{display:none}}._trackPanel_15ewj_2{width:300px;max-height:calc(100vh - 112px - var(--keyboard-h) - env(safe-area-inset-top) - env(safe-area-inset-bottom))}._panelItems_15ewj_13{flex:1;padding:6px 0;overflow-y:auto}._panelFooter_15ewj_19{border-top:1px solid var(--border);flex-shrink:0;padding:10px 12px}._panelLoadBtn_15ewj_25{border-radius:var(--r-md);border:1px solid var(--border);width:100%;color:var(--text-muted);font-family:var(--font);cursor:pointer;background:0 0;align-items:center;gap:7px;padding:8px 10px;font-size:12px;font-weight:500;transition:color .15s,background .15s,border-color .15s;display:flex}._panelLoadBtn_15ewj_25:hover{color:var(--text);border-color:var(--border-hi);background:#ffffff0d}._trackItem_15ewj_51{cursor:pointer;align-items:center;gap:8px;padding:5px 14px 5px 18px;transition:background .12s;display:flex}._trackItem_15ewj_51:hover{background:#ffffff08}._trackSwatch_15ewj_64{opacity:.9;border-radius:2px;flex-shrink:0;width:3px;height:20px}._trackInfo_15ewj_72{flex-direction:column;flex:1;min-width:0;display:flex}._trackName_15ewj_79{color:var(--text);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}._trackMeta_15ewj_89{color:var(--text-dim);font-size:10.5px}._trackToggleWrap_15ewj_94{align-items:center;display:inline-flex;position:relative}._trackToggle_15ewj_94{opacity:0;pointer-events:none;position:absolute}._toggleTrack_15ewj_106{background:#ffffff14;border-radius:999px;width:30px;height:18px;transition:background .18s;display:block;position:relative}._toggleTrack_15ewj_106:after{content:"";background:var(--text-muted);width:14px;height:14px;transition:transform .18s var(--ease-spring), background .18s;border-radius:50%;position:absolute;top:2px;left:2px}._trackToggle_15ewj_94:checked+._toggleTrack_15ewj_106{background:color-mix(in srgb, var(--track-color,var(--accent)) 32%, transparent)}._trackToggle_15ewj_94:checked+._toggleTrack_15ewj_106:after{background:var(--track-color,var(--accent));transform:translate(12px)}:is(._trackItem_15ewj_51:has(._trackToggle_15ewj_94:not(:checked)) ._trackName_15ewj_79,._trackItem_15ewj_51:has(._trackToggle_15ewj_94:not(:checked)) ._trackSwatch_15ewj_64){opacity:.45}._trackPanel_15ewj_2.popover--sheet{bottom:calc(var(--keyboard-h) + env(safe-area-inset-bottom))!important;max-height:calc(100svh - var(--keyboard-h) - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important}._prompt_6d79l_2{pointer-events:auto;z-index:140;background:#06080cad;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}._card_6d79l_14{border:1px solid color-mix(in srgb, var(--border-hi) 78%, transparent);width:min(540px,100vw - 28px);animation:_promptIn_6d79l_1 .22s var(--ease-out) both;background:linear-gradient(#ffffff0a,#0000 36%),#0a0c12f7;border-radius:24px;flex-direction:column;gap:18px;padding:24px;display:flex;box-shadow:0 24px 64px #0000006b,inset 0 1px #ffffff0a}@keyframes _promptIn_6d79l_1{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}._header_6d79l_42{flex-direction:column;gap:8px;display:flex}._eyebrow_6d79l_48{color:var(--accent);font:700 11px / 1 var(--font);letter-spacing:.12em;text-transform:uppercase;margin:0}._title_6d79l_56{color:var(--text);font:700 26px / 1.1 var(--font-display,var(--font));margin:0}._subtitle_6d79l_62{color:var(--text-muted);font:500 14px / 1.5 var(--font);margin:0}._modeGrid_6d79l_68{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}._modeCard_6d79l_74{border:1px solid var(--border);min-height:132px;color:var(--text);text-align:left;cursor:pointer;transition:transform .16s var(--ease-spring), border-color .16s, background .16s, box-shadow .16s;background:#ffffff08;border-radius:18px;flex-direction:column;gap:8px;padding:16px;display:flex}._modeCard_6d79l_74:hover{border-color:var(--border-hi);background:#ffffff0d;transform:translateY(-1px)}._modeCard_6d79l_74[data-active=true]{border-color:color-mix(in srgb, var(--accent) 46%, var(--border) 54%);background:color-mix(in srgb, var(--accent) 11%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 24%, transparent)}._modeTitle_6d79l_105{font:700 18px / 1.2 var(--font-display,var(--font))}._modeBody_6d79l_109{color:var(--text-muted);font:500 13px / 1.45 var(--font)}._footer_6d79l_114{flex-direction:column;gap:12px;display:flex}._countdown_6d79l_120{color:var(--text-muted);font:500 13px / 1.45 var(--font)}._startBtn_6d79l_125{background:var(--accent);color:#fff;min-height:46px;font:700 13px / 1 var(--font);cursor:pointer;box-shadow:0 12px 28px var(--accent-glow);transition:transform .16s var(--ease-spring), filter .16s;border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;padding:0 18px;display:inline-flex}._startBtn_6d79l_125:hover{filter:brightness(1.05);transform:translateY(-1px)}@media (width<=640px){._prompt_6d79l_2{padding:16px}._card_6d79l_14{border-radius:20px;padding:18px}._title_6d79l_56{font-size:22px}._modeGrid_6d79l_68{grid-template-columns:1fr}}._playAlongSummary_p01np_2{pointer-events:auto;z-index:140;background:#06080c9e;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}._playAlongSummaryBackdrop_p01np_14{appearance:none;cursor:pointer;background:0 0;border:0;margin:0;padding:0;position:absolute;inset:0}._playAlongSummaryCard_p01np_25{border:1px solid color-mix(in srgb, var(--border-hi) 78%, transparent);width:min(560px,100vw - 28px);animation:_playAlongSummaryIn_p01np_1 .22s var(--ease-out) both;z-index:1;background:linear-gradient(#ffffff0a,#0000 36%),#0a0c12f5;border-radius:24px;flex-direction:column;gap:18px;padding:22px;display:flex;position:relative;box-shadow:0 24px 64px #0000006b,inset 0 1px #ffffff0a}@keyframes _playAlongSummaryIn_p01np_1{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}._playAlongSummaryHeader_p01np_55{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}._playAlongSummaryEyebrow_p01np_62{color:var(--accent);font:700 11px / 1 var(--font);letter-spacing:.12em;text-transform:uppercase;margin:0 0 6px}._playAlongSummaryTitle_p01np_70{color:var(--text);font:700 26px / 1.1 var(--font-display,var(--font));margin:0}._playAlongSummaryStreak_p01np_76{background:color-mix(in srgb, var(--accent) 20%, transparent);border:1px solid color-mix(in srgb, var(--accent) 36%, transparent);color:var(--text);font:600 11px / 1 var(--font);border-radius:999px;flex-shrink:0;padding:7px 10px}._playAlongSummaryGrid_p01np_86{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}._playAlongSummaryMetric_p01np_92{border:1px solid var(--border);background:#ffffff08;border-radius:18px;flex-direction:column;gap:6px;min-height:96px;padding:14px;display:flex}._playAlongSummaryMetric_p01np_92[data-accent=accent]{border-color:color-mix(in srgb, var(--accent) 32%, var(--border) 68%);background:color-mix(in srgb, var(--accent) 10%, transparent)}._playAlongSummaryMetric_p01np_92[data-tone=success]{border-color:color-mix(in srgb, #7ee2b1 24%, var(--border) 76%);background:#7ee2b114}._playAlongSummaryMetric_p01np_92[data-tone=danger]{border-color:color-mix(in srgb, #f08aa3 24%, var(--border) 76%);background:#f08aa314}._playAlongSummaryMetricValue_p01np_118{color:var(--text);font:700 28px / 1 var(--font-display,var(--font));font-variant-numeric:tabular-nums}._playAlongSummaryMetricLabel_p01np_124{color:var(--text-muted);font:600 11px / 1.35 var(--font);letter-spacing:.08em;text-transform:uppercase}._playAlongSummaryFooter_p01np_131{justify-content:flex-end;gap:10px;display:flex}._playAlongSummaryBtn_p01np_137{border:1px solid var(--border);min-height:42px;color:var(--text);font:600 12px / 1 var(--font);cursor:pointer;transition:transform .16s var(--ease-spring), background .16s, border-color .16s;background:#ffffff0a;border-radius:12px;justify-content:center;align-items:center;padding:0 16px;display:inline-flex}._playAlongSummaryBtn_p01np_137:hover{border-color:var(--border-hi);background:#ffffff14;transform:translateY(-1px)}._playAlongSummaryBtnPrimary_p01np_161{background:var(--accent);color:#fff;box-shadow:0 12px 28px var(--accent-glow);border-color:#0000}._playAlongSummaryBtnPrimary_p01np_161:hover{background:var(--accent);filter:brightness(1.05)}@media (width<=640px){._playAlongSummary_p01np_2{padding:16px}._playAlongSummaryCard_p01np_25{border-radius:20px;padding:18px}._playAlongSummaryHeader_p01np_55{flex-direction:column;align-items:flex-start}._playAlongSummaryTitle_p01np_70{font-size:22px}._playAlongSummaryGrid_p01np_86{grid-template-columns:repeat(2,minmax(0,1fr))}._playAlongSummaryFooter_p01np_131{flex-direction:column-reverse}._playAlongSummaryBtn_p01np_137{width:100%}}._loadingOverlay_6kwsv_2{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;background:#06060ee0;justify-content:center;align-items:center;animation:.2s _loadingFadeIn_6kwsv_1;display:flex;position:absolute;inset:0}._loadingInner_6kwsv_15{flex-direction:column;align-items:center;gap:16px;display:flex}._loadingSpinner_6kwsv_22{border:2px solid #ffffff0d;border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.6s linear infinite _loadingSpin_6kwsv_22}._loadingText_6kwsv_31{color:var(--text-muted);font-size:13px}@keyframes _loadingFadeIn_6kwsv_1{0%{opacity:0}to{opacity:1}}@keyframes _loadingSpin_6kwsv_22{to{transform:rotate(360deg)}}}@layer utilities{.scroll-surface{overscroll-behavior:contain;min-height:0;overflow-y:auto}.scroll-viewport{overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0;overflow:hidden auto}.scroll-surface,.scroll-viewport,#export-modal .modal-scroll,#post-session-modal .modal-scroll,.ts-popover,.ts-popover *{scrollbar-width:thin;scrollbar-color:#ffffff24 transparent}.scroll-surface::-webkit-scrollbar{width:8px;height:8px}.scroll-viewport::-webkit-scrollbar{width:8px;height:8px}#export-modal .modal-scroll::-webkit-scrollbar{width:8px;height:8px}#post-session-modal .modal-scroll::-webkit-scrollbar{width:8px;height:8px}.ts-popover::-webkit-scrollbar{width:8px;height:8px}.ts-popover ::-webkit-scrollbar{width:8px;height:8px}.scroll-surface::-webkit-scrollbar-track{background:0 0}.scroll-viewport::-webkit-scrollbar-track{background:0 0}#export-modal .modal-scroll::-webkit-scrollbar-track{background:0 0}#post-session-modal .modal-scroll::-webkit-scrollbar-track{background:0 0}.ts-popover::-webkit-scrollbar-track{background:0 0}.ts-popover ::-webkit-scrollbar-track{background:0 0}.scroll-surface::-webkit-scrollbar-thumb{background:#ffffff1a padding-box padding-box;border:2px solid #0000;border-radius:999px;transition:background .18s}.scroll-viewport::-webkit-scrollbar-thumb{background:#ffffff1a padding-box padding-box;border:2px solid #0000;border-radius:999px;transition:background .18s}#export-modal .modal-scroll::-webkit-scrollbar-thumb{background:#ffffff1a padding-box padding-box;border:2px solid #0000;border-radius:999px;transition:background .18s}#post-session-modal .modal-scroll::-webkit-scrollbar-thumb{background:#ffffff1a padding-box padding-box;border:2px solid #0000;border-radius:999px;transition:background .18s}.ts-popover::-webkit-scrollbar-thumb{background:#ffffff1a padding-box padding-box;border:2px solid #0000;border-radius:999px;transition:background .18s}.ts-popover ::-webkit-scrollbar-thumb{background:#ffffff1a padding-box padding-box;border:2px solid #0000;border-radius:999px;transition:background .18s}.scroll-surface::-webkit-scrollbar-thumb:hover{background:#ffffff38 padding-box padding-box}.scroll-viewport::-webkit-scrollbar-thumb:hover{background:#ffffff38 padding-box padding-box}#export-modal .modal-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff38 padding-box padding-box}#post-session-modal .modal-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff38 padding-box padding-box}.ts-popover::-webkit-scrollbar-thumb:hover{background:#ffffff38 padding-box padding-box}.ts-popover ::-webkit-scrollbar-thumb:hover{background:#ffffff38 padding-box padding-box}.scroll-surface::-webkit-scrollbar-corner{background:0 0}.scroll-viewport::-webkit-scrollbar-corner{background:0 0}#export-modal .modal-scroll::-webkit-scrollbar-corner{background:0 0}#post-session-modal .modal-scroll::-webkit-scrollbar-corner{background:0 0}.ts-popover::-webkit-scrollbar-corner{background:0 0}.ts-popover ::-webkit-scrollbar-corner{background:0 0}[data-tip]{position:relative}[data-tip]:after{content:attr(data-tip);z-index:60;max-width:80vw;color:var(--text);letter-spacing:.01em;white-space:nowrap;opacity:0;pointer-events:none;background:#0c0c14fa;border:1px solid #ffffff17;border-radius:6px;padding:5px 9px;font-size:11px;font-weight:500;transition:opacity .12s,transform .12s;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(-4px);box-shadow:0 6px 14px #00000073}[data-tip]:hover:after,[data-tip]:focus-visible:after,[data-tip]:active:after{opacity:1;transform:translate(-50%)translateY(0)}.float-hud [data-tip]:after{top:auto;bottom:calc(100% + 8px);transform:translate(-50%)translateY(4px)}.float-hud [data-tip]:hover:after,.float-hud [data-tip]:focus-visible:after,.float-hud [data-tip]:active:after{transform:translate(-50%)translateY(0)}@media (width<=640px) and (orientation:portrait){.float-hud [data-tip]:after{top:calc(100% + 8px);bottom:auto;transform:translate(-50%)translateY(-4px)}.float-hud [data-tip]:hover:after,.float-hud [data-tip]:focus-visible:after,.float-hud [data-tip]:active:after{transform:translate(-50%)translateY(0)}}#key-hint [data-tip]:after{top:auto;bottom:calc(100% + 8px);left:0;transform:translate(0)translateY(4px)}#key-hint [data-tip]:hover:after,#key-hint [data-tip]:focus-visible:after,#key-hint [data-tip]:active:after{transform:translate(0)translateY(0)}.console-panel.popover--sheet,#console-panel.popover--sheet{bottom:0!important;right:0!important}.ts-popover{z-index:60;-webkit-backdrop-filter:blur(32px)saturate(150%);border:1px solid var(--border-hi);border-radius:var(--r-lg);opacity:0;pointer-events:none;min-width:260px;max-width:340px;max-height:min(60vh,520px);transition:opacity .18s var(--ease-out), transform .18s var(--ease-out);background:#0a0a12f5;flex-direction:column;display:flex;position:absolute;transform:translateY(-6px);box-shadow:0 20px 48px #0000008c,inset 0 1px #ffffff0a}.ts-popover.ts-popover--open{opacity:1;pointer-events:auto;transform:translateY(0)}.panel-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 14px 12px 18px;display:flex}.panel-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);font-size:11px;font-weight:600}.popover--sheet{box-shadow:0 -18px 40px #0000008c,0 0 0 100vmax #00000080;width:100%!important;min-width:0!important;max-width:100%!important;max-height:75svh!important;padding-bottom:calc(env(safe-area-inset-bottom) + 8px)!important;opacity:1!important;transition:transform .28s var(--ease-out), opacity .2s var(--ease-out)!important;border-radius:16px 16px 0 0!important;position:fixed!important;inset:auto 0 0!important;transform:translateY(100%)!important}.popover--sheet.ts-popover--open,.popover--sheet.is-open{pointer-events:auto!important;transform:translateY(0)!important}.popover--sheet:before{content:"";z-index:1;pointer-events:none;background:#ffffff38;border-radius:999px;width:38px;height:4px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.popover--sheet>:first-child{margin-top:8px}}@layer overrides;@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2)format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2)format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2)format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-700-normal-Yt3aPRUw.woff2)format("woff2"),url(/assets/inter-latin-700-normal-BLAVimhd.woff)format("woff")}@font-face{font-family:Instrument Serif;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/instrument-serif-latin-400-normal-DnYpCC2O.woff2)format("woff2"),url(/assets/instrument-serif-latin-400-normal-BVbkICAY.woff)format("woff")}@font-face{font-family:Instrument Serif;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/instrument-serif-latin-400-italic-DKMiL14s.woff2)format("woff2"),url(/assets/instrument-serif-latin-400-italic-u__WvvIK.woff)format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jetbrains-mono-latin-400-normal-V6pRDFza.woff2)format("woff2"),url(/assets/jetbrains-mono-latin-400-normal-6-qcROiO.woff)format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/jetbrains-mono-latin-500-normal-BWZEU5yA.woff2)format("woff2"),url(/assets/jetbrains-mono-latin-500-normal-CJOVTJB7.woff)format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/jetbrains-mono-latin-600-normal-C8RAYTDA.woff2)format("woff2"),url(/assets/jetbrains-mono-latin-600-normal-BfsvjouI.woff)format("woff")}@media (width<=640px){.hud-drag-handle{order:-1}}.float-hud.pa-hud{align-items:flex-start;width:min(720px,100vw - 24px);height:auto;padding:10px 14px 12px 0}@media (width<=720px){.float-hud.pa-hud{width:min(100vw - 16px,720px);padding:8px 12px 10px 0}}.float-hud{bottom:calc(var(--keyboard-h,120px) + var(--hud-gap,16px) + env(safe-area-inset-bottom));transform:translateX(calc(-50% + var(--hud-dx,0px))) translateY(var(--hud-dy,0px));pointer-events:auto;z-index:15;white-space:nowrap;font-family:var(--font,system-ui, sans-serif);color:#ffffffbf;-webkit-backdrop-filter:blur(48px)saturate(160%);border:1px solid var(--border);transition:opacity .35s var(--ease-out,cubic-bezier(.15, .88, .35, 1));background:#07070fed;border-radius:20px;align-items:center;gap:0;font-size:13px;display:flex;position:absolute;left:50%;box-shadow:0 24px 64px #000000bf,0 8px 24px #00000080,inset 0 1px #ffffff0b}.float-hud.float-hud--idle:not(.float-hud--pinned):not(.float-hud--dragging):not(:hover){opacity:.28}.float-hud.float-hud--dragging{cursor:grabbing;-webkit-user-select:none;user-select:none;transition:none}.float-hud.float-hud--dragging *{cursor:grabbing!important}.float-hud__handle{border-right:1px solid var(--border);flex-shrink:0;align-items:center;gap:2px;margin-right:2px;padding:0 4px 0 10px;display:inline-flex}.float-hud__sep{background:var(--border);flex-shrink:0;width:1px;height:20px;margin:0 12px}.hud-drag-handle{width:18px;height:22px;color:var(--text-dim);cursor:grab;background:0 0;border:none;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;margin-right:-2px;transition:color .15s,background .15s;display:inline-flex}.hud-drag-handle:hover{color:var(--text);background:#ffffff0f}.float-hud.float-hud--dragging .hud-drag-handle{cursor:grabbing}.hud-pin-btn{width:22px;height:22px;color:var(--text-dim);cursor:pointer;transition:color .15s, background .15s, transform .12s var(--ease-spring);background:0 0;border:none;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.hud-pin-btn:hover{color:var(--text);background:#ffffff0f}.hud-pin-btn:active{transform:scale(.9)}.hud-pin-btn.hud-pin-btn--on{color:var(--accent);background:var(--accent-soft);transform:rotate(-18deg)}.hud-pin-btn.hud-pin-btn--on:hover{color:var(--accent)}@media (width<=640px) and (orientation:portrait){#hud .float-hud__handle{display:none}}.float-hud [data-tip]:after{top:auto;bottom:calc(100% + 8px);transform:translate(-50%)translateY(4px)}.float-hud [data-tip]:hover:after,.float-hud [data-tip]:focus-visible:after,.float-hud [data-tip]:active:after{transform:translate(-50%)translateY(0)}@media (width<=640px) and (orientation:portrait){.float-hud [data-tip]:after{top:calc(100% + 8px);bottom:auto;transform:translate(-50%)translateY(-4px)}.float-hud [data-tip]:hover:after,.float-hud [data-tip]:focus-visible:after,.float-hud [data-tip]:active:after{transform:translate(-50%)translateY(0)}}@media (pointer:coarse){.hud-pin-btn,.hud-drag-handle{width:32px;height:32px}}._learnHost_1ovmj_1{pointer-events:none;position:absolute;inset:0}._learnHostHub_1ovmj_7{pointer-events:auto;flex-direction:column;display:flex;overflow:hidden}._learnHostExercise_1ovmj_14{flex-direction:column;justify-content:flex-end;display:flex}._learnHostHidden_1ovmj_20{display:none}._sessionSummary_1th52_1{pointer-events:auto;bottom:calc(var(--keyboard-h,120px) + 24px);border:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);min-width:380px;color:var(--text);animation:_summaryIn_1th52_1 .26s var(--ease-out) both;background:#0a0a0fb3;border-radius:14px;padding:14px 22px;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000059}@keyframes _summaryIn_1th52_1{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}._sessionSummaryRow_1th52_29{align-items:center;gap:26px;display:flex}._sessionSummaryMetric_1th52_35{flex-direction:column;gap:2px;display:flex}._sessionSummaryValue_1th52_41{font:700 18px / 1 var(--font)}._sessionSummaryLabel_1th52_45{font:400 10.5px / 1 var(--font);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}._sessionSummaryMetricStreak_1th52_52 ._sessionSummaryValue_1th52_41{color:var(--accent)}._sessionSummaryActions_1th52_56{gap:8px;margin-left:auto;display:inline-flex}._sessionSummaryBtn_1th52_62{font:500 12px / 1 var(--font);color:var(--text-muted);border:1px solid var(--border);cursor:pointer;background:#ffffff0a;border-radius:8px;padding:7px 14px}._sessionSummaryBtn_1th52_62:hover{color:var(--text);background:#ffffff12}._sessionSummaryBtnPrimary_1th52_77{color:var(--text);background:color-mix(in srgb, var(--accent) 18%, transparent);border-color:color-mix(in srgb, var(--accent) 45%, transparent)}.pa-hud,.float-hud.pa-hud{align-items:flex-start;width:min(720px,100vw - 24px);height:auto;padding:10px 14px 12px 0}.float-hud.pa-hud>.float-hud__sep{display:none}.pa-hud__body{flex:1;align-content:start;align-self:center;align-items:center;row-gap:6px;min-width:0}.pa-hud__transport{grid-area:transport;align-items:center;gap:12px;width:100%;min-width:0;display:flex}.pa-hud__scrub{flex:auto;align-items:center;gap:10px;min-width:0;display:flex}.pa-hud__options{border-top:1px solid #ffffff0a;flex-wrap:wrap;grid-area:options;justify-content:center;align-items:center;gap:10px;padding-top:4px;display:flex}.pa-hud__play{background:var(--accent);color:#0a0a14;cursor:pointer;width:32px;height:32px;box-shadow:0 6px 16px -4px color-mix(in srgb, var(--accent) 60%, transparent), 0 1px 0 #ffffff40 inset;transition:transform .12s var(--ease-spring);border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.pa-hud__play:hover{transform:scale(1.05)}.pa-hud__play:active{transform:scale(.96)}.pa-hud__play-icon--pause,.pa-hud__play.is-playing .pa-hud__play-icon--play{display:none}.pa-hud__play.is-playing .pa-hud__play-icon--pause{display:inline}.pa-hud__time{font:600 12px / 1 var(--font);color:var(--text);font-variant-numeric:tabular-nums;text-align:center;flex-shrink:0;min-width:38px}.pa-hud__time--muted{color:var(--text-muted);font-weight:500}.pa-hud__scrubber-wrap{flex:92px;align-items:center;min-width:80px;display:flex;position:relative}.pa-hud__scrubber-wrap:before{content:"";pointer-events:none;background:0 0;border-radius:999px;position:absolute;inset:0}.pa-hud__scrubber-wrap--loop:before{background:linear-gradient(to right, transparent calc(var(--loop-b-pct,0%) - .5px), #f3c36c8c calc(var(--loop-b-pct,0%) - .5px), #f3c36c8c calc(var(--loop-b-pct,0%) + .5px), transparent calc(var(--loop-b-pct,0%) + .5px)), linear-gradient(to bottom, transparent calc(50% - 2px), #f3c36c1f calc(50% - 2px), #f3c36c1f calc(50% + 2px), transparent calc(50% + 2px)) var(--loop-a-pct,0%) / calc(var(--loop-b-pct,0%) - var(--loop-a-pct,0%)) 100% no-repeat}.pa-hud__scrubber-wrap--loop:after,.pa-hud__scrubber-wrap--mark:after{content:"";pointer-events:none;width:1px;height:8px;top:50%;left:var(--loop-a-pct,0%);background:#f3c36c8c;position:absolute;transform:translate(-50%,-50%)}.pa-hud__scrubber{appearance:none;cursor:pointer;background:0 0;flex:100%;min-width:0;height:18px}.pa-hud__scrubber::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) 0%, var(--accent) var(--pct,0%), #ffffff1a var(--pct,0%), #ffffff1a 100%);border-radius:999px;height:4px}.pa-hud__scrubber::-moz-range-track{background:linear-gradient(to right, var(--accent) 0%, var(--accent) var(--pct,0%), #ffffff1a var(--pct,0%), #ffffff1a 100%);border-radius:999px;height:4px}.pa-hud__scrubber::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:grab;border:2px solid #0a0a14;border-radius:50%;width:14px;height:14px;margin-top:-5px;box-shadow:0 2px 6px #0006}.pa-hud__scrubber::-moz-range-thumb{background:var(--accent);cursor:grab;border:2px solid #0a0a14;border-radius:50%;width:14px;height:14px;box-shadow:0 2px 6px #0006}.pa-hud__scrubber:active::-webkit-slider-thumb{cursor:grabbing;transform:scale(1.15)}.pa-hud__segmented{border:0;flex-shrink:0;align-items:center;gap:8px;min-width:0;margin:0;padding:0;display:inline-flex}.pa-hud__segmented--mode{flex-shrink:0;align-self:stretch}.pa-hud__seg-label{font:600 10px / 1 var(--font);color:var(--text-dim);text-transform:uppercase;letter-spacing:.12em;-webkit-user-select:none;user-select:none}.pa-hud__seg-track{background:#ffffff09;border-radius:10px;align-items:center;gap:2px;padding:2px;display:inline-flex}.pa-hud__seg-track--mode{justify-content:stretch;min-width:182px}.pa-hud__seg-track--mode .pa-hud__seg{flex:1 1 0;min-width:0;padding-inline:12px}.pa-hud__seg{font:600 11.5px / 1 var(--font);color:var(--text-muted);cursor:pointer;transition:background .15s ease, color .15s ease, box-shadow .2s ease, transform .12s var(--ease-spring);font-variant-numeric:tabular-nums;background:0 0;border:none;border-radius:7px;min-width:30px;padding:6px 10px}.pa-hud__seg:hover{color:var(--text);background:#ffffff0d}.pa-hud__seg.is-active{color:#0a0a14;background:var(--accent);box-shadow:0 2px 6px -1px color-mix(in srgb, var(--accent) 55%, transparent), 0 1px 0 #ffffff4d inset}.pa-hud__seg.is-active:hover{background:var(--accent);filter:brightness(1.06)}.pa-hud__pill{font:600 11.5px / 1 var(--font);color:var(--text-muted);border:1px solid var(--border);cursor:pointer;transition:background .15s ease, color .15s ease, border-color .15s ease, box-shadow .2s ease, transform .12s var(--ease-spring);background:#ffffff06;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:6px 12px;display:inline-flex}.pa-hud__pill:hover{color:var(--text);border-color:var(--border-hi);background:#ffffff0f}.pa-hud__pill:active{transform:scale(.97)}.pa-hud__pill[aria-pressed=true]{color:var(--text);border-color:color-mix(in srgb, var(--accent) 55%, transparent);background:color-mix(in srgb, var(--accent) 20%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 35%, transparent) inset}.pa-hud__pill-sub{font:500 10.5px / 1 var(--font);color:var(--text-dim);letter-spacing:.02em;font-variant-numeric:tabular-nums}.pa-hud__loop{align-items:center;gap:2px;display:inline-flex}.pa-hud__loop--on .pa-hud__pill--loop,.pa-hud__loop--mark .pa-hud__pill--loop{border-top-right-radius:0;border-bottom-right-radius:0}.pa-hud__loop--mark .pa-hud__pill--loop{background:#f3c36c2e;border-color:#f3c36c80;animation:1.4s ease-in-out infinite pa-hud-loop-pulse}@keyframes pa-hud-loop-pulse{0%,to{box-shadow:0 0 #0000}50%{box-shadow:0 0 0 3px #f3c36c2e}}.pa-hud__loop-clear{width:26px;height:28px;color:var(--text-muted);background:color-mix(in srgb, var(--accent) 18%, transparent);border:1px solid color-mix(in srgb, var(--accent) 50%, transparent);cursor:pointer;border-left:none;border-top-right-radius:999px;border-bottom-right-radius:999px;justify-content:center;align-items:center;padding:0;transition:color .15s,background .15s;display:none}.pa-hud__loop--on .pa-hud__loop-clear,.pa-hud__loop--mark .pa-hud__loop-clear{display:inline-flex}.pa-hud__loop-clear:hover{color:var(--text);background:color-mix(in srgb, var(--accent) 28%, transparent)}@media (width<=720px){.pa-hud,.float-hud.pa-hud{width:min(100vw - 16px,720px);padding:8px 12px 10px 0}.pa-hud__transport{flex-wrap:wrap;row-gap:8px}.pa-hud__scrub{min-width:min(100%,240px)}.pa-hud__segmented--mode{justify-content:flex-end;width:100%}.pa-hud__seg-track--mode{min-width:0}.pa-hud__seg-label{display:none}.pa-hud__options{gap:8px}}.iv-card{--iv-top-gap:calc(90px + env(safe-area-inset-top));--iv-bottom-gap:calc(var(--keyboard-h,120px) + var(--hud-gap,16px) + env(safe-area-inset-bottom));inset:var(--iv-top-gap) 20px var(--iv-bottom-gap) 20px;border:1px solid var(--border);-webkit-backdrop-filter:blur(48px)saturate(160%);width:min(560px,100vw - 40px);color:var(--text);pointer-events:auto;background:#080810e0;border-radius:22px;flex-direction:column;gap:18px;margin:0 auto;padding:22px 24px 20px;display:flex;position:absolute;overflow:hidden;box-shadow:0 24px 64px #0000008c,0 8px 24px #0000004d,inset 0 1px #ffffff0a}.iv-card__head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.iv-card__crumb{flex-direction:column;gap:4px;display:flex}.iv-card__kicker{font:600 10.5px / 1 var(--font);color:var(--accent);text-transform:uppercase;letter-spacing:.12em}.iv-card__title{font:700 22px / 1.15 var(--font);letter-spacing:-.015em;margin:0}.iv-card__close{border:1px solid var(--border);width:30px;height:30px;color:var(--text-muted);cursor:pointer;background:#ffffff0a;border-radius:999px;justify-content:center;align-items:center;transition:color .15s,background .15s,border-color .15s;display:inline-flex}.iv-card__close:hover{color:var(--text);border-color:var(--border-hi);background:#ffffff14}.iv-card__progress{flex-direction:column;gap:6px;display:flex}.iv-card__progress-track{background:#ffffff0f;border-radius:999px;height:3px;overflow:hidden}.iv-card__progress-fill{width:var(--pct,0%);background:linear-gradient(to right, color-mix(in srgb, var(--accent) 80%, transparent), var(--accent));height:100%;transition:width .35s var(--ease-out)}.iv-card__progress-meta{font:500 11.5px / 1 var(--font);color:var(--text-muted);justify-content:space-between;align-items:center;display:flex}.iv-card__streak{color:var(--accent);letter-spacing:.01em;font-weight:600}.iv-card__body{overscroll-behavior:contain;scrollbar-gutter:stable;flex-direction:column;flex:auto;gap:16px;min-height:0;padding-right:4px;display:flex;overflow-y:auto}.iv-card__body::-webkit-scrollbar{width:8px}.iv-card__body::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:999px}.iv-card__body::-webkit-scrollbar-track{background:0 0}.iv-card__prompt{flex-direction:column;gap:6px;display:flex}.iv-card__prompt-label{font:600 10.5px / 1 var(--font);color:var(--text-dim);text-transform:uppercase;letter-spacing:.14em}.iv-card__prompt-hint{font:400 13px / 1.5 var(--font);color:var(--text-muted);margin:0}.iv-card__listen{background:var(--accent);color:#0a0a14;font:600 14px / 1 var(--font);letter-spacing:-.005em;cursor:pointer;box-shadow:0 12px 32px -8px color-mix(in srgb, var(--accent) 60%, transparent), 0 1px 0 #ffffff4d inset;transition:transform .15s var(--ease-spring), filter .15s ease, box-shadow .2s ease;border:none;border-radius:999px;align-self:flex-start;align-items:center;gap:12px;padding:14px 22px;display:inline-flex}.iv-card__listen:hover{filter:brightness(1.05);transform:translateY(-1px)}.iv-card__listen:active{transform:translateY(0)scale(.97)}.iv-card__listen-glyph{background:#0a0a1426;border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.iv-card__answers{border:0;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;min-width:0;margin:0;padding:0;display:grid}.iv-answer{border:1px solid var(--border);color:var(--text);cursor:pointer;font:inherit;text-align:center;transition:transform .15s var(--ease-spring), border-color .2s ease, background .2s ease, color .2s ease;background:#ffffff09;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:14px 10px;display:flex}.iv-answer:hover:not(:disabled){border-color:var(--border-hi);background:#ffffff0f;transform:translateY(-1px)}.iv-answer:active{transform:translateY(0)scale(.98)}.iv-answer__short{font:700 20px / 1 var(--font);letter-spacing:-.01em;font-variant-numeric:tabular-nums}.iv-answer__full{font:500 11px / 1 var(--font);color:var(--text-muted)}.iv-card[data-phase=feedback] .iv-answer{cursor:default}.iv-answer.iv-answer--correct{color:var(--text);background:#92ebc336;border-color:#7ee7b8b3;box-shadow:inset 0 0 0 1px #7ee7b873}.iv-answer.iv-answer--correct .iv-answer__short{color:#7ee7b8}.iv-answer.iv-answer--wrong{animation:iv-shake .32s var(--ease-out);background:#ff838336;border-color:#ff6d6db3}@keyframes iv-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}50%{transform:translate(4px)}75%{transform:translate(-2px)}}.iv-card__feedback{border:1px solid var(--border);background:#ffffff08;border-radius:12px;flex-direction:column;gap:10px;padding:12px 14px;display:flex}.iv-card__feedback[hidden]{display:none}.iv-card__feedback-row{align-items:center;gap:10px;display:flex}.iv-card__feedback-badge{font:600 10.5px / 1 var(--font);text-transform:uppercase;letter-spacing:.1em;border-radius:999px;justify-content:center;align-items:center;padding:3px 9px;display:inline-flex}.iv-card__feedback-badge--ok{color:#7ee7b8;background:#7ee7b838}.iv-card__feedback-badge--miss{color:#ff6d6d;background:#ff6d6d38}.iv-card__feedback-copy{font:500 13px / 1.4 var(--font);color:var(--text)}.iv-card__feedback-actions{align-items:center;gap:8px;display:flex}.iv-card__ghost{border:1px solid var(--border);color:var(--text-muted);font:600 11.5px / 1 var(--font);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.iv-card__ghost:hover{color:var(--text);border-color:var(--border-hi);background:#ffffff0a}.iv-card__next{background:var(--accent);color:#0a0a14;font:600 12px / 1 var(--font);cursor:pointer;transition:transform .15s var(--ease-spring), filter .15s ease;border:none;border-radius:999px;align-items:center;gap:6px;margin-left:auto;padding:8px 14px;display:inline-flex}.iv-card__next:hover{filter:brightness(1.08);transform:translateY(-1px)}.iv-card__next:active{transform:translateY(0)scale(.97)}.iv-card__foot{border-top:1px solid #ffffff0a;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding-top:10px;display:flex}.iv-card__score{font:700 15px / 1 var(--font);font-variant-numeric:tabular-nums;border:1px solid var(--border);background:#ffffff0a;border-radius:999px;align-items:baseline;gap:2px;padding:6px 12px;display:inline-flex}.iv-card__score-sep{color:var(--text-muted);font-weight:500}.iv-card__hint-row{font:500 11px / 1 var(--font);color:var(--text-dim);align-items:center;gap:6px;display:inline-flex}.iv-card__hint-row kbd{font-family:var(--font-mono);color:var(--text-muted);background:#ffffff0f;border:1px solid #ffffff14;border-radius:5px;padding:3px 6px;font-size:10px}@media (height<=900px){.iv-card{--iv-top-gap:calc(76px + env(safe-area-inset-top));gap:14px;padding:18px 20px 16px}.iv-card__body{gap:12px}.iv-card__title{font-size:20px}.iv-card__prompt-hint{font-size:12px;line-height:1.35}.iv-card__listen{padding:12px 18px}.iv-answer{padding:11px 10px}.iv-answer__short{font-size:18px}.iv-card__feedback{gap:8px;padding:10px 12px}.iv-card__foot{padding-top:8px}}@media (height<=760px){.iv-card{--iv-top-gap:calc(68px + env(safe-area-inset-top));gap:12px;padding:16px 16px 14px}.iv-card__progress-meta,.iv-card__feedback-copy,.iv-card__score{font-size:12px}.iv-card__prompt-hint,.iv-card__hint-row{display:none}.iv-card__answers{gap:8px}.iv-answer{gap:2px;padding:10px 8px}.iv-answer__short{font-size:17px}.iv-answer__full{font-size:10px}.iv-card__feedback-row{flex-direction:column;align-items:flex-start;gap:6px}}@media (width<=640px){.iv-card{gap:14px;padding:18px 18px 16px}.iv-card__title{font-size:19px}.iv-card__listen{justify-content:center;align-self:stretch}.iv-card__hint-row{display:none}.iv-card__foot{justify-content:center}}.float-hud.sr-hud{height:44px;padding-right:16px}.sr-hud__sep{background:var(--border);flex-shrink:0;width:1px;height:20px;margin:0 12px}.sr-hud__streak{align-items:center;gap:5px;min-width:28px;display:flex}.sr-hud__streak--warm{color:#ffb84d}.sr-hud__streak--hot{color:#f5c842;font-weight:600}.sr-hud__lives{align-items:center;gap:3px;display:flex;position:relative}.sr-hud__dot{background:var(--accent,#ffc83c);border-radius:50%;width:6px;height:6px;transition:opacity .2s,background .2s}.sr-hud__dot--spent{background:#ffffff1f}.sr-hud__bpm-pill{border-radius:var(--r-pill);background:#ffffff0a;border:1px solid #ffffff14;align-items:center;gap:2px;height:30px;padding:2px;transition:border-color .15s,background .15s;display:inline-flex}.sr-hud__bpm-pill:hover{border-color:#ffffff24}.sr-hud__bpm-step{width:18px;height:24px;color:var(--text-muted);font-family:var(--font);cursor:pointer;transition:color .12s, background .12s, transform .1s var(--ease-spring);background:0 0;border:none;border-radius:5px;font-size:13px;font-weight:500;line-height:1}.sr-hud__bpm-step:hover{color:var(--text);background:#ffffff14}.sr-hud__bpm-step:active{transform:scale(.9)}.sr-hud__bpm-val{text-align:center;min-width:34px;font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text);-webkit-user-select:none;user-select:none;padding:0 4px;font-size:12px;font-weight:500}.sr-hud__gap{flex-shrink:0;align-items:center;gap:6px;display:inline-flex}.sr-hud__gap-icon{color:var(--text-dim);flex-shrink:0;align-items:center;display:flex}.sr-hud__gap-slider{width:48px}.sr-hud__gap-val{text-align:right;min-width:30px;font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text);-webkit-user-select:none;user-select:none;font-size:12px;font-weight:500}.sr-hud__pause-btn{background:var(--accent);color:#0a0a14;cursor:pointer;width:30px;height:30px;box-shadow:0 4px 14px -4px color-mix(in srgb, var(--accent) 60%, transparent), 0 1px 0 #ffffff40 inset;transition:transform .12s var(--ease-spring);border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.sr-hud__pause-btn:hover{transform:scale(1.08)}.sr-hud__pause-btn:active{transform:scale(.94)}.sr-hud__pause-btn--paused{color:#ffffffa6;background:#ffffff14;box-shadow:0 0 0 1.5px #ffffff26,inset 0 1px #ffffff1a}.sr-hud__pause-btn--paused:hover{color:#fffc;background:#ffffff24}.sr-hud__ramp-btn,.sr-hud__clef-btn{border-radius:var(--r-pill);color:#ffffff8c;height:30px;font-family:var(--font);letter-spacing:.04em;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;align-items:center;gap:5px;padding:0 10px;font-size:11px;font-weight:500;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.sr-hud__ramp-btn{color:#ffffff73}.sr-hud__ramp-btn:hover,.sr-hud__clef-btn:hover{color:#fffc;background:#ffffff14;border-color:#ffffff24}.sr-hud__ramp-btn--on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent,#ffc83c)}.sr-hud__ramp-btn--on:hover{filter:brightness(1.08)}.sr-hud__ramp-icon{font-size:13px;line-height:1}.sr-hud__ramp-label,.sr-hud__clef-label{line-height:1}.sr-hud__clef-icon{font-family:serif;font-size:14px;line-height:1}.sr-hud__acc{font-variant-numeric:tabular-nums;color:#fffc;text-align:center;min-width:34px;font-weight:600}.sr-hud__restart-btn,.sr-hud__close{color:#ffffff59;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;transition:background .15s,color .15s;display:flex}.sr-hud__restart-btn:hover,.sr-hud__close:hover{color:#ffffffb3;background:#ffffff12}@keyframes sr-end-in{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.sr-end{pointer-events:auto;-webkit-backdrop-filter:blur(6px);font-family:var(--font,system-ui, sans-serif);background:#000000a6;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.sr-end__card{border:1px solid var(--border,#ffffff12);color:#e8e0d0;width:calc(100vw - 48px);min-width:300px;max-width:380px;animation:sr-end-in .3s var(--ease-out,cubic-bezier(.15, .88, .35, 1)) both;background:#07070ff7;border-radius:24px;flex-direction:column;align-items:center;gap:22px;padding:32px 36px 28px;display:flex;box-shadow:0 32px 80px #000000d9,0 8px 24px #00000080,inset 0 1px #ffffff0d}.sr-end__grade-block{text-align:center}.sr-end__grade{letter-spacing:-.02em;font-size:80px;font-weight:800;line-height:1}.sr-end__subtitle{color:#fff6;letter-spacing:.04em;margin-top:6px;font-size:12px}.sr-end__stats{gap:4px;width:100%;display:flex}.sr-end__stat{background:#ffffff0a;border:1px solid #ffffff0d;border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:4px;padding:10px 4px;display:flex}.sr-end__stat-glyph{color:#ffffff59;font-size:13px}.sr-end__stat-num{font-variant-numeric:tabular-nums;color:#ffffffd9;font-size:20px;font-weight:700;line-height:1}.sr-end__stat-label{color:#ffffff4d;letter-spacing:.04em;text-transform:uppercase;font-size:10px}.sr-end__stat--perfect .sr-end__stat-glyph,.sr-end__stat--perfect .sr-end__stat-num{color:#50c878}.sr-end__stat--good .sr-end__stat-glyph,.sr-end__stat--good .sr-end__stat-num{color:#ffb84d}.sr-end__stat--miss .sr-end__stat-glyph,.sr-end__stat--miss .sr-end__stat-num{color:#dc4646}.sr-end__xp{color:var(--accent,#ffc83c);letter-spacing:.04em;background:#ffc83c1a;border:1px solid #ffc83c33;border-radius:20px;padding:4px 14px;font-size:13px;font-weight:700}.sr-end__weak{color:#fff6;text-align:center;font-size:12px}.sr-end__weak-notes{color:#ffb84d;font-weight:600}.sr-end__actions{flex-direction:column;gap:8px;width:100%;display:flex}.sr-end__btn{cursor:pointer;border:none;border-radius:10px;width:100%;padding:11px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:filter .15s,background .15s}.sr-end__btn--primary{background:var(--accent,#ffc83c);color:#14120e}.sr-end__btn--primary:hover{filter:brightness(1.08)}.sr-end__btn--secondary{color:#e8e0d0;border:1px solid var(--border,#ffffff1a);background:#ffffff12;font-weight:500}.sr-end__btn--secondary:hover{background:#ffffff1c}.sr-end__btn--ghost{color:#ffffff4d;background:0 0;padding:6px 20px;font-size:13px;font-weight:400}.sr-end__btn--ghost:hover{color:#ffffff8c}.sr-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}._toast_973b3_1{border:1px solid var(--red-border);max-width:320px;color:var(--red-text);-webkit-backdrop-filter:blur(24px)saturate(150%);z-index:200;pointer-events:none;animation:_toast-in_973b3_1 .26s var(--ease-spring) forwards;background:#0a0c16eb;border-radius:12px;align-items:center;gap:8px;padding:10px 14px;font-size:12.5px;font-weight:500;line-height:1.35;display:flex;position:fixed;top:82px;right:22px;box-shadow:0 14px 36px #00000073,inset 0 1px #ffffff0a}._toastSuccess_973b3_27{color:#a5f3d0;border-color:#34d39952}._toast_973b3_1:before{content:"";opacity:.85;background:currentColor;border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block;box-shadow:0 0 10px}@keyframes _toast-in_973b3_1{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}._localeHint_rxadb_1{bottom:calc(20px + env(safe-area-inset-bottom));border:1px solid var(--border);border-radius:var(--r-pill);color:var(--text-muted);-webkit-backdrop-filter:blur(20px)saturate(140%);z-index:90;opacity:0;pointer-events:auto;transition:opacity .32s var(--ease-out), transform .32s var(--ease-out);background:#0c0c14eb;align-items:center;gap:10px;padding:8px 14px;font-size:12px;font-weight:500;display:inline-flex;position:fixed;left:50%;transform:translate(-50%)translateY(8px);box-shadow:0 12px 32px #0006}._localeHintShown_rxadb_27{opacity:1;transform:translate(-50%)translateY(0)}._localeHintClose_rxadb_32{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:0 0 0 4px;font-size:16px;line-height:1}._localeHintClose_rxadb_32:hover{color:var(--text)}