.pay-card{background:var(--surface);text-align:center;width:min(420px,100%);animation:pay-card-in .5s var(--ease-out) both;border-radius:44px;justify-items:center;gap:10px;padding:30px 24px;display:grid}@keyframes pay-card-in{0%{opacity:0;transform:translateY(12px)}}.pay-to{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.8rem;font-weight:800}.pay-card h1,.pay-card h2{letter-spacing:-.02em;justify-content:center;align-items:center;gap:10px;font-size:1.8rem;display:flex}.pay-order{color:var(--text-2);font-weight:600}.pay-amount{font:400 3.6rem/1 var(--cond);margin:16px 0 6px}.pay-split{color:var(--muted);margin-top:-4px;font-size:.85rem;font-weight:700}.pay-note{background:var(--surface-2);border-radius:16px;padding:10px 14px;font-size:.88rem;font-weight:600}.pay-btn{width:100%;min-height:68px;margin-top:16px;font-size:1.2rem}.pay-card .form-error{width:100%;margin:0}.pay-done{background:var(--gold)}.pay-check{background:var(--ink);border-radius:50%;place-items:center;width:120px;height:120px;animation:.5s cubic-bezier(.2,1.6,.4,1) both pay-check-pop;display:grid}.pay-check svg{width:90px;height:90px}.pay-check path{fill:none;stroke:var(--gold);stroke-width:11px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:90;stroke-dashoffset:90px;animation:pay-check-draw .45s var(--ease-out) .25s forwards}@keyframes pay-check-pop{0%{opacity:0;transform:scale(.4)}}@keyframes pay-check-draw{to{stroke-dashoffset:0}}.pay-done h1,.pay-done h2{font-size:2.6rem}.pay-done p{font-weight:700}.pay-done .muted{color:var(--text-2)}html:has(dialog.pay-modal[open]){overflow:hidden}dialog.pay-modal{color:var(--ink);background:0 0;border:0;width:min(392px,100% - 40px);max-width:none;max-height:none;margin:auto;padding:0;overflow:visible}dialog.pay-modal::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#141618a3;animation:.3s both pm-fade}dialog.pay-modal.closing::backdrop{animation:.34s both pm-fade-out}.pay-phone{background:#0b0b0b;border-radius:54px;padding:50px 12px 14px;position:relative;box-shadow:inset 0 0 0 3px #2c2f33,0 40px 90px #00000073}dialog.pay-modal[open] .pay-phone{animation:.6s cubic-bezier(.2,1.25,.35,1) both pm-rise}dialog.pay-modal.closing .pay-phone{animation:.34s cubic-bezier(.55,0,.8,.2) both pm-drop}.pay-island{background:#000;border-radius:99px;width:96px;height:26px;margin-left:-48px;position:absolute;top:18px;left:50%;box-shadow:inset 0 0 0 2px #1d2023}.pay-phone .pay-card{border-radius:42px;width:100%;padding:28px 20px 22px}.pay-phone .pay-amount{font-size:3.2rem}.pay-x{z-index:2;background:var(--gold);width:46px;height:46px;color:var(--ink);cursor:pointer;transition:transform .25s var(--ease-out), background-color .15s;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:-16px;right:-16px;box-shadow:0 10px 24px #00000059}.pay-x:hover{background:var(--gold-hi);transform:rotate(90deg)}.pay-x svg{width:20px;height:20px}.pay-x path{fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round}.pay-hint{text-align:center;color:var(--on-ink);font:700 1.5rem/1 var(--script);margin-top:14px;transform:rotate(-3deg)}dialog.pay-modal.is-paid .pay-phone:before{content:"";z-index:-1;background:radial-gradient(circle,#f6dc8f99,#d9b25a2e 45%,#0000 68%);border-radius:50%;animation:.9s ease-out both pm-burst;position:absolute;inset:-70px}@keyframes pm-rise{0%{opacity:0;transform:translateY(90px)rotate(-8deg)scale(.88)}}@keyframes pm-drop{to{opacity:0;transform:translateY(110px)rotate(6deg)scale(.9)}}@keyframes pm-fade{0%{opacity:0}}@keyframes pm-fade-out{to{opacity:0}}@keyframes pm-burst{0%{opacity:0;transform:scale(.4)}35%{opacity:1}to{opacity:0;transform:scale(1.2)}}@media (prefers-reduced-motion:reduce){.pay-check path{stroke-dashoffset:0}dialog.pay-modal[open] .pay-phone,dialog.pay-modal.closing .pay-phone,dialog.pay-modal::backdrop{animation:none}}