.payment-modal{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:1rem;background:rgba(16,23,45,.58);backdrop-filter:blur(8px)}.payment-modal[hidden]{display:none}.payment-modal-card{position:relative;width:min(100%,30rem);max-width:30rem;padding:2rem;border:1px solid var(--line);border-radius:1.5rem;background:var(--surface);box-shadow:0 2rem 5rem rgba(0,0,0,.25);text-align:center}.payment-modal-card h2{margin:.2rem 0 .35rem;font-size:clamp(1.5rem,4vw,2rem);letter-spacing:-.04em}.modal-close{position:absolute;top:1rem;right:1rem;width:2.25rem;height:2.25rem;border:0;border-radius:50%;background:var(--soft);color:var(--ink);font-size:1.5rem;cursor:pointer}.modal-amount{margin:.4rem 0 1rem;color:var(--muted);font-weight:800}.payment-modal-card .qr{margin:0 auto 1rem;width:230px;height:230px}.payment-loader{display:flex;justify-content:center;gap:.4rem;margin:.7rem 0}.payment-loader span{width:.55rem;height:.55rem;border-radius:50%;background:var(--primary);animation:pos-bounce 1s infinite ease-in-out}.payment-loader span:nth-child(2){animation-delay:.15s}.payment-loader span:nth-child(3){animation-delay:.3s}.status.confirmed{color:#168653}.modal-link{display:block;margin:.75rem 0 1rem;overflow-wrap:anywhere;color:var(--primary);font-size:.8rem;font-weight:700}.payment-modal-card .primary{margin-top:.4rem}@keyframes pos-bounce{0%,80%,100%{transform:scale(.65);opacity:.45}40%{transform:scale(1);opacity:1}}@media(max-width:560px){.payment-modal-card{padding:1.5rem}.payment-modal-card .qr{width:210px;height:210px}}