:root{--bg: #070a10;--ink: #eaf2ff;--ink-dim: rgba(214, 228, 255, .7);--ink-faint: rgba(214, 228, 255, .4);--cyan: #38f0ff;--cyan-rgb: 56, 240, 255;--magenta: #ff3fd0;--magenta-rgb: 255, 63, 208;--violet: #9b6dff;--violet-rgb: 155, 109, 255;--crimson: #ff3a5c;--crimson-rgb: 255, 58, 92;--amber: #ffb547;--amber-rgb: 255, 181, 71;--ok: #4dffb2;--ok-rgb: 77, 255, 178;--accent: var(--cyan);--accent-rgb: var(--cyan-rgb);--line: rgba(160, 205, 255, .12);--line-strong: rgba(160, 205, 255, .26);--glass: linear-gradient(180deg, rgba(12, 18, 30, .56), rgba(6, 9, 15, .74));--font-ui: "Inter", "SF Pro Display", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", ui-monospace, Menlo, Consolas, monospace;--safe-t: env(safe-area-inset-top, 0px);--safe-r: env(safe-area-inset-right, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--edge: 18px;--pad-t: calc(var(--safe-t) + var(--edge));--pad-r: calc(var(--safe-r) + var(--edge));--pad-b: calc(var(--safe-b) + var(--edge));--pad-l: calc(var(--safe-l) + var(--edge));--rail-w: 88px;--ctrl-h: 46px;--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-io: cubic-bezier(.65, 0, .35, 1)}[data-accent=cyan]{--accent: var(--cyan);--accent-rgb: var(--cyan-rgb)}[data-accent=magenta]{--accent: var(--magenta);--accent-rgb: var(--magenta-rgb)}[data-accent=violet]{--accent: var(--violet);--accent-rgb: var(--violet-rgb)}[data-accent=crimson]{--accent: var(--crimson);--accent-rgb: var(--crimson-rgb)}[data-accent=amber]{--accent: var(--amber);--accent-rgb: var(--amber-rgb)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:var(--font-ui);font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;overscroll-behavior:none}body{position:fixed;top:0;right:0;bottom:0;left:0;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#app,.oj-root{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--bg)}[hidden]{display:none!important}button,input,output{font:inherit;color:inherit}canvas.webgl{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:block;width:100%;height:100%;outline:none;touch-action:none;cursor:grab}canvas.webgl:active{cursor:grabbing}.sb-hud{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none}.sb-hud svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sb-hud button,.sb-hud input,.sb-card{pointer-events:auto}.sb-vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(125% 90% at 50% 42%,transparent 60%,rgba(2,4,8,.62) 100%),linear-gradient(180deg,rgba(2,4,8,.45) 0%,transparent 13%,transparent 70%,rgba(2,4,8,.55) 100%)}.sb-hud.is-splash .sb-top,.sb-hud.is-splash .sb-card{opacity:0;visibility:hidden;pointer-events:none}.sb-top{position:absolute;top:var(--pad-t);left:var(--pad-l);right:var(--pad-r);display:flex;align-items:flex-start;justify-content:space-between;gap:12px;transition:opacity .5s var(--ease-out),visibility .5s}.sb-id{display:grid;gap:7px;min-width:0}.sb-brand{font:600 10px/1 var(--font-mono);letter-spacing:.28em;text-transform:uppercase;color:var(--ink-faint)}.sb-title{display:flex;align-items:center;gap:10px;min-width:0}.sb-roman{flex:none;font:600 11px/1 var(--font-mono);letter-spacing:.14em;color:var(--accent);padding:5px 7px 4px;border:1px solid rgba(var(--accent-rgb),.45);border-radius:6px;background:rgba(var(--accent-rgb),.08);text-shadow:0 0 10px rgba(var(--accent-rgb),.75);box-shadow:0 0 16px -6px rgba(var(--accent-rgb),.8)}.sb-name{font-size:clamp(20px,2.2vw,28px);font-weight:750;line-height:1;letter-spacing:-.015em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 18px rgba(0,0,0,.7)}.sb-meta{display:flex;align-items:center;gap:10px}.sb-segs{display:flex;gap:3px}.sb-segs i{width:14px;height:3px;border-radius:2px;background:#ffffff24;transition:background .4s,box-shadow .4s,width .4s var(--ease-out)}.sb-segs i.is-done{background:rgba(var(--accent-rgb),.55)}.sb-segs i.is-current{width:20px;background:var(--accent);box-shadow:0 0 8px var(--accent)}.sb-phases{display:flex;gap:3px}.sb-phases span{padding:3px 7px;border:1px solid var(--line);border-radius:999px;background:#06090f66;color:var(--ink-faint);font:600 9px/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;transition:all .3s var(--ease-out)}.sb-phases span.is-past{color:rgba(var(--accent-rgb),.8)}.sb-phases span.is-on{color:var(--ink);border-color:rgba(var(--accent-rgb),.6);background:rgba(var(--accent-rgb),.14);box-shadow:0 0 12px -4px rgba(var(--accent-rgb),.85)}.sb-nav{display:flex;gap:6px;flex:none}.sb-icon{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid var(--line);border-radius:50%;background:#080c1480;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--ink-dim);cursor:pointer;transition:color .2s,border-color .2s,background .2s,opacity .2s}.sb-icon svg{width:18px;height:18px}.sb-icon:hover{color:var(--ink);border-color:rgba(var(--accent-rgb),.55)}.sb-icon:disabled{opacity:.28;cursor:default}.sb-card{position:absolute;left:var(--pad-l);bottom:var(--pad-b);width:min(392px,calc(100% - var(--pad-l) - var(--pad-r) - var(--rail-w)));display:grid;gap:9px;padding:12px 14px 12px 16px;border:1px solid var(--line);border-radius:14px;background:var(--glass);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:0 18px 40px -22px #000000e6,inset 0 1px #ffffff0d;transition:opacity .35s var(--ease-out),transform .35s var(--ease-out),visibility .35s}.sb-card:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:2px;border-radius:2px;background:var(--accent);box-shadow:0 0 10px var(--accent)}.sb-card.is-success{--accent: var(--ok);--accent-rgb: var(--ok-rgb)}.sb-card-head{display:flex;align-items:center;gap:8px;min-height:16px}.sb-kicker{font:600 10px/1 var(--font-mono);letter-spacing:.24em;color:var(--accent);text-shadow:0 0 10px rgba(var(--accent-rgb),.6)}.sb-beats{display:flex;gap:3px}.sb-beats i{width:10px;height:2px;border-radius:1px;background:var(--line-strong);transition:background .3s,width .3s}.sb-beats i.is-on{width:16px;background:var(--accent);box-shadow:0 0 6px var(--accent)}.sb-keyhint{margin-left:auto;font:600 9px/1 var(--font-mono);letter-spacing:.14em;color:var(--ink-faint)}.sb-skip{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-left:2px;padding:4px 9px;border:1px solid var(--line-strong);border-radius:999px;background:transparent;color:var(--ink-dim);font:600 10px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:color .2s,border-color .2s}.sb-skip:hover{color:var(--ink);border-color:rgba(var(--accent-rgb),.6)}.sb-text{margin:0;font-size:14.5px;line-height:1.42;color:var(--ink);text-wrap:pretty;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.sb-hud[data-phase=tour] .sb-text{cursor:pointer}.sb-text.is-swap{animation:sb-text-swap .35s var(--ease-out)}.sb-tourbar{height:2px;border-radius:1px;overflow:hidden;background:#ffffff14}.sb-tourbar i{display:block;height:100%;transform-origin:left center;transform:scaleX(0);background:linear-gradient(90deg,rgba(var(--accent-rgb),.4),var(--accent))}.sb-readout{display:grid;gap:5px}.sb-ro-row{display:flex;align-items:baseline;gap:8px;min-width:0}.sb-ro-label{font:600 10px/1 var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim);white-space:nowrap}.sb-ro-note{font:700 9px/1 var(--font-mono);letter-spacing:.16em;color:var(--accent)}.sb-ro-value{margin-left:auto;white-space:nowrap}.sb-ro-value b{font:700 22px/1 var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em;text-shadow:0 0 16px rgba(var(--accent-rgb),.55)}.sb-ro-value small{margin-left:4px;font:500 11px/1 var(--font-mono);color:var(--ink-dim)}.sb-ro-bar{position:relative;height:3px;border-radius:2px;background:#ffffff14}.sb-ro-bar i{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;transform-origin:left center;transform:scaleX(0);background:linear-gradient(90deg,rgba(var(--accent-rgb),.45),var(--accent));box-shadow:0 0 10px var(--accent);transition:transform .12s linear}.sb-ro-bar em{position:absolute;top:-3px;bottom:-3px;width:1px;background:#ffffffb3}.sb-readout[data-status=warn]{--accent: var(--crimson);--accent-rgb: var(--crimson-rgb)}.sb-readout[data-status=warn] .sb-ro-note,.sb-readout[data-status=warn] b{animation:sb-flicker .9s steps(2) infinite}.sb-readout[data-status=done]{--accent: var(--ok);--accent-rgb: var(--ok-rgb)}.sb-ctrl-row{display:flex;align-items:stretch;gap:8px}.sb-control{flex:1;min-width:0;display:flex}.sb-act{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;isolation:isolate;flex:1;min-width:0;display:flex;align-items:center;gap:10px;height:var(--ctrl-h);padding:0 12px 0 8px;overflow:hidden;border:1px solid rgba(var(--accent-rgb),.45);border-radius:999px;background:rgba(var(--accent-rgb),.08);color:var(--ink);cursor:pointer;touch-action:none;transition:transform .12s var(--ease-out),background .2s,border-color .2s,box-shadow .25s}.sb-act:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;transform-origin:left center;transform:scaleX(var(--p, 0));background:linear-gradient(90deg,rgba(var(--accent-rgb),.3),rgba(var(--accent-rgb),.1));transition:transform .15s linear}.sb-act-ring{position:relative;flex:none;width:30px;height:30px;border:2px solid var(--accent);border-radius:50%;box-shadow:0 0 12px -2px var(--accent),inset 0 0 8px rgba(var(--accent-rgb),.4)}.sb-act-ring:after{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent);opacity:.55;transition:transform .2s var(--ease-out),opacity .2s}.sb-act.is-tap .sb-act-ring:after{top:9px;right:9px;bottom:9px;left:9px}.sb-act-label{flex:1;min-width:0;text-align:left;font:650 13px/1.1 var(--font-ui);letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-act-key{flex:none;padding:3px 6px;border:1px solid var(--line-strong);border-radius:5px;font:600 9px/1 var(--font-mono);letter-spacing:.1em;color:var(--ink-faint)}.sb-act:hover{border-color:rgba(var(--accent-rgb),.75)}.sb-act:active,.sb-act.is-held{transform:scale(.985)}.sb-act.is-held{border-color:var(--accent);background:rgba(var(--accent-rgb),.18);box-shadow:0 0 28px -6px rgba(var(--accent-rgb),.9)}.sb-act.is-held .sb-act-ring{animation:sb-breathe 1.1s var(--ease-io) infinite}.sb-act.is-held .sb-act-ring:after{opacity:1;transform:scale(1.3)}.sb-act.is-tapped .sb-act-ring{animation:sb-tap .45s var(--ease-out)}.sb-act:focus-visible,.sb-check:focus-visible,.sb-skip:focus-visible,.sb-icon:focus-visible,.sb-primary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sb-check{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:none;display:inline-flex;align-items:center;gap:6px;height:var(--ctrl-h);padding:0 16px;border:1px solid var(--line-strong);border-radius:999px;background:#ffffff0a;color:var(--ink-dim);font:700 12px/1 var(--font-ui);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:background .25s,color .25s,border-color .25s,opacity .25s,box-shadow .25s}.sb-check svg{width:16px;height:16px;stroke-width:2.2}.sb-check:disabled{opacity:.35;cursor:default}.sb-check.is-ready{border-color:transparent;background:linear-gradient(135deg,var(--accent),rgba(var(--accent-rgb),.72));color:#03101a;animation:sb-ready 1.8s var(--ease-io) infinite}.sb-draghint{flex:1;min-width:0;display:flex;align-items:center;gap:10px;height:var(--ctrl-h);padding:0 14px;border:1px dashed rgba(var(--accent-rgb),.5);border-radius:999px;background:rgba(var(--accent-rgb),.05);color:var(--ink);font:650 13px/1 var(--font-ui);transition:border-color .2s,background .2s,box-shadow .2s}.sb-draghint svg{flex:none;width:20px;height:20px;color:var(--accent);animation:sb-sway 2.2s var(--ease-io) infinite}.sb-draghint small{margin-left:auto;font:600 9px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint)}.sb-draghint.is-active{border-style:solid;border-color:var(--accent);background:rgba(var(--accent-rgb),.14);box-shadow:0 0 24px -8px rgba(var(--accent-rgb),.9)}.sb-range{flex:1;min-width:0;display:grid;grid-template-columns:1fr auto;grid-template-areas:"label val" "input input";align-items:center;column-gap:8px;row-gap:1px}.sb-range.is-inline{grid-template-columns:auto 1fr auto;grid-template-areas:"label input val";column-gap:10px}.sb-range-label{grid-area:label;font:600 10px/1.2 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim);white-space:nowrap}.sb-range-val{grid-area:val;min-width:3.4ch;text-align:right;font:600 11px/1 var(--font-mono);font-variant-numeric:tabular-nums;color:var(--accent)}.sb-range-input{grid-area:input;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:26px;margin:0;background:transparent;cursor:pointer;touch-action:none}.sb-range-input:focus{outline:none}.sb-range-input::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(90deg,var(--accent) calc(var(--v, 0) * 100%),rgba(255,255,255,.12) 0);box-shadow:0 0 10px -3px rgba(var(--accent-rgb),.7)}.sb-range-input::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;margin-top:-7px;border:none;border-radius:50%;background:#fff;box-shadow:0 0 0 3px rgba(var(--accent-rgb),.38),0 0 14px var(--accent);transition:transform .12s var(--ease-out)}.sb-range-input:active::-webkit-slider-thumb{transform:scale(1.15)}.sb-range-input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--accent),0 0 16px var(--accent)}.sb-range-input::-moz-range-track{height:4px;border-radius:2px;background:#ffffff1f}.sb-range-input::-moz-range-progress{height:4px;border-radius:2px;background:var(--accent)}.sb-range-input::-moz-range-thumb{width:18px;height:18px;border:none;border-radius:50%;background:#fff;box-shadow:0 0 0 3px rgba(var(--accent-rgb),.38),0 0 14px var(--accent)}.sb-extra{padding-top:6px;border-top:1px solid var(--line)}.sb-hud[data-phase=tour] .sb-try-only{display:none}.sb-hud:not([data-phase=tour]) .sb-tour-only{display:none}.sb-hud[data-phase=check] .sb-card{opacity:0;visibility:hidden;transform:translateY(10px)}.sb-splash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;padding:var(--pad-t) var(--pad-r) var(--pad-b) calc(var(--pad-l) + 2vw);pointer-events:auto;background:radial-gradient(50% 45% at 18% 40%,rgba(var(--cyan-rgb),.1),transparent 70%),radial-gradient(40% 40% at 80% 75%,rgba(var(--magenta-rgb),.07),transparent 70%),linear-gradient(90deg,#070a10eb,#070a10a8 40%,#070a1000 72%);transition:opacity .8s var(--ease-out),visibility .8s}.sb-splash.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.sb-splash-inner{width:min(520px,100%);display:grid;gap:14px;animation:sb-rise .9s var(--ease-out) both}.sb-splash-inner .sb-brand{color:var(--accent);text-shadow:0 0 12px rgba(var(--accent-rgb),.7)}.sb-splash h1{margin:0;font-size:clamp(44px,6.6vw,84px);font-weight:800;line-height:.94;letter-spacing:-.035em}.sb-splash h1 span{background:linear-gradient(100deg,var(--cyan) 0%,var(--violet) 55%,var(--magenta) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 26px rgba(var(--cyan-rgb),.25))}.sb-splash-sub{margin:0;max-width:42ch;font-size:clamp(14px,1.4vw,17px);line-height:1.5;color:var(--ink-dim)}.sb-splash-hint,.sb-splash-keys{font:500 10px/1.4 var(--font-mono);letter-spacing:.14em;color:var(--ink-faint);white-space:pre-wrap}.sb-primary{-webkit-appearance:none;-moz-appearance:none;appearance:none;justify-self:start;display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 22px;border:none;border-radius:999px;background:linear-gradient(135deg,var(--accent),rgba(var(--accent-rgb),.72));color:#03101a;font:700 13px/1 var(--font-ui);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;box-shadow:0 0 0 1px rgba(var(--accent-rgb),.45),0 10px 30px -8px rgba(var(--accent-rgb),.75);transition:transform .12s var(--ease-out),box-shadow .25s,opacity .25s}.sb-primary svg{width:18px;height:18px;stroke-width:2.2}.sb-primary:hover{box-shadow:0 0 0 1px rgba(var(--accent-rgb),.6),0 12px 36px -6px rgba(var(--accent-rgb),.95)}.sb-primary:active{transform:translateY(1px) scale(.98)}.sb-primary:disabled{opacity:.55;cursor:progress}.sb-primary.is-loading svg{display:none}.sb-score{display:flex;align-items:baseline;gap:10px}.sb-score b{font:800 34px/1 var(--font-mono);color:var(--accent);text-shadow:0 0 20px rgba(var(--accent-rgb),.6)}.sb-score span{font:600 10px/1 var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim)}.scale-ring-host{position:absolute;z-index:9;top:45%;right:calc(var(--safe-r) + 8px);width:var(--rail-w);height:min(60vh,560px);height:min(60svh,560px);transform:translateY(-50%);pointer-events:none;transition:opacity .6s var(--ease-out);filter:drop-shadow(0 0 6px rgba(56,240,255,.18))}.sb-splashing .scale-ring-host{opacity:.25}.scale-ring-host>svg{display:block;width:100%;height:100%;overflow:visible}.ring-minor line{stroke:#d6e4ff52;stroke-width:1.2}.ring-track{fill:none;stroke:#a0cdff80;stroke-width:1.6}.ring-progress{fill:none;stroke:var(--accent);stroke-width:2.8;stroke-linecap:round;filter:drop-shadow(0 0 6px var(--accent))}.ring-tick{fill:#d6e4ff8c;transition:fill .4s}.ring-tick.is-done{fill:rgba(var(--accent-rgb),.7)}.ring-tick.is-active{fill:var(--accent);filter:drop-shadow(0 0 5px var(--accent))}.ring-halo{fill:var(--accent);opacity:.28}.ring-arm{stroke:var(--accent);stroke-width:2;stroke-linecap:round;filter:drop-shadow(0 0 4px var(--accent))}.ring-head{fill:#fff;stroke:var(--accent);stroke-width:1.8;filter:drop-shadow(0 0 6px var(--accent))}.ring-label{font:600 13px var(--font-mono);letter-spacing:.08em;fill:#d6e4ffb8;text-anchor:end;dominant-baseline:middle;paint-order:stroke;stroke:#070a10eb;stroke-width:3.5px;stroke-linejoin:round}.ring-label.is-active{font-size:14px;font-weight:700;fill:#eef5ff}.ring-label .ring-pow{fill:var(--accent)}.ring-end{opacity:.7}.ring-pip{fill:#d6e4ff47;transition:fill .4s}.ring-pip.is-on{fill:var(--accent)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:10px 15px;border:1px solid var(--line-strong);border-radius:999px;background:#ffffff0a;color:var(--ink);font:600 12px/1 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:border-color .2s,background .2s,box-shadow .25s,transform .12s var(--ease-out),opacity .2s}.btn:hover{border-color:rgba(var(--accent-rgb),.6);background:rgba(var(--accent-rgb),.08)}.btn:active{transform:translateY(1px) scale(.98)}.btn:focus-visible,.quiz-option:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.btn:disabled{opacity:.32;cursor:default;pointer-events:none}.btn-primary{border-color:transparent;background:linear-gradient(135deg,var(--accent),rgba(var(--accent-rgb),.72));color:#03101a;box-shadow:0 0 0 1px rgba(var(--accent-rgb),.45),0 10px 30px -8px rgba(var(--accent-rgb),.75)}.btn-ghost{border-color:transparent;background:transparent;color:var(--ink-dim)}.quiz{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:var(--pad-t) var(--pad-r) var(--pad-b) var(--pad-l);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s var(--ease-out),visibility .35s}.quiz:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(90% 70% at 50% 55%,#0305098c,#03050940)}.quiz.is-open{opacity:1;visibility:visible;pointer-events:auto}.quiz-card{position:relative;width:min(440px,100%);max-height:min(78svh,620px);overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;padding:18px 18px 16px;border:1px solid var(--line-strong);border-radius:18px;background:linear-gradient(180deg,#0e1422d1,#080c14e6);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);box-shadow:0 30px 80px -30px #000000e6,0 0 0 1px rgba(var(--accent-rgb),.12);transform:translateY(14px) scale(.98);transition:transform .4s var(--ease-out)}.quiz.is-open .quiz-card{transform:none}.quiz-kicker{font:600 10px/1 var(--font-mono);letter-spacing:.26em;text-transform:uppercase;color:var(--accent)}.quiz-count,.quiz-score{font:500 10px/1 var(--font-mono);letter-spacing:.16em;color:var(--ink-faint)}.quiz-head,.quiz-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}.quiz-foot{margin-top:14px}.quiz-q{margin:12px 0 14px;font-size:17px;font-weight:650;line-height:1.35}.quiz-options{display:grid;gap:8px;margin:0;padding:0;list-style:none}.quiz-option{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:grid;grid-template-columns:24px 1fr;align-items:center;gap:10px;width:100%;min-height:46px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#ffffff08;color:var(--ink);font:500 14px/1.35 var(--font-ui);text-align:left;cursor:pointer;transition:border-color .2s,background .2s,opacity .25s}.quiz-option:hover{border-color:rgba(var(--accent-rgb),.55);background:rgba(var(--accent-rgb),.07)}.quiz-option .key{display:grid;place-items:center;width:24px;height:24px;border:1px solid var(--line-strong);border-radius:50%;font:600 10px/1 var(--font-mono);color:var(--ink-dim)}.quiz-option.is-correct{border-color:rgba(var(--ok-rgb),.75);background:rgba(var(--ok-rgb),.1)}.quiz-option.is-correct .key{border-color:var(--ok);background:var(--ok);color:#03140c}.quiz-option.is-wrong{border-color:rgba(var(--crimson-rgb),.75);background:rgba(var(--crimson-rgb),.1);animation:sb-nudge .35s var(--ease-out)}.quiz-option.is-wrong .key{border-color:var(--crimson);background:var(--crimson);color:#1a0308}.quiz-option.is-dim{opacity:.4}.quiz-options.is-answered .quiz-option{pointer-events:none}.quiz-explain{margin-top:12px;padding:10px 12px;border-left:2px solid var(--accent);border-radius:0 10px 10px 0;background:rgba(var(--accent-rgb),.06);color:var(--ink-dim);font-size:13px;line-height:1.45}.quiz-explain[data-result=correct]{border-color:var(--ok)}.quiz-explain[data-result=wrong]{border-color:var(--crimson)}@keyframes sb-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes sb-text-swap{0%{opacity:0;transform:translateY(4px);filter:blur(2px)}to{opacity:1;transform:none;filter:none}}@keyframes sb-breathe{0%,to{box-shadow:0 0 12px -2px var(--accent),inset 0 0 8px rgba(var(--accent-rgb),.4)}50%{box-shadow:0 0 0 5px rgba(var(--accent-rgb),.18),0 0 22px var(--accent),inset 0 0 12px rgba(var(--accent-rgb),.6)}}@keyframes sb-tap{0%{transform:scale(1)}35%{transform:scale(1.22);box-shadow:0 0 0 6px rgba(var(--accent-rgb),.2),0 0 22px var(--accent)}to{transform:scale(1)}}@keyframes sb-ready{0%,to{box-shadow:0 0 0 1px rgba(var(--accent-rgb),.45),0 8px 24px -8px rgba(var(--accent-rgb),.75)}50%{box-shadow:0 0 0 5px rgba(var(--accent-rgb),.16),0 8px 30px -4px rgba(var(--accent-rgb),.95)}}@keyframes sb-sway{0%,to{transform:translate(-2px)}50%{transform:translate(2px)}}@keyframes sb-flicker{50%{opacity:.6}}@keyframes sb-nudge{25%{transform:translate(-4px)}75%{transform:translate(4px)}}@media(hover:none)and (pointer:coarse){.sb-act-key,.sb-keyhint,.sb-splash-keys{display:none}}@media(max-width:900px){:root{--edge: 14px;--rail-w: 72px}.sb-text{font-size:14px}}@media(max-width:560px){:root{--edge: 10px;--rail-w: 58px;--ctrl-h: 42px}.sb-top{gap:8px}.sb-id{gap:6px}.sb-id>.sb-brand{display:none}.sb-title{gap:7px}.sb-roman{font-size:10px;padding:3px 5px 2px}.sb-name{font-size:18px}.sb-meta{gap:7px}.sb-segs{gap:2px}.sb-segs i{width:8px;height:2px}.sb-segs i.is-current{width:13px}.sb-phases span{padding:2px 5px;font-size:8px;letter-spacing:.1em}.sb-nav{gap:4px}.sb-icon{width:32px;height:32px}.sb-icon svg{width:16px;height:16px}.sb-card{right:var(--pad-r);width:auto;gap:7px;padding:9px 11px 10px 13px;border-radius:12px}.sb-card:before{top:10px;bottom:10px}.sb-kicker{font-size:9px;letter-spacing:.2em}.sb-skip{margin-left:auto;padding:4px 8px;font-size:9px}.sb-text{font-size:13px;line-height:1.38;-webkit-line-clamp:3}.sb-ro-label{font-size:9px;letter-spacing:.12em}.sb-ro-value b{font-size:19px}.sb-ro-value small{font-size:10px}.sb-act{gap:8px;padding:0 10px 0 7px}.sb-act-ring{width:26px;height:26px}.sb-act-ring:after{top:6px;right:6px;bottom:6px;left:6px}.sb-act-label,.sb-draghint{font-size:12.5px}.sb-check{padding:0 13px;font-size:11px}.sb-range-label{font-size:9px;letter-spacing:.1em}.sb-range-input{height:24px}.sb-extra{padding-top:4px}.scale-ring-host{top:38%;right:calc(var(--safe-r) + 2px);height:min(46vh,390px);height:min(46svh,390px)}.ring-end{display:none}.ring-label.is-active{font-size:11px}.sb-splash{align-items:flex-end;padding:var(--pad-t) var(--pad-r) calc(var(--pad-b) + 4px) var(--pad-l);background:linear-gradient(180deg,#070a1000,#070a1000 50%,#070a10db 70%,#070a10f5)}.sb-splash-inner{gap:9px}.sb-splash h1{font-size:34px}.sb-splash-sub{font-size:13px;line-height:1.42}.sb-splash-hint{font-size:9px}.sb-primary{min-height:44px;padding:0 18px;font-size:12px}.sb-score b{font-size:26px}.quiz{align-items:flex-end;padding:0 8px calc(var(--safe-b) + 8px)}.quiz:before{background:linear-gradient(180deg,transparent 45%,rgba(3,5,9,.6) 100%)}.quiz-card{width:100%;max-height:40svh;padding:12px 12px 11px;border-radius:16px 16px 12px 12px}.quiz-q{margin:7px 0 9px;font-size:14.5px}.quiz-options{gap:6px}.quiz-option{grid-template-columns:20px 1fr;gap:8px;min-height:38px;padding:7px 10px;font-size:13px}.quiz-option .key{width:20px;height:20px;font-size:9px}.quiz-explain{margin-top:8px;padding:7px 10px;font-size:12px}.quiz-foot{margin-top:9px}}@media(max-height:500px)and (orientation:landscape){:root{--edge: 10px;--rail-w: 44px;--ctrl-h: 38px}.sb-id>.sb-brand,.sb-phases{display:none}.sb-name{font-size:17px}.sb-card{width:min(340px,calc(100% - var(--pad-l) - var(--pad-r) - var(--rail-w)));gap:6px;padding:8px 10px 8px 12px}.sb-text{font-size:12.5px;-webkit-line-clamp:2}.sb-ro-value b{font-size:17px}.scale-ring-host{top:50%;height:56svh}.sb-splash h1{font-size:clamp(32px,7vw,54px)}.sb-splash-inner{gap:8px}.quiz-card{max-height:88svh;width:min(520px,100%);padding:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}