:root{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:#0f0f0f;color:#e0e0e0}body{margin:0;min-height:100vh;display:flex;justify-content:center;align-items:center}*{box-sizing:border-box}main{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100%}.counter-card{display:flex;align-items:center;gap:2rem;padding:3rem 4rem;background:#1a1a1a;border-radius:24px;box-shadow:0 8px 40px #00000080}.count{font-size:6rem;font-weight:700;min-width:160px;text-align:center;color:#fff;letter-spacing:-.03em;-webkit-user-select:none;user-select:none;transition:color .15s ease}.count.pulse{animation:pulse .3s ease-out}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.btn{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border:none;border-radius:50%;cursor:pointer;color:#e0e0e0;background:#2a2a2a;transition:background .2s ease,transform .15s ease,box-shadow .2s ease;outline:none;-webkit-tap-highlight-color:transparent}.btn:hover{background:#3a3a3a;transform:scale(1.08);box-shadow:0 4px 20px #0006}.btn:active{transform:scale(.94);background:#1e1e1e;box-shadow:0 2px 8px #0006;transition:transform .08s ease,background .08s ease}.btn:focus-visible{box-shadow:0 0 0 3px #648cff99}.btn-minus{color:#ff6b6b}.btn-plus{color:#51cf66}@media (max-width: 500px){.counter-card{gap:1.25rem;padding:2rem 1.5rem;border-radius:20px}.count{font-size:4rem;min-width:100px}.btn{width:52px;height:52px}}