.pay-backdrop{z-index:90;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#08090c8c;place-items:center;padding:16px;animation:.2s both ui-fade-in;display:grid;position:fixed;inset:0;overflow-y:auto}.pay{background:var(--card);border:1px solid var(--line);width:min(480px,100%);box-shadow:var(--shadow-lg);border-radius:22px;gap:16px;padding:24px;display:grid}.pay header{justify-content:space-between;align-items:center;gap:12px;display:flex}.pay h2{margin:0;font-size:1.3rem}.pay-x{border:1px solid var(--line);background:var(--paper-2);width:34px;height:34px;color:var(--ink-2);cursor:pointer;border-radius:10px;place-items:center;display:grid}.pay-x svg{width:16px;height:16px}.pay-summary{background:var(--paper-2);border:1px solid var(--line);border-radius:14px;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.pay-summary ul{color:var(--ink-2);gap:6px;margin:0;padding:0;font-size:.88rem;list-style:none;display:grid}.pay-summary li{align-items:center;gap:6px;display:flex}.pay-summary li svg{width:14px;height:14px;color:var(--ok);flex:none}.pay-price{font-family:var(--font-mono);color:var(--ink);white-space:nowrap;font-size:1.25rem}.pay-form{gap:14px;display:grid}.pay-go{justify-content:center;width:100%}.pay-go svg{width:16px;height:16px}.pay-fine{color:var(--ink-3);text-align:center;margin:0;font-size:.75rem}.pay-error{background:color-mix(in srgb, var(--err) 10%, var(--card));color:var(--ink);border-radius:12px;margin:0;padding:10px 12px;font-size:.85rem}.pay-skeleton{gap:10px;display:grid}.pay-skeleton i{background:linear-gradient(90deg, var(--paper-2), var(--line), var(--paper-2));background-size:200% 100%;border-radius:12px;height:44px;animation:1.2s linear infinite pay-shimmer;display:block}.pay-skeleton i:last-child{opacity:.6;width:100%;height:48px}@keyframes pay-shimmer{to{background-position:-200% 0}}.pay-done{text-align:center;justify-items:center;gap:12px;padding:8px 0 4px;display:grid}.pay-done p{color:var(--ink-2);margin:0;line-height:1.5}.pay-tick{background:color-mix(in srgb, var(--ok) 16%, var(--card));width:56px;height:56px;color:var(--ok);animation:pay-pop .4s var(--ease,ease) both;border-radius:50%;place-items:center;display:grid}.pay-tick svg{width:28px;height:28px}@keyframes pay-pop{0%{opacity:0;transform:scale(.6)}}@media (prefers-reduced-motion:reduce){.pay-skeleton i,.pay-tick,.pay-backdrop{animation:none}}.pay-or{color:var(--ink-2);align-items:center;gap:10px;margin:12px 0 4px;font-size:13px;display:flex}.pay-or:before,.pay-or:after{content:"";background:var(--line,#0000001f);flex:1;height:1px}