:root{font-family:Inter,system-ui,-apple-system,sans-serif;color-scheme:dark}body{margin:0;min-height:100vh;background:#0f0f1a;color:#e4e4ef}.counter-app{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1.5rem;box-sizing:border-box}.counter-card{display:flex;align-items:center;gap:2rem;background:#1a1a2e;border:1px solid rgba(255,255,255,.06);border-radius:1.5rem;padding:2.5rem 3rem;box-shadow:0 0 60px #6366f114,0 8px 32px #0000004d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.counter-btn{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;border:2px solid rgba(255,255,255,.1);border-radius:50%;background:#ffffff0a;color:#c4c4d4;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .15s ease,box-shadow .2s ease;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.counter-btn:hover{background:#ffffff1a;border-color:#fff3;color:#fff;transform:scale(1.08);box-shadow:0 0 24px #6366f126}.counter-btn:active{transform:scale(.94);background:#6366f133;border-color:#6366f159;color:#a5b4fc;transition:transform .08s ease,background .08s ease}.counter-value{font-size:5rem;font-weight:700;min-width:8rem;text-align:center;color:#e4e4ef;letter-spacing:-.02em;font-variant-numeric:tabular-nums;animation:countPulse .35s cubic-bezier(.34,1.56,.64,1)}@keyframes countPulse{0%{transform:scale(1)}40%{transform:scale(1.2);color:#a5b4fc}to{transform:scale(1);color:#e4e4ef}}@media (max-width: 480px){.counter-card{gap:1.25rem;padding:2rem 1.5rem;border-radius:1.25rem}.counter-btn{width:3.25rem;height:3.25rem}.counter-btn svg{width:24px;height:24px}.counter-value{font-size:3.5rem;min-width:6rem}}