:root{--bg: #ffffff;--surface: #f4f4f5;--text: #18181b;--muted: #71717a;--accent: #006fee;--accent-hover: #005bc4;--border: #e4e4e7;--radius: 8px}@media (prefers-color-scheme: dark){:root{--bg: #18181b;--surface: #27272a;--text: #fafafa;--muted: #a1a1aa;--accent: #338ef7;--accent-hover: #006fee;--border: #3f3f46}}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;display:flex;align-items:flex-start;justify-content:center}.app{display:flex;flex-direction:column;align-items:center;gap:2rem;padding:2rem;padding-top:20vh;text-align:center}h1{font-size:2rem;font-weight:700;letter-spacing:-.025em;margin:0}p{color:var(--muted);margin:.5rem 0 0}.counter{display:flex;align-items:center;gap:1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem 1.5rem}.counter-value{font-size:1.5rem;font-weight:600;min-width:2.5rem;text-align:center}button{background:var(--accent);color:#fff;border:none;border-radius:calc(var(--radius) - 2px);width:2rem;height:2rem;font-size:1.25rem;line-height:1;cursor:pointer;transition:background .15s;display:flex;align-items:center;justify-content:center}button:hover{background:var(--accent-hover)}