: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-foreground, 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:var(--accent-foreground, #fff);border:none;border-radius:calc(var(--radius) - 2px);padding:.5rem 1rem;font-size:1rem;line-height:1;cursor:pointer;transition:background .15s;display:inline-flex;align-items:center;justify-content:center}button:hover{background:var(--accent-hover)}.counter button{width:2rem;height:2rem;padding:0;font-size:1.25rem}:root{--background: hsl(0 0% 100%);--foreground: hsl(222.2 84% 4.9%);--primary: hsl(222.2 47.4% 11.2%);--primary-foreground: hsl(210 40% 98%);--card: hsl(0 0% 100%);--muted: hsl(210 40% 96.1%);--muted-foreground: hsl(215.4 16.3% 46.9%);--border: hsl(214.3 31.8% 91.4%);--radius: .5rem;--bg: var(--background);--surface: var(--card);--text: var(--foreground);--accent: var(--primary);--accent-foreground: var(--primary-foreground)}@media (prefers-color-scheme: dark){:root{--background: hsl(222.2 84% 4.9%);--foreground: hsl(210 40% 98%);--primary: hsl(210 40% 98%);--primary-foreground: hsl(222.2 47.4% 11.2%);--card: hsl(222.2 84% 4.9%);--muted: hsl(217.2 32.6% 17.5%);--muted-foreground: hsl(215 20.2% 65.1%);--border: hsl(217.2 32.6% 17.5%)}}