:root{--primary: #6366f1;--primary-dark: #4f46e5;--danger: #ef4444;--danger-dark: #dc2626;--bg-start: #eef2ff;--bg-end: #e0e7ff;--card-bg: #ffffff;--text-dark: #1e1b4b;--text-muted: #6b7280}*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:linear-gradient(135deg,var(--bg-start),var(--bg-end));display:flex;align-items:center;justify-content:center}.app{width:100%;padding:24px;display:flex;align-items:center;justify-content:center}.counter-card{background:var(--card-bg);border-radius:24px;padding:48px 40px;box-shadow:0 20px 60px #6366f126,0 4px 12px #0000000d;text-align:center;width:100%;max-width:380px;animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.label{color:var(--text-muted);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:12px}.count{font-size:88px;font-weight:800;color:var(--text-dark);line-height:1;margin-bottom:40px;transition:transform .15s ease;font-variant-numeric:tabular-nums}.count.bump{transform:scale(1.08)}.count.negative{color:var(--danger)}.buttons{display:flex;align-items:center;justify-content:center;gap:12px}.btn{border:none;cursor:pointer;font-family:inherit;font-weight:700;border-radius:16px;transition:transform .12s ease,box-shadow .12s ease,background .2s ease;display:flex;align-items:center;justify-content:center}.btn:active{transform:scale(.94)}.btn-increment,.btn-decrement{width:64px;height:64px;font-size:32px;color:#fff}.btn-increment{background:linear-gradient(135deg,var(--primary),var(--primary-dark));box-shadow:0 8px 20px #6366f159}.btn-increment:hover{box-shadow:0 10px 24px #6366f173}.btn-decrement{background:linear-gradient(135deg,var(--danger),var(--danger-dark));box-shadow:0 8px 20px #ef444459}.btn-decrement:hover{box-shadow:0 10px 24px #ef444473}.btn-reset{height:64px;padding:0 20px;font-size:14px;color:var(--text-muted);background:#f3f4f6;text-transform:uppercase;letter-spacing:.5px}.btn-reset:hover{background:#e5e7eb;color:var(--text-dark)}