.qp-widget{--qp-ink:#132c3c;--qp-accent:#168d9c;--qp-border:#d6e4e9;box-sizing:border-box;width:100%;max-width:30rem;padding:1.5rem;border:1px solid var(--qp-border);border-radius:1.4rem;background:linear-gradient(155deg,#fff,#edf6f7);color:var(--qp-ink);font-family:inherit}
.qp-widget h2{font-size:1.35rem;margin:0 0 1rem}.qp-methods{display:flex;flex-wrap:wrap;gap:.5rem}.qp-widget button{font:inherit;min-height:44px;padding:.65rem .8rem;border:1px solid var(--qp-border);border-radius:.7rem;background:#fff;color:var(--qp-ink);cursor:pointer}.qp-widget button[aria-pressed=true]{background:var(--qp-ink);color:#fff}.qp-widget button:focus-visible{outline:3px solid var(--qp-accent);outline-offset:3px}.qp-widget button:disabled{opacity:.6;cursor:wait}.qp-challenge{display:grid;place-items:center;margin:1rem 0}.qp-challenge canvas{display:block;max-width:100%;height:auto}.qp-code{font-size:clamp(2rem,8vw,3rem);letter-spacing:.18em;font-variant-numeric:tabular-nums}.qp-expiry{font-size:.9rem;color:#425b69}.qp-widget [role=status]{line-height:1.5;min-height:3em}
@media(prefers-reduced-motion:reduce){.qp-widget *{transition:none!important;animation:none!important}}