*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--surface: #fafafa;--surface-muted: #f4f4f5;--text-primary: #09090b;--text-muted: #71717a;--border: #e4e4e7;--accent: #18181b;--accent-foreground: #fafafa;--ring: rgba(24, 24, 27, .2);--btn-plus: #18181b;--btn-plus-hover: #27272a;--btn-plus-active: #3f3f46;--btn-minus: #e4e4e7;--btn-minus-hover: #d4d4d8;--btn-minus-active: #a1a1aa;--btn-minus-text: #18181b;--transition-ease: cubic-bezier(.16, 1, .3, 1)}@media (prefers-color-scheme: dark){:root{--surface: #09090b;--surface-muted: #18181b;--text-primary: #fafafa;--text-muted: #a1a1aa;--border: #27272a;--accent: #fafafa;--accent-foreground: #09090b;--ring: rgba(250, 250, 250, .2);--btn-plus: #fafafa;--btn-plus-hover: #e4e4e7;--btn-plus-active: #d4d4d8;--btn-minus: #27272a;--btn-minus-hover: #3f3f46;--btn-minus-active: #52525b;--btn-minus-text: #fafafa}}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,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:2.5rem}.counter-value{font-size:8rem;font-weight:300;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;transition:transform .15s var(--transition-ease)}.counter-value.snap{transform:scale(1.06)}.counter-controls{display:flex;align-items:center;gap:1.25rem}.counter-btn{display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:9999px;border:1.5px solid var(--border);background:var(--surface-muted);color:var(--text-primary);cursor:pointer;transition:background .2s var(--transition-ease),transform .12s var(--transition-ease),box-shadow .2s var(--transition-ease);-webkit-tap-highlight-color:transparent;outline:none}.counter-btn:hover{background:var(--btn-minus-hover)}.counter-btn:active{transform:scale(.94)}.counter-btn:focus-visible{box-shadow:0 0 0 3px var(--ring)}.counter-btn--plus{background:var(--btn-plus);color:var(--accent-foreground);border-color:var(--btn-plus)}.counter-btn--plus:hover{background:var(--btn-plus-hover);border-color:var(--btn-plus-hover)}.counter-btn--plus:active{background:var(--btn-plus-active);border-color:var(--btn-plus-active)}.counter-btn--reset{position:absolute;bottom:2rem;right:2rem;width:auto;height:auto;padding:.5rem 1rem;border-radius:.5rem;font-size:.8125rem;font-weight:500;color:var(--text-muted);background:transparent;border:1px solid var(--border);cursor:pointer;transition:color .2s var(--transition-ease),background .2s var(--transition-ease)}.counter-btn--reset:hover{color:var(--text-primary);background:var(--surface-muted)}.counter-btn--reset:active{transform:scale(.97)}@media (prefers-reduced-motion: reduce){.counter-value,.counter-btn,.counter-btn--reset{transition:none}.counter-value.snap{transform:none}}