.qnp{--qnp-accent:#1f7a72;display:flex;justify-content:center;margin:12px auto 4px}
.qnp[hidden]{display:none}
.qnp-card{background:#f4f6f8;border:1px solid #dfe3e8;border-radius:12px;padding:10px 18px;min-width:min(300px,92vw);text-align:center;color:#17212b}
.qnp-label{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;color:#5b6670}
.qnp-label i{width:7px;height:7px;border-radius:50%;background:#e5484d;animation:qnpPulse 1.6s infinite}
@keyframes qnpPulse{50%{opacity:.35}}
.qnp-now{font-size:20px;font-weight:600;margin-top:2px}
.qnp-now a{color:inherit;text-decoration:none}
.qnp-now a:hover,.qnp-now a:focus-visible{color:var(--qnp-accent);text-decoration:underline}
.qnp-next{font-size:13px;color:#5b6670;margin-top:4px}
.qnp-next[hidden]{display:none}
@media (prefers-reduced-motion:reduce){.qnp-label i{animation:none}}