:root{--espresso: #160f0c;--rosewood: #20160f;--panel: #261a12;--panel-edge: #3c2a1c;--brass: #cfa45c;--brass-bright: #f0d191;--pearl: #f1e9d6;--ink-soft: #b6a487;--ink-faint: #7d6e58;--root: #ffb12e;--third: #54b5a6;--fifth: #c277b5;--seventh: #7d9cd8;--display: "Fraunces", Georgia, serif;--body: "Hanken Grotesk", system-ui, sans-serif;--mono: "Space Mono", ui-monospace, monospace;font-family:var(--body);color:var(--pearl)}*{box-sizing:border-box}html,body,#root{height:100dvh;margin:0;overflow:hidden}body{background:var(--espresso);-webkit-font-smoothing:antialiased}.scene-root{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(130% 90% at 50% -15%,#34241a,#1a110c 55%,#120b08);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);overflow:hidden}.scene{display:block;width:100%;height:100%}.note--enter{animation:noteIn .26s cubic-bezier(.34,1.56,.64,1) both;transform-box:fill-box;transform-origin:center}.note--root{animation:noteIn .26s cubic-bezier(.34,1.56,.64,1) both,rootPulse 2.6s ease-in-out .4s infinite}.note--slide{transition:transform .5s cubic-bezier(.45,.05,.2,1)}@keyframes noteIn{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes rootPulse{0%,to{filter:none}50%{filter:drop-shadow(0 0 7px rgba(255,177,46,.7))}}.sv-hit{fill:transparent;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent}.sv-hit[aria-disabled=true]{cursor:default}.focus-ring{fill:none;stroke:var(--brass-bright);stroke-width:2;opacity:0;pointer-events:none}.sv-hit:focus-visible+.focus-ring{opacity:1}.sv-tabs-frame{fill:#00000040;stroke:var(--panel-edge)}.sv-tab-face--active{fill:url(#btn-brass)}.sv-tab-label{font-family:var(--mono);font-weight:700;letter-spacing:.14em;fill:var(--ink-soft);pointer-events:none}.sv-tab:hover .sv-tab-label{fill:var(--pearl)}.sv-tab-label--active,.sv-tab:hover .sv-tab-label--active{fill:#21160d}.sv-faceplate{fill:url(#faceplate);stroke:var(--panel-edge)}.sv-label{font-family:var(--mono);font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;fill:var(--ink-faint)}.sv-title{font-family:var(--display);font-weight:600;fill:var(--pearl)}.sv-offneck{font-family:var(--body);font-weight:600;font-size:17px;fill:var(--ink-soft);pointer-events:none}.sv-pill-face{fill:#00000047;stroke:var(--panel-edge);transition:stroke .15s ease,fill .15s ease}.sv-pill:hover .sv-pill-face:not(.sv-pill-face--selected){stroke:var(--brass)}.sv-pill-face--selected{fill:url(#btn-brass);stroke:var(--brass-bright)}.sv-pill-face--correct{fill:#5fd08a38;stroke:#5fd08a}.sv-pill-face--wrong{fill:#e06a5a33;stroke:#e06a5a}.sv-pill-label{font-family:var(--body);font-weight:600;fill:var(--ink-soft);pointer-events:none}.sv-pill-label--selected{fill:#21160d}.sv-pill-label--correct{fill:#9fe6b8}.sv-pill-label--wrong{fill:#f0a99d}.sv-select-face{fill:#cfa45c29;stroke:var(--brass);transition:stroke .15s ease,fill .15s ease}.sv-select:hover .sv-select-face,.sv-select-face--open{fill:#cfa45c3d;stroke:var(--brass-bright)}.sv-select-label{font-family:var(--mono);font-weight:700;letter-spacing:.08em;fill:var(--brass-bright);pointer-events:none}.sv-select-caret{fill:var(--ink-soft);pointer-events:none}.sv-select-pop{fill:#241810;stroke:var(--panel-edge);filter:drop-shadow(0 8px 18px rgba(0,0,0,.55))}.sv-select-opt-face{fill:transparent;transition:fill .12s ease}.sv-select-opt:hover .sv-select-opt-face{fill:#cfa45c24}.sv-select-opt-face--selected{fill:#cfa45c38}.sv-select-opt-label{font-family:var(--body);font-weight:600;fill:var(--ink-soft);pointer-events:none}.sv-select-opt-label--selected{fill:var(--brass-bright)}.sv-btn-label{pointer-events:none}.sv-btn-face--play{fill:url(#btn-brass)}.sv-btn--play:hover .sv-btn-face--play{filter:brightness(1.06)}.sv-btn-label--play{fill:#21160d}.sv-btn-face--secondary{fill:transparent;stroke:var(--panel-edge);transition:stroke .15s ease}.sv-btn--secondary:hover .sv-btn-face--secondary{stroke:var(--brass)}.sv-btn-label--secondary{fill:var(--ink-soft)}.sv-btn-face--good{fill:#54b5a629;stroke:var(--third)}.sv-btn-label--good{fill:#9fe6da}.sv-btn-face--bad{fill:#c277b524;stroke:var(--fifth)}.sv-btn-label--bad{fill:#e3a9da}.sv-btn-face--link{fill:transparent}.sv-btn-label--link{font-family:var(--mono);text-decoration:underline;fill:var(--ink-faint)}.sv-sound-icon path:first-of-type{fill:var(--ink-soft)}.sv-sound-wave{fill:none;stroke:var(--ink-soft);stroke-width:1.8;stroke-linecap:round}.sv-sound:hover .sv-sound-icon path:first-of-type{fill:var(--pearl)}.sv-sound:hover .sv-sound-wave{stroke:var(--pearl)}.sv-sound-slash{stroke:#e06a5a;stroke-width:2.2;stroke-linecap:round;pointer-events:none}.sv-hand-icon line{stroke:var(--ink-soft);stroke-linecap:round}.sv-hand-nut{stroke:var(--brass)}.sv-hand:hover .sv-hand-icon line{stroke:var(--pearl)}.sv-hand:hover .sv-hand-nut{stroke:var(--brass-bright)}.sv-wheel-rim{fill:none;stroke:url(#brass);stroke-width:2}.sv-wheel-face{fill:url(#knob);stroke:var(--panel-edge)}.sv-wheel-tick{stroke:var(--ink-faint);stroke-width:1.5;stroke-linecap:round}.sv-wheel-tick--active{stroke:var(--brass-bright);stroke-width:3}.sv-wheel-tick--reveal{stroke:#5fd08a;stroke-width:3}.sv-wheel-name{font-family:var(--mono);font-weight:700;fill:var(--ink-soft);pointer-events:none}.sv-wheel-name--active{fill:var(--brass-bright)}.sv-wheel-name--reveal{fill:#9fe6b8}.sv-wheel-pointer{stroke:var(--brass-bright);stroke-width:3;stroke-linecap:round}.sv-wheel-center{fill:#00000059;stroke:var(--panel-edge)}.sv-wheel-center--correct{stroke:#5fd08a;stroke-width:2.5}.sv-wheel-center--wrong{stroke:#e06a5a;stroke-width:2.5}.sv-wheel-value{font-family:var(--display);font-weight:600;fill:var(--pearl);pointer-events:none}.sv-chip{fill:#00000047;stroke:var(--panel-edge)}.sv-chip-label{font-family:var(--body);font-weight:600;fill:var(--ink-soft)}.sv-hint{font-family:var(--mono);letter-spacing:.04em;fill:var(--ink-faint)}.sv-score-line{font-family:var(--mono);font-weight:700;letter-spacing:.04em;fill:var(--ink-soft)}.sv-score-value{font-family:var(--mono);font-weight:700;fill:var(--pearl)}.sv-result{font-family:var(--body);font-weight:600}.sv-result--ok{fill:#9fe6b8}.sv-result--no{fill:#f0a99d}.sv-lock path{stroke:var(--brass)}.sv-lock rect{fill:var(--brass)}.sv-license-input{width:100%;height:100%;box-sizing:border-box;background:#00000059;border:1px solid var(--panel-edge);border-radius:10px;color:var(--pearl);font-family:var(--mono);font-size:14px;padding:0 14px;letter-spacing:.04em;outline:none}.sv-license-input:focus{border-color:var(--brass)}.sv-license-input::placeholder{color:var(--ink-faint)}.sv-license-input:disabled{opacity:.5}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){.note--enter,.note--root,.note--slide{animation:none;transition:none}*{transition:none!important}}