*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.card{background:#fffffffa;border-radius:24px;padding:48px 40px;box-shadow:0 20px 60px #0000004d;text-align:center;min-width:320px}.label{color:#94a3b8;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:2px;margin-bottom:16px}.count{font-size:96px;font-weight:800;color:#334155;margin-bottom:32px;transition:color .2s ease,transform .15s ease;font-variant-numeric:tabular-nums}.count.positive{color:#16a34a}.count.negative{color:#dc2626}.button-row{display:flex;gap:12px;justify-content:center}.btn{border:none;border-radius:14px;font-size:20px;font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease;padding:16px 24px;min-width:64px}.btn:active{transform:scale(.94)}.btn-increment{background:#16a34a;color:#fff;box-shadow:0 4px 14px #16a34a66}.btn-increment:hover{opacity:.9;box-shadow:0 6px 18px #16a34a80}.btn-decrement{background:#dc2626;color:#fff;box-shadow:0 4px 14px #dc262666}.btn-decrement:hover{opacity:.9;box-shadow:0 6px 18px #dc262680}.btn-reset{background:#f1f5f9;color:#475569;font-size:14px;box-shadow:0 4px 14px #00000014}.btn-reset:hover{background:#e2e8f0}@media (max-width: 480px){.card{padding:36px 24px;min-width:unset;width:100%}.count{font-size:72px}.btn{padding:14px 18px;font-size:18px}}