:root{font-family:system-ui,sans-serif}body{margin:0;min-height:100vh}.app{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f8fafc}.counter-card{background:#fff;border-radius:16px;box-shadow:0 4px 24px #00000014;padding:48px 64px;display:flex;flex-direction:column;align-items:center;gap:24px}.counter-card h1{margin:0;font-size:1.5rem;font-weight:600;color:#334155}.count{font-size:4rem;font-weight:700;color:#0f172a;font-variant-numeric:tabular-nums}.buttons{display:flex;align-items:center;gap:16px}.btn{border:none;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,transform .1s}.btn:active{transform:scale(.95)}.btn-decrement,.btn-increment{width:56px;height:56px;background:#e2e8f0;color:#334155}.btn-decrement:hover,.btn-increment:hover{background:#cbd5e1}.btn-reset{width:40px;height:40px;background:#fee2e2;color:#ef4444}.btn-reset:hover{background:#fecaca}