:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body,#root{height:100%}body{margin:0}:root{--bg:#0d0f14;--panel:#161922;--panel-2:#1e222e;--line:#2a2f3d;--text:#e7e9ef;--muted:#8a90a2;--accent:#ffd23f;--perfect:#ffd23f;--great:#4ade80;--good:#38bdf8;--meh:#f59e0b;--bad:#f87171}*{box-sizing:border-box}body{background:radial-gradient(1200px 700px at 50% -10%, #1b2130 0%, var(--bg) 60%);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:system-ui,Segoe UI,Roboto,Apple SD Gothic Neo,sans-serif}.app{flex-direction:column;gap:20px;max-width:720px;min-height:100svh;margin:0 auto;padding:20px;display:flex}.topbar{justify-content:space-between;align-items:center;display:flex}.brand{letter-spacing:1px;font-size:30px;font-weight:800}.brand .dot{color:var(--accent)}.btn{background:var(--accent);color:#1a1400;cursor:pointer;border:none;border-radius:999px;padding:10px 18px;font-size:15px;font-weight:700;transition:transform .1s,filter .15s}.btn:hover{filter:brightness(1.05)}.btn:active{transform:scale(.96)}.btn:disabled{background:var(--panel-2);color:var(--muted);cursor:not-allowed}.pill{background:var(--panel-2);border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-size:14px}.pill.on{color:var(--great)}.stage{text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:24px;flex:1;place-items:center;min-height:340px;padding:40px 24px;transition:background .3s;display:grid}.hint{color:var(--muted);font-size:18px;line-height:1.7}.display{flex-direction:column;align-items:center;gap:14px;display:flex}.big{font-variant-numeric:tabular-nums;font-size:clamp(64px,18vw,130px);font-weight:800;line-height:1}.big small{color:var(--muted);margin-left:8px;font-size:.32em;font-weight:600}.big.target{color:var(--accent)}.big.running{color:var(--muted);font-size:clamp(40px,9vw,68px)}.big.live{color:var(--text)}.sub{color:var(--muted);max-width:34ch;font-size:15px}.dots i{font-style:normal;animation:1.2s infinite blink}.dots i:nth-child(2){animation-delay:.2s}.dots i:nth-child(3){animation-delay:.4s}@keyframes blink{0%,60%,to{opacity:.2}30%{opacity:1}}.reveal{animation:.35s cubic-bezier(.2,1.2,.3,1) pop}@keyframes pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.rating{font-size:26px;font-weight:800}.error{color:var(--muted);font-variant-numeric:tabular-nums;font-size:18px}.perfect .result-num,.rating.perfect{color:var(--perfect)}.great .result-num,.rating.great{color:var(--great)}.good .result-num,.rating.good{color:var(--good)}.meh .result-num,.rating.meh{color:var(--meh)}.bad .result-num,.rating.bad{color:var(--bad)}.board{flex-direction:column;gap:12px;display:flex}.stats{grid-template-columns:1fr 1fr;gap:12px;display:grid}.stat{background:var(--panel);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:4px;padding:14px 18px;display:flex}.stat .label{color:var(--muted);font-size:13px}.stat .value{font-variant-numeric:tabular-nums;font-size:24px;font-weight:800}.history{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.history li{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--line);font-variant-numeric:tabular-nums;border-radius:10px;grid-template-columns:1fr 1fr auto;align-items:center;gap:10px;padding:10px 14px;display:grid}.history li.perfect{border-left-color:var(--perfect)}.history li.great{border-left-color:var(--great)}.history li.good{border-left-color:var(--good)}.history li.meh{border-left-color:var(--meh)}.history li.bad{border-left-color:var(--bad)}.h-time{font-weight:700}.h-err{color:var(--muted)}.h-tag{justify-self:end;font-size:13px;font-weight:700}.h-tag.perfect{color:var(--perfect)}.h-tag.great{color:var(--great)}.h-tag.good{color:var(--good)}.h-tag.meh{color:var(--meh)}.h-tag.bad{color:var(--bad)}