.ss-container .ss-beat{display:inline-block;margin-top:8px;padding:4px 12px;border-radius:999px;background:var(--primary-muted);color:var(--primary);font-size:12px;font-weight:700}.ss-container .ss-beat[hidden]{display:none}.ss-sound{font-size:15px;line-height:1}.ss-sound.is-off{opacity:.45}.ss-container .ss-board{--ss-bg: #2f7cf6;position:relative;overflow:hidden;background:var(--ss-bg);border-radius:var(--radius);padding:44px 14px 30px;text-align:center;min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:background .2s}[data-theme=dark] .ss-container .ss-board{--ss-bg: #15459c}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .ss-container .ss-board{--ss-bg: #15459c}}.ss-container .ss-hud{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:12px 16px}.ss-container .ss-hud-k{font-size:12px;font-weight:700;color:#ffffffbf;margin-right:6px}.ss-container .ss-hud-v{font-size:20px;font-weight:900;color:#fff;font-variant-numeric:tabular-nums}.ss-container .ss-hud-v.is-neg{color:#ffd0cb}.ss-container .ss-hud-v.is-urgent{color:#ffd166}.ss-container .ss-arena{position:relative;display:flex;align-items:stretch;justify-content:center;width:min(100%,680px);background:var(--card);border-radius:14px;padding:14px 10px;gap:10px;box-shadow:0 6px 22px #0000002e;transition:box-shadow .16s,background .16s}.ss-container .ss-group-t{flex:2 1 0}.ss-container .ss-group-s{flex:5 1 0}.ss-container .ss-arena.is-demo{opacity:.6}.ss-container .ss-arena.is-hit{box-shadow:0 0 0 3px #2f9e57,0 6px 22px #0000002e}.ss-container .ss-arena.is-miss{box-shadow:0 0 0 3px #e05c4d,0 6px 22px #0000002e}.ss-container .ss-group{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.ss-container .ss-cap{font-size:12px;font-weight:700;color:var(--sub)}.ss-container .ss-cells{display:flex;align-items:center;justify-content:center;gap:8px}.ss-container .ss-split{width:1px;background:var(--border);flex:none}.ss-container .ss-cell{width:60px;height:60px;flex:none;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:10px;background:var(--card-alt);color:var(--text)}.ss-container .ss-sym{width:40px;height:40px;fill:none;stroke:currentColor;stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round}.ss-container .ss-count{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;background:var(--card);border-radius:14px;font-size:54px;font-weight:900;color:var(--primary);font-variant-numeric:tabular-nums}.ss-container .ss-count[hidden]{display:none}.ss-container .ss-actions{display:flex;gap:12px;justify-content:center;align-items:stretch;margin-top:20px;width:min(100%,680px)}.ss-container .ss-actions[hidden]{display:none}.ss-container .ss-actions.is-locked{opacity:.55}.ss-container .ss-btn{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:3px;padding:13px 10px;border-radius:12px;cursor:pointer;border:2px solid rgba(255,255,255,.28);color:#fff;font-size:18px;font-weight:800;font-family:inherit;transition:filter .12s,transform .06s}.ss-container .ss-btn-yes{background:#24a35a}.ss-container .ss-btn-no{background:#d9453a}[data-theme=dark] .ss-container .ss-btn-yes{background:#1c7f46}[data-theme=dark] .ss-container .ss-btn-no{background:#ab372e}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .ss-container .ss-btn-yes{background:#1c7f46}:root:not([data-theme=light]) .ss-container .ss-btn-no{background:#ab372e}}.ss-container .ss-btn:hover:not(:disabled){filter:brightness(1.1)}.ss-container .ss-btn:active:not(:disabled){transform:scale(.98)}.ss-container .ss-btn:disabled{cursor:default}.ss-container .ss-key{font-size:11px;font-weight:600;color:#fffc;letter-spacing:.04em}.ss-container .ss-track{position:absolute;left:0;right:0;bottom:0;height:5px;background:#ffffff2e}.ss-container .ss-bar{height:100%;width:100%;background:#ffffffb8;transition:width .12s linear}.ss-container .ss-start{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;background:#00000057;backdrop-filter:blur(2px);padding:16px}.ss-container .ss-start[hidden]{display:none}.ss-container .ss-start-card{background:var(--card);border-radius:var(--radius);padding:22px 20px;max-width:360px;width:100%;box-shadow:0 8px 30px #0000003d}.ss-container .ss-start-icon{font-size:34px;line-height:1}.ss-container .ss-start-title{margin-top:8px;font-size:16px;font-weight:800;color:var(--text)}.ss-container .ss-start-sub{margin-top:8px;font-size:13px;line-height:1.7;color:var(--sub)}.ss-container .ss-start-sub b{color:var(--text);font-weight:700}.ss-container .ss-primary{padding:11px 22px;border:none;border-radius:10px;background:var(--primary);color:#fff;font-size:15px;font-weight:700;font-family:inherit;cursor:pointer;transition:filter .15s}.ss-container .ss-start-card .ss-primary{margin-top:14px}.ss-container .ss-primary:hover{filter:brightness(1.07)}.ss-container .ss-ghost{padding:11px 18px;border:1px solid var(--border);border-radius:10px;background:transparent;color:var(--sub);font-size:14px;font-weight:600;font-family:inherit;cursor:pointer}.ss-container .ss-ghost:hover{color:var(--text);border-color:var(--sub)}.ss-container .ss-card{background:var(--card);border-radius:var(--radius);box-shadow:0 1px 6px #00000012;padding:22px 18px;margin-top:14px;text-align:center}.ss-container .ss-card[hidden]{display:none}.ss-container .ss-hero{display:flex;align-items:baseline;justify-content:center;gap:6px}.ss-container .ss-hero-val{font-size:68px;font-weight:900;line-height:1;letter-spacing:-2px;color:var(--primary);font-variant-numeric:tabular-nums}.ss-container .ss-hero-unit{font-size:24px;font-weight:700;color:var(--sub)}.ss-container .ss-hero-sub{font-size:13px;color:var(--sub);margin-top:6px}.ss-container .ss-verdict{display:flex;align-items:flex-start;gap:12px;text-align:left;background:var(--card-alt);border-radius:12px;padding:14px 16px;margin-top:16px}.ss-container .ss-verdict-icon{font-size:26px;line-height:1.2;flex-shrink:0}.ss-container .ss-verdict-title{font-size:15px;font-weight:800;color:var(--text)}.ss-container .ss-verdict-desc{font-size:13px;line-height:1.75;color:var(--sub);margin-top:4px}.ss-container .ss-verdict-desc b{color:var(--text);font-weight:700}.ss-container .ss-verdict.fast .ss-verdict-title{color:#2f9e57}.ss-container .ss-verdict.slow .ss-verdict-title{color:#c0392b}.ss-container .ss-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.ss-container .ss-m{background:var(--card-alt);border-radius:10px;padding:11px 6px}.ss-container .ss-m-v{font-size:19px;font-weight:800;color:var(--text);font-variant-numeric:tabular-nums}.ss-container .ss-m-k{font-size:11px;color:var(--sub);margin-top:3px}.ss-container .ss-act{display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:18px}.ss-container .ss-best{display:flex;align-items:center;gap:10px;background:var(--card);border-radius:var(--radius);box-shadow:0 1px 6px #00000012;padding:12px 16px;margin-top:14px}.ss-container .ss-best[hidden]{display:none}.ss-container .ss-best-ic{font-size:18px}.ss-container .ss-best-body{flex:1;font-size:13px;font-weight:600;color:var(--text)}.ss-container .ss-best-clear{border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--sub);font-size:12px;font-family:inherit;padding:5px 10px;cursor:pointer}.ss-container .ss-best-clear:hover{color:var(--text);border-color:var(--sub)}@media(max-width:720px){.ss-container .ss-arena{flex-direction:column;gap:12px}.ss-container .ss-split{width:auto;height:1px}.ss-container .ss-group-t,.ss-container .ss-group-s{flex:none}}@media(max-width:560px){.ss-container .ss-cell{width:52px;height:52px}.ss-container .ss-sym{width:34px;height:34px}.ss-container .ss-cells{gap:6px}.ss-container .ss-board{padding:42px 8px 28px}}@media(max-width:400px){.ss-container .ss-cell{width:44px;height:44px}.ss-container .ss-sym{width:30px;height:30px}.ss-container .ss-cells{gap:5px}.ss-container .ss-btn{font-size:16px}}@media(max-width:340px){.ss-container .ss-cell{width:38px;height:38px}.ss-container .ss-sym{width:26px;height:26px}}