*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top,#1f2937,#020617);color:#e5e7eb}.app{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem}.card{width:100%;max-width:420px;background:#0f172af5;border-radius:1.25rem;padding:2rem 2.25rem 2.25rem;box-shadow:0 22px 45px #00000080;border:1px solid rgba(148,163,184,.25)}.card h1{margin:0 0 .5rem;font-size:1.6rem}.card p{margin:0 0 1.75rem;color:#9ca3af}.counter-display{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:1.5rem}.counter-display .label{font-size:.95rem;color:#9ca3af}.counter-display .value{font-size:2.75rem;font-weight:700;color:#38bdf8}.buttons{display:flex;gap:.75rem;margin-bottom:1.25rem}.buttons button{flex:1;border:none;border-radius:999px;padding:.6rem .9rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background-color .15s ease,color .15s ease}.buttons button:nth-child(1){background:#f871711a;color:#fecaca}.buttons button:nth-child(2){background:#94a3b82e;color:#e5e7eb}.buttons button:nth-child(3){background:linear-gradient(135deg,#38bdf8,#22c55e);color:#0b1120}.buttons button:hover{transform:translateY(-1px);box-shadow:0 8px 16px #0f172a80}.buttons button:active{transform:translateY(0);box-shadow:none}.hint{display:block;font-size:.8rem;color:#6b7280}@media (max-width: 480px){.card{padding:1.6rem 1.5rem 1.9rem}.counter-display .value{font-size:2.2rem}}