*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--surface: hsl(0 0% 98%);--surface-raised: hsl(0 0% 100%);--text-primary: hsl(240 6% 10%);--text-secondary: hsl(240 4% 46%);--text-tertiary: hsl(240 4% 64%);--border: hsl(240 6% 90%);--ring: hsl(240 6% 10% / .15);--accent: hsl(240 6% 10%);--accent-foreground: hsl(0 0% 100%);--btn-primary-bg: hsl(240 6% 10%);--btn-primary-hover: hsl(240 6% 18%);--btn-primary-active: hsl(240 6% 26%);--btn-secondary-bg: hsl(240 6% 94%);--btn-secondary-hover: hsl(240 6% 88%);--btn-secondary-active: hsl(240 6% 82%);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}@media (prefers-color-scheme: dark){:root{--surface: hsl(240 4% 6%);--surface-raised: hsl(240 4% 10%);--text-primary: hsl(0 0% 96%);--text-secondary: hsl(240 4% 66%);--text-tertiary: hsl(240 4% 48%);--border: hsl(240 4% 18%);--ring: hsl(0 0% 96% / .18);--accent: hsl(0 0% 96%);--accent-foreground: hsl(240 4% 6%);--btn-primary-bg: hsl(0 0% 96%);--btn-primary-hover: hsl(0 0% 88%);--btn-primary-active: hsl(0 0% 80%);--btn-secondary-bg: hsl(240 4% 14%);--btn-secondary-hover: hsl(240 4% 20%);--btn-secondary-active: hsl(240 4% 28%)}}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;background:var(--surface);color:var(--text-primary);min-height:100dvh;display:flex;align-items:center;justify-content:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.counter{display:flex;flex-direction:column;align-items:center;gap:1.75rem}.counter-label{font-size:.75rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary);-webkit-user-select:none;user-select:none}.counter-value{font-size:clamp(5rem,15vw,10rem);font-weight:250;line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;transition:transform .18s var(--ease-out-expo);color:var(--text-primary)}.counter-value--pulse{transform:scale(1.08)}.counter-controls{display:flex;align-items:center;gap:1rem}.counter-btn{display:inline-flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;border-radius:50%;border:1.5px solid var(--border);background:var(--btn-secondary-bg);color:var(--text-primary);cursor:pointer;transition:background .18s var(--ease-out-expo),transform .1s var(--ease-out-expo),box-shadow .18s var(--ease-out-expo),border-color .18s var(--ease-out-expo);-webkit-tap-highlight-color:transparent;outline:none}.counter-btn:hover{background:var(--btn-secondary-hover);border-color:var(--btn-secondary-hover)}.counter-btn:active{transform:scale(.93);background:var(--btn-secondary-active)}.counter-btn:focus-visible{box-shadow:0 0 0 3px var(--ring)}.counter-btn--primary{background:var(--btn-primary-bg);border-color:var(--btn-primary-bg);color:var(--accent-foreground)}.counter-btn--primary:hover{background:var(--btn-primary-hover);border-color:var(--btn-primary-hover)}.counter-btn--primary:active{background:var(--btn-primary-active);border-color:var(--btn-primary-active)}.counter-reset{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .9rem;border-radius:9999px;border:1px solid var(--border);background:transparent;color:var(--text-tertiary);font-size:.75rem;font-weight:500;font-family:inherit;letter-spacing:.04em;cursor:pointer;transition:color .18s var(--ease-out-expo),background .18s var(--ease-out-expo),border-color .18s var(--ease-out-expo),transform .1s var(--ease-out-expo);-webkit-tap-highlight-color:transparent;outline:none}.counter-reset:hover{color:var(--text-secondary);background:var(--btn-secondary-bg);border-color:var(--btn-secondary-hover)}.counter-reset:active{transform:scale(.96)}.counter-reset:focus-visible{box-shadow:0 0 0 3px var(--ring)}@media (prefers-reduced-motion: reduce){.counter-value,.counter-btn,.counter-reset{transition:none}.counter-value--pulse{transform:none}}