:root{--shell: #0b1220;--bg: #f4f5f8;--surface: #ffffff;--border: #e3e6ec;--ink: #10132a;--ink-muted: #667085;--ink-faint: #98a2b3;--accent: #5850ec;--accent-soft: #eeeeff;--success: #0f7a53;--success-soft: #e6f6ee;--warning: #a3670f;--warning-soft: #fdf3e0;--hold: #6941c6;--hold-soft: #f2ecfc;--danger: #c22c25;--danger-soft: #fbeaea;--radius: 14px;--radius-sm: 9px;--font-ui: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;--shadow-card: 0 1px 2px rgba(16, 19, 42, .04), 0 1px 0 rgba(16, 19, 42, .03);--shadow-pop: 0 20px 48px rgba(16, 19, 42, .16)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-ui);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}button,input{font-family:inherit;font-size:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.checkout-screen{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:28px 16px 60px}@media (min-width: 640px){.checkout-screen{align-items:center;padding:40px 16px}}.checkout-card{width:100%;max-width:420px;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-pop);overflow:hidden}.checkout-head{padding:20px 22px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px}.checkout-mark{width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,var(--accent),#8b7bff);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:600;font-size:13px;color:#fff;flex-shrink:0}.checkout-head-text{display:flex;flex-direction:column;line-height:1.2;min-width:0}.checkout-head-text strong{font-size:14px;font-weight:600}.checkout-head-text span{font-size:12px;color:var(--ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.checkout-body{padding:22px;display:flex;flex-direction:column;gap:20px}.steps{display:flex;align-items:center;gap:6px}.step{flex:1;height:4px;border-radius:3px;background:var(--border)}.step.done{background:var(--success)}.step.current{background:var(--accent)}.amount-block{text-align:center;padding:6px 0 2px}.amount-label{font-size:12.5px;color:var(--ink-muted);font-weight:500}.amount-value{font-family:var(--font-mono);font-size:36px;font-weight:600;letter-spacing:-.02em;margin-top:4px}.amount-sub{font-size:12.5px;color:var(--ink-faint);margin-top:2px}.copy-field{border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fafafc}.copy-field-text{min-width:0}.copy-field-label{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-faint);font-weight:600}.copy-field-value{font-family:var(--font-mono);font-size:17px;font-weight:600;margin-top:2px;word-break:break-all}.copy-btn{flex-shrink:0;border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-sm);padding:8px 12px;font-size:12.5px;font-weight:600;color:var(--accent);cursor:pointer;white-space:nowrap}.copy-btn:hover{background:var(--accent-soft)}.copy-btn.copied{color:var(--success);border-color:#bfe6d4;background:var(--success-soft)}.instructions{margin:0;padding-left:18px;font-size:13.5px;line-height:1.7;color:var(--ink)}.instructions li::marker{color:var(--ink-faint)}.countdown{display:flex;align-items:center;justify-content:center;gap:7px;font-size:12.5px;color:var(--ink-muted)}.countdown .dot{width:6px;height:6px;border-radius:50%;background:var(--warning)}.countdown.urgent{color:var(--danger)}.countdown.urgent .dot{background:var(--danger)}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:12.5px;font-weight:600;color:var(--ink)}.field .helper{font-size:11.5px;color:var(--ink-faint);font-weight:400}.input{border:1px solid var(--border);border-radius:var(--radius-sm);padding:13px 14px;font-size:15px;font-family:var(--font-mono);background:var(--surface);color:var(--ink);width:100%}.input:focus{border-color:var(--accent)}.btn{display:flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--radius-sm);border:1px solid var(--accent);background:var(--accent);color:#fff;font-size:14.5px;font-weight:600;padding:13px 16px;cursor:pointer;width:100%}.btn:hover{background:#4740d1;border-color:#4740d1}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--ink-muted);border-color:var(--border)}.btn-ghost:hover{background:#fafafc}.form-error{font-size:12.5px;color:var(--danger);background:var(--danger-soft);border-radius:var(--radius-sm);padding:10px 12px}.status-hero{text-align:center;padding:8px 0 4px}.status-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;font-size:26px}.status-icon.waiting{background:var(--warning-soft);color:var(--warning)}.status-icon.success{background:var(--success-soft);color:var(--success)}.status-icon.failed{background:var(--danger-soft);color:var(--danger)}.status-icon.hold{background:var(--hold-soft);color:var(--hold)}.status-icon .spinner{width:22px;height:22px;border-radius:50%;border:2.5px solid rgba(163,103,15,.25);border-top-color:var(--warning);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.status-icon .spinner{animation:none}}.status-title{font-size:17px;font-weight:600;margin-bottom:6px}.status-detail{font-size:13.5px;color:var(--ink-muted);line-height:1.6}.summary-row{display:flex;align-items:center;justify-content:space-between;font-size:13px;padding:9px 0;border-bottom:1px solid var(--border)}.summary-row:last-child{border-bottom:none}.summary-row .k{color:var(--ink-muted)}.summary-row .v{font-family:var(--font-mono);font-weight:600}.checkout-foot{padding:14px 22px;border-top:1px solid var(--border);text-align:center;font-size:11.5px;color:var(--ink-faint)}.state-block{padding:40px 22px;text-align:center;color:var(--ink-muted);font-size:13.5px}.state-block .state-title{color:var(--ink);font-weight:600;font-size:15px;margin-bottom:6px}