.card{background:var(--card);border:1px solid var(--card-border);border-radius:20px;padding:48px 56px;display:flex;flex-direction:column;align-items:center;gap:24px;box-shadow:0 20px 60px #0006,0 0 0 1px #ffffff05 inset;width:min(420px,90vw)}.title{font-size:1.1rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.subtitle{font-size:.85rem;color:var(--text-dim);margin-top:-16px}.number{font-size:5.5rem;font-weight:700;line-height:1;color:var(--text);font-variant-numeric:tabular-nums;min-width:4ch;text-align:center;transition:color .2s ease}.controls{display:flex;gap:16px}.btn{width:64px;height:64px;border-radius:16px;border:1px solid var(--card-border);background:#ffffff08;color:var(--text);font-size:1.8rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s ease}.btn:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 20px #6c8cff40}.btn:active{transform:translateY(0)}.reset{background:none;border:none;color:var(--text-dim);font-size:.8rem;cursor:pointer;padding:4px 8px;transition:color .2s ease}.reset:hover{color:var(--accent)}:root{--bg: #0f1117;--card: #1a1d29;--card-border: #2a2f3f;--accent: #6c8cff;--accent-soft: rgba(108, 140, 255, .15);--text: #e6e8ef;--text-dim: #8b90a3;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%}body{background-color:var(--bg);background-image:radial-gradient(circle at 50% 0%,rgba(108,140,255,.08),transparent 60%);display:flex;align-items:center;justify-content:center}#root{display:flex;align-items:center;justify-content:center}