:root{--primary-300: #c4b5fd;--primary-400: #a78bfa;--primary-500: #8b5cf6;--primary-600: #7c3aed;--success-500: #22c55e;--danger-500: #ef4444;--muted-50: #f8fafc;--muted-100: #f1f5f9;--muted-200: #e2e8f0;--muted-300: #cbd5e1;--muted-400: #94a3b8;--muted-500: #64748b;--muted-600: #475569;--muted-700: #334155;--muted-800: #1e293b;--muted-900: #0f172a;--card: #ffffff;--page: var(--muted-100);--text: var(--muted-800);--shadow: 0 1px 2px rgb(15 23 42 / .04), 0 1px 3px rgb(15 23 42 / .06)}@media (prefers-color-scheme: dark){:root{--page: var(--muted-900);--card: #1e293b;--text: #ffffff;--shadow: 0 1px 2px rgb(0 0 0 / .24)}}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{min-height:100%}body{background:var(--page);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}.page{min-height:100dvh;padding:24px 16px 32px}html.is-embed,html.is-embed body{background:transparent}html.is-embed .page{min-height:0;padding:0}html.is-embed .shell{max-width:none}.shell{width:100%;max-width:36rem;margin:0 auto}.pay-card{background:var(--card);border:1px solid rgb(226 232 240 / .9);border-radius:14px;box-shadow:var(--shadow);padding:16px}@media (min-width: 640px){.pay-card{padding:20px}}@media (prefers-color-scheme: dark){.pay-card{border-color:#334155cc}}.pay-head{display:flex;align-items:center;gap:12px;padding-bottom:14px;margin-bottom:16px;border-bottom:1px solid rgb(226 232 240 / .7)}@media (prefers-color-scheme: dark){.pay-head{border-bottom-color:#33415580}}.pay-brand{display:flex;align-items:center;gap:8px;min-width:0}.pay-logo{height:28px;width:28px;object-fit:contain}.pay-brand-name{font-size:14px;font-weight:600;letter-spacing:-.02em;color:var(--muted-800)}@media (prefers-color-scheme: dark){.pay-brand-name{color:#fff}}.pay-head-text{min-width:0;flex:1;text-align:right}.pay-head-title{font-size:14px;font-weight:600;line-height:1.3;color:var(--muted-800);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (prefers-color-scheme: dark){.pay-head-title{color:#fff}}.pay-head-sub{margin-top:2px;font-size:12px;line-height:1.35;color:var(--muted-500);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pay-body{width:100%;max-width:22rem;margin:0 auto;display:flex;flex-direction:column}.amount-hero{text-align:center}.amount-value{font-size:1.75rem;font-weight:600;letter-spacing:-.02em;line-height:1.15;font-variant-numeric:tabular-nums;color:var(--muted-900)}@media (prefers-color-scheme: dark){.amount-value{color:#fff}}.amount-caption{margin-top:4px;font-size:12px;color:var(--muted-500)}.summary{margin-top:20px;display:flex;flex-direction:column;gap:10px}.summary-row{display:flex;align-items:baseline;justify-content:space-between;gap:16px;font-size:13px;line-height:1.4}.summary-row dt{color:var(--muted-500)}.summary-row dd{font-weight:600;color:var(--muted-800);text-align:right}@media (prefers-color-scheme: dark){.summary-row dd{color:#fff}}.step-dots{display:flex;justify-content:center;gap:6px;margin-top:16px}.step-dot{height:4px;width:28px;border-radius:999px;background:var(--muted-200)}.step-dot.is-on{background:var(--primary-500)}@media (prefers-color-scheme: dark){.step-dot{background:var(--muted-700)}.step-dot.is-on{background:var(--primary-500)}}.chip-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;margin-top:16px}.chip{display:inline-flex;align-items:center;gap:6px;border:1px solid rgb(226 232 240 / .9);background:#fff;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:500;color:var(--muted-700);box-shadow:0 1px 2px #0f172a0a}.chip img{width:14px;height:14px;object-fit:contain}.chip-sep{display:inline-flex;color:var(--muted-300)}.chip-sep .ico-svg{width:12px;height:12px}@media (prefers-color-scheme: dark){.chip{background:#1e293be6;border-color:#47556980;color:var(--muted-200)}}.back-btn{display:inline-flex;align-items:center;gap:6px;margin-top:16px;padding:0;border:0;background:none;color:var(--primary-600);font:inherit;font-size:14px;font-weight:500;cursor:pointer}.back-btn .ico-svg{width:16px;height:16px}.back-btn:hover{color:var(--primary-700, #6d28d9)}.btn-primary{width:100%;margin-top:20px;border:0;border-radius:12px;padding:13px 16px;font:inherit;font-size:14px;font-weight:600;cursor:pointer;background:var(--primary-500);color:#fff;box-shadow:0 1px 2px #6d28d933}.btn-primary:hover{background:var(--primary-600)}.btn-primary:disabled{opacity:.5;cursor:default}.fields{display:flex;flex-direction:column}.field{display:flex;flex-direction:column;gap:6px;margin-top:14px}.field label{font-size:12px;font-weight:600;color:var(--muted-500)}.field input{width:100%;border:1px solid rgb(226 232 240 / .9);border-radius:12px;padding:12px 14px;font:inherit;font-size:14px;color:inherit;background:#fff}.field input:focus{outline:none;border-color:#c4b5fde6;box-shadow:0 0 0 3px #8b5cf61f}@media (prefers-color-scheme: dark){.field input{background:#1e293b66;border-color:#334155cc}}.btn-danger{width:100%;margin-top:16px;border:1px solid rgb(239 68 68 / .25);border-radius:12px;padding:12px 16px;font:inherit;font-size:14px;font-weight:600;cursor:pointer;background:#ef444414;color:var(--danger-500)}.btn-danger:hover{background:#ef444424}.btn-danger:disabled{opacity:.5;cursor:default}.retry-panel{margin-top:8px;display:flex;flex-direction:column;align-items:stretch}.retry-title{margin-top:12px;text-align:center;font-size:16px;font-weight:600;color:var(--muted-900)}.retry-sub{margin-top:6px;text-align:center;font-size:14px;line-height:1.5;color:var(--muted-500)}@media (prefers-color-scheme: dark){.retry-title{color:#fff}}.charge-list{margin-top:20px;display:flex;flex-direction:column;gap:8px}.charge-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:2px}.charge-list h3{font-size:12px;font-weight:600;color:var(--muted-500);text-transform:uppercase;letter-spacing:.04em}.charge-count{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--muted-100);color:var(--muted-500);font-size:11px;font-weight:700;line-height:20px;text-align:center}.charge-item{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid rgb(226 232 240 / .9);border-radius:12px;background:var(--muted-50)}.charge-ico{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;border-radius:999px;background:#64748b1f;color:var(--muted-500)}.charge-ico .ico-svg{width:16px;height:16px}.charge-item.is-paid .charge-ico{background:#22c55e24;color:var(--success-500)}.charge-item.is-pending .charge-ico{background:#f59e0b29;color:#d97706}.charge-item.is-failed .charge-ico{background:#ef44441f;color:var(--danger-500)}.charge-main{min-width:0;flex:1}.charge-main strong{display:block;font-size:13px;font-weight:650;color:var(--muted-800)}.charge-main small{display:block;margin-top:2px;color:var(--muted-500);font-size:12px}.charge-side{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.charge-amount{font-size:13px;font-weight:700;letter-spacing:-.02em;color:var(--muted-800)}.charge-item.is-paid .charge-amount{color:var(--success-500)}.charge-tx{display:inline-flex;align-items:center;gap:4px;color:var(--primary-600);font-size:11px;font-weight:600;text-decoration:none}.charge-tx:hover{text-decoration:underline}.charge-tx .ico-svg{width:12px;height:12px}@media (prefers-color-scheme: dark){.charge-count{background:#334155cc;color:var(--muted-300)}.charge-item{border-color:#334155cc;background:#0f172a59}.charge-main strong,.charge-amount{color:#fff}.charge-item.is-paid .charge-amount{color:#4ade80}}.picker{display:flex;flex-direction:column;gap:8px;margin-top:20px}.pick{display:flex;align-items:center;gap:12px;width:100%;border:1px solid rgb(226 232 240 / .9);background:#fff;color:inherit;border-radius:12px;padding:12px 14px;font:inherit;cursor:pointer;text-align:left;box-shadow:0 1px 2px #0f172a0a;transition:border-color .15s,box-shadow .15s,transform .15s}.pick:hover{border-color:#c4b5fdcc;box-shadow:0 4px 12px #0f172a0f}.pick:active{transform:scale(.99)}.pick:disabled{opacity:.5;cursor:default}.pick .ico-svg{width:16px;height:16px;flex-shrink:0;color:var(--muted-300)}.pick:hover .ico-svg{color:var(--primary-500)}.pick-ico{width:36px;height:36px;flex-shrink:0;object-fit:contain;border-radius:8px;background:var(--muted-50);padding:4px}.pick-ico.sm{width:32px;height:32px}.pick-text{min-width:0;flex:1}.pick-text strong{display:block;font-size:14px;font-weight:600;color:var(--muted-800);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pick-text small{display:block;margin-top:2px;font-size:12px;color:var(--muted-500);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (prefers-color-scheme: dark){.pick{background:#1e293b66;border-color:#334155cc}.pick:hover{border-color:#8b5cf666}.pick-ico{background:#0f172a66}.pick-text strong{color:#fff}}.hint{margin-top:12px;font-size:13px;line-height:1.45;color:var(--muted-500);text-align:center}.msg{margin-top:16px;border-radius:10px;padding:10px 12px;font-size:13px;line-height:1.4}.msg-danger{background:#ef444414;color:var(--danger-500);border:1px solid rgb(239 68 68 / .2)}.msg-info{background:#2563eb14;color:#1d4ed8;border:1px solid rgb(37 99 235 / .2)}@media (prefers-color-scheme: dark){.msg-info{background:#60a5fa1f;color:#93c5fd;border-color:#60a5fa47}}.loading-row{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;font-size:12px;color:var(--muted-500)}.spinner{width:16px;height:16px;border:2px solid var(--muted-200);border-top-color:var(--primary-500);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.qr-wrap{margin:16px auto 0;width:fit-content;padding:12px;border-radius:12px;border:1px solid var(--muted-200);background:#fff}.qr{display:block;width:220px;height:220px}@media (prefers-color-scheme: dark){.qr-wrap{border-color:var(--muted-700)}}.success{display:flex;flex-direction:column;align-items:stretch}.success-mark{width:4.5rem;height:4.5rem;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;border-radius:999px;background:#22c55e1a;box-shadow:inset 0 0 0 1px #22c55e33}.success-mark .ico-check{width:32px;height:32px;color:#16a34a}.success-title{margin-top:20px;text-align:center;font-size:16px;font-weight:600;color:var(--muted-900)}.success-sub{margin-top:6px;text-align:center;font-size:14px;line-height:1.5;color:var(--muted-500)}@media (prefers-color-scheme: dark){.success-title{color:#fff}}.home-lede{margin-top:8px;font-size:14px;line-height:1.5;color:var(--muted-500)}.code{display:block;margin-top:12px;padding:12px;background:var(--muted-50);border:1px solid var(--muted-200);border-radius:8px;font-size:12px;white-space:pre-wrap;color:var(--muted-700)}@media (prefers-color-scheme: dark){.code{background:var(--muted-900);border-color:var(--muted-700);color:var(--muted-300)}}