.pay-page{--pay-bg:#0b0a10;--pay-surface:#121118;--pay-surface-2:#191720;--pay-border:#2b2934;--pay-border-strong:#403c4d;--pay-text:#f5f3f8;--pay-muted:#a39eac;--pay-primary:#8d82c7;--pay-primary-hover:#a398dc;--pay-primary-fg:#0d0b12;--pay-overlay:#0000009e;--pay-shadow:0 10px 32px #0000003d;--pay-summary:#332f43;--pay-summary-text:#f8f6fb;--pay-summary-muted:#f8f6fbad;--pay-positive:#67c592;--pay-negative:#e27882;--pay-warning:#d5ad4a;color:var(--pay-text);background:var(--pay-bg);--background:var(--pay-bg);--surface:var(--pay-surface);--surface-2:var(--pay-surface-2);--border:var(--pay-border);--color-border-strong:var(--pay-border-strong);--foreground:var(--pay-text);--muted:var(--pay-muted);--primary:var(--pay-primary);--role-accent:var(--pay-primary);--color-positive:var(--pay-positive);--color-negative:var(--pay-negative);--color-warning:var(--pay-warning)}.pay-page[data-pay-theme=light] .btn-primary{color:var(--pay-primary-fg)}.pay-page[data-pay-theme=light]{--pay-bg:#f3f4f6;--pay-surface:#fff;--pay-surface-2:#f7f7f8;--pay-border:#e7e5eb;--pay-border-strong:#d4d0db;--pay-text:#17141f;--pay-muted:#6d6878;--pay-primary:#605597;--pay-primary-hover:#4f457f;--pay-primary-fg:#fbfafc;--pay-overlay:#17141f61;--pay-shadow:0 8px 24px #17141f12;--pay-summary:#625a9e;--pay-summary-text:#fff;--pay-summary-muted:#ffffffb8;--pay-positive:#2f8560;--pay-negative:#b84a55;--pay-warning:#8a6a1c}.pay-topbar{padding:1.25rem 1rem 0}.pay-topbar-inner{justify-content:flex-end;gap:.5rem;width:min(68rem,100%);margin:0 auto;display:flex}.pay-control{border:1px solid var(--pay-border);background:var(--pay-surface);border-radius:10px;align-items:center;gap:.125rem;padding:.1875rem;display:inline-flex}.pay-control button{min-width:2rem;height:1.75rem;color:var(--pay-muted);border-radius:7px;place-items:center;font-size:.6875rem;font-weight:600;transition:color .15s,background-color .15s;display:grid}.pay-control button:hover{color:var(--pay-text)}.pay-control button:focus-visible{outline:2px solid var(--pay-primary);outline-offset:2px}.pay-control button.is-active{background:var(--pay-text);color:var(--pay-surface)}.pay-theme-control button{min-width:1.75rem;font-size:.875rem}.pay-main{flex:1;justify-content:center;padding:2.25rem 1rem 1.5rem;display:flex}.pay-shell{width:min(68rem,100%)}.pay-checkout{grid-template-columns:20.625rem minmax(0,1fr);gap:1rem;min-height:36rem;display:grid}.pay-summary,.pay-workspace{border-radius:14px;overflow:hidden}.pay-summary{background:var(--pay-summary);color:var(--pay-summary-text);flex-direction:column;display:flex}.pay-workspace{border:1px solid var(--pay-border);background:var(--pay-surface);min-width:0;box-shadow:var(--pay-shadow);flex-direction:column;display:flex}.pay-workspace-head{justify-content:space-between;align-items:center;gap:1rem;min-height:4.5rem;padding:1.25rem 1.75rem;display:flex}.pay-workspace-head h1{font-size:.9375rem;font-weight:600}.pay-timer{border:1px solid color-mix(in srgb, var(--pay-primary) 18%, var(--pay-border));background:color-mix(in srgb, var(--pay-primary) 8%, var(--pay-surface));color:var(--pay-muted);border-radius:8px;padding:.3rem .55rem;font-size:.75rem}.pay-timer strong{color:var(--pay-primary);font-weight:600}.pay-status{border-top:1px solid var(--pay-border);color:var(--pay-muted);gap:.5rem;margin-top:auto;padding:1rem 1.75rem;font-size:.8125rem;display:grid}.pay-card{border:1px solid var(--pay-border);background:var(--pay-surface);box-shadow:var(--pay-shadow);border-radius:14px}.pay-amount-block{border-bottom:1px solid var(--pay-border);padding:1.25rem 1.5rem 1rem}.pay-timer-pill{border:1px solid var(--pay-border);background:var(--pay-surface-2);color:var(--pay-muted);border-radius:999px;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.75rem;display:inline-flex}.pay-steps{padding:1.25rem 1.5rem 1.5rem}.pay-step{grid-template-columns:1.5rem 1fr;gap:.75rem;padding-bottom:1.125rem;display:grid;position:relative}.pay-step.is-last{padding-bottom:0}.pay-step:not(.is-last):before{content:"";background:var(--pay-border-strong);border-radius:2px;width:2px;position:absolute;top:1.875rem;bottom:.25rem;left:.75rem;transform:translate(-.5px)}.pay-step-index{border:1px solid var(--pay-border-strong);background:var(--pay-surface-2);width:1.5rem;height:1.5rem;color:var(--pay-muted);border-radius:999px;place-items:center;font-size:.6875rem;font-weight:600;line-height:1;display:grid}.pay-step[data-state=active] .pay-step-index{border-color:var(--pay-primary);background:var(--pay-primary);color:var(--pay-primary-fg)}.pay-step[data-state=done] .pay-step-index{border-color:color-mix(in srgb, var(--pay-primary) 55%, transparent);background:color-mix(in srgb, var(--pay-primary) 16%, transparent);color:var(--pay-primary)}.pay-step[data-state=locked] .pay-step-index{opacity:.55}.pay-step-body{gap:.375rem;min-width:0;display:grid}.pay-step-label{color:var(--pay-muted);font-size:.75rem;font-weight:500;line-height:1.5rem}.pay-step-hint{border:1px dashed var(--pay-border);min-height:3.25rem;color:var(--pay-muted);border-radius:12px;align-items:center;padding:.625rem .875rem;font-size:.8125rem;display:flex}.pay-step-trigger{border:1px solid var(--pay-border);background:var(--pay-surface-2);text-align:left;border-radius:12px;align-items:center;gap:.75rem;width:100%;min-height:3.25rem;padding:.625rem .875rem;transition:border-color .15s,background-color .15s;display:flex}.pay-step-trigger:hover:not(:disabled){border-color:var(--pay-border-strong)}.pay-step-trigger:disabled{cursor:default}.pay-step-trigger.is-filled{border-color:color-mix(in srgb, var(--pay-primary) 38%, var(--pay-border))}.pay-step-value{flex:1;min-width:0}.pay-step-value strong{font-size:.9375rem;font-weight:600;display:block}.pay-step-value span{color:var(--pay-muted);margin-top:.0625rem;font-size:.75rem;display:block}.pay-step-placeholder{color:var(--pay-muted);flex:1;font-size:.875rem}.pay-step-chevron{color:var(--pay-muted);font-size:.75rem}.pay-step-only{border:1px solid var(--pay-border);color:var(--pay-muted);white-space:nowrap;border-radius:999px;padding:.125rem .5rem;font-size:.6875rem}.pay-proceed{border:1px solid var(--pay-primary);background:var(--pay-primary);width:100%;min-height:3rem;color:var(--pay-primary-fg);border-radius:12px;font-size:.875rem;font-weight:600;transition:background-color .15s,border-color .15s,opacity .15s}.pay-proceed:hover:not(:disabled){background:var(--pay-primary-hover);border-color:var(--pay-primary-hover)}.pay-proceed:disabled{cursor:not-allowed;opacity:.45}.pay-order{gap:.875rem;padding:1.25rem 1.5rem 1.5rem;display:grid}.pay-method-summary{border:1px solid var(--pay-border);background:var(--pay-surface-2);border-radius:12px;align-items:center;gap:.75rem;padding:.75rem .875rem;display:flex}.pay-method-mark{flex-shrink:0;display:inline-flex;position:relative}.pay-method-mark>:last-child{box-shadow:0 0 0 2px var(--pay-surface-2);border-radius:999px;position:absolute;bottom:-3px;right:-3px}.pay-method-text{flex:1;min-width:0}.pay-method-text strong{font-size:.9375rem;font-weight:600;display:block}.pay-method-text span{color:var(--pay-muted);margin-top:.0625rem;font-size:.75rem;display:block}.pay-panel{border:1px solid var(--pay-border);background:var(--pay-surface-2);border-radius:12px;padding:1rem}.pay-panel-title{font-size:.9375rem;font-weight:600}.pay-panel-text{color:var(--pay-muted);margin-top:.5rem;font-size:.8125rem;line-height:1.5}.pay-panel-hint{color:var(--pay-muted);margin-top:.75rem;font-size:.75rem;line-height:1.45}.pay-field{border:1px solid var(--pay-border);background:var(--pay-surface-2);border-radius:12px;padding:.75rem .875rem}.pay-field-label{letter-spacing:.04em;text-transform:uppercase;color:var(--pay-muted);font-size:.6875rem;font-weight:500}.pay-field-row{align-items:center;gap:.75rem;margin-top:.375rem;display:flex}.pay-field-value{overflow-wrap:anywhere;flex:1;min-width:0;font-size:.9375rem;font-weight:600}.pay-field-value.is-mono{font-family:var(--font-mono);font-size:.8125rem;font-weight:500;line-height:1.5}.pay-copy-btn{border:1px solid var(--pay-border);background:var(--pay-surface);color:var(--pay-muted);border-radius:8px;flex-shrink:0;padding:.375rem .625rem;font-size:.75rem;font-weight:500;transition:color .15s,border-color .15s}.pay-copy-btn:hover{border-color:var(--pay-border-strong);color:var(--pay-text)}.pay-copy-btn.is-copied{border-color:color-mix(in srgb, var(--pay-positive) 45%, transparent);color:var(--pay-positive)}.pay-qr{border:1px solid var(--pay-border);background:var(--pay-surface-2);border-radius:12px;flex-direction:column;align-items:center;padding:1.25rem 1rem 1rem;display:flex}.pay-qr img{background:#fff;border-radius:10px;padding:.5rem}.pay-qr figcaption{text-align:center;color:var(--pay-muted);margin-top:.75rem;font-size:.75rem}.pay-notice{border-radius:12px;padding:.75rem .875rem;font-size:.8125rem;line-height:1.45}.pay-notice-warning{border:1px solid color-mix(in srgb, var(--pay-warning) 32%, transparent);background:color-mix(in srgb, var(--pay-warning) 10%, transparent);color:var(--pay-warning)}.pay-btn{border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;width:100%;min-height:2.75rem;font-size:.875rem;font-weight:600;transition:background-color .15s,border-color .15s,opacity .15s;display:inline-flex}.pay-btn-primary{border-color:var(--pay-primary);background:var(--pay-primary);color:var(--pay-primary-fg)}.pay-btn-primary:hover:not(:disabled){border-color:var(--pay-primary-hover);background:var(--pay-primary-hover)}.pay-btn-ghost{border-color:var(--pay-border);background:var(--pay-surface);color:var(--pay-text)}.pay-btn-ghost:hover:not(:disabled){border-color:var(--pay-border-strong);background:var(--pay-surface-2)}.pay-btn:disabled{cursor:not-allowed;opacity:.45}.pay-sheet-overlay{z-index:60;background:var(--pay-overlay);animation:.16s pay-fade-in;position:fixed;inset:0}.pay-sheet{z-index:70;border:1px solid var(--pay-border);background:var(--pay-surface);max-height:min(78vh,640px);box-shadow:var(--pay-shadow);border-bottom:none;border-radius:18px 18px 0 0;flex-direction:column;animation:.22s cubic-bezier(.16,1,.3,1) pay-sheet-up;display:flex;position:fixed;inset:auto 0 0}@media (min-width:640px){.pay-sheet{border-bottom:1px solid var(--pay-border);border-radius:16px;width:min(420px,100vw - 2rem);max-height:min(70vh,560px);animation:.2s cubic-bezier(.16,1,.3,1) pay-sheet-center;inset:50% auto auto 50%;transform:translate(-50%,-50%)}}.pay-sheet-header{border-bottom:1px solid var(--pay-border);justify-content:space-between;align-items:center;gap:.75rem;padding:.875rem 1rem;display:flex}.pay-sheet-header h2{font-size:.9375rem;font-weight:600}.pay-sheet-close{width:2rem;height:2rem;color:var(--pay-muted);border-radius:8px;place-items:center;display:grid}.pay-sheet-close:hover{background:var(--pay-surface-2);color:var(--pay-text)}.pay-sheet-search{padding:.75rem 1rem .5rem}.pay-sheet-search input{border:1px solid var(--pay-border);background:var(--pay-surface-2);width:100%;color:var(--pay-text);border-radius:10px;outline:none;padding:.625rem .75rem;font-size:.875rem}.pay-sheet-search input:focus{border-color:var(--pay-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--pay-primary) 16%, transparent)}.pay-sheet-list{padding:.5rem;overflow-y:auto}.pay-sheet-item{text-align:left;background:0 0;border-radius:12px;align-items:center;gap:.75rem;width:100%;padding:.625rem .75rem;transition:background-color .15s;display:flex}.pay-sheet-item:hover{background:var(--pay-surface-2)}.pay-sheet-item.is-selected{background:color-mix(in srgb, var(--pay-primary) 12%, transparent)}.pay-sheet-item-text{flex:1;min-width:0}.pay-sheet-item-text strong{font-size:.875rem;font-weight:600;display:block}.pay-sheet-item-text span{color:var(--pay-muted);margin-top:.0625rem;font-size:.75rem;display:block}.pay-sheet-item-meta{border:1px solid var(--pay-border);color:var(--pay-muted);white-space:nowrap;border-radius:999px;flex-shrink:0;padding:.125rem .5rem;font-size:.6875rem}.pay-sheet-empty{text-align:center;color:var(--pay-muted);padding:2rem 1rem;font-size:.8125rem}@keyframes pay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes pay-sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes pay-sheet-center{0%{opacity:0;transform:translate(-50%,calc(12px - 50%))}to{opacity:1;transform:translate(-50%,-50%)}}.pay-shop{align-items:center;gap:.75rem;padding:1.625rem 1.5rem .5rem;display:flex}.pay-avatar{width:48px;height:48px;color:var(--pay-summary-text);background:#ffffff1a;border:1px solid #ffffff2e;border-radius:10px;flex-shrink:0;place-items:center;font-size:.875rem;font-weight:650;display:grid;overflow:hidden}.pay-avatar img{object-fit:cover;width:100%;height:100%}.pay-shop-text{min-width:0}.pay-shop-text strong{letter-spacing:-.02em;overflow-wrap:anywhere;font-size:1.05rem;font-weight:650;line-height:1.25;display:block}.pay-shop-text span{color:var(--pay-summary-muted);margin-top:.1rem;font-size:.75rem;display:block}.pay-hero{padding:1.2rem 1.5rem 1rem}.pay-hero-label{color:var(--pay-summary-muted);font-size:.8125rem}.pay-hero-amount{letter-spacing:-.04em;margin-top:.2rem;font-size:2.75rem;font-weight:700;line-height:1.15}.pay-hero-amount span{font-size:1.05rem;font-weight:600}.pay-hero-meta{color:var(--pay-summary-muted);margin-top:.55rem;font-size:.75rem}.pay-hero-meta .mono{overflow-wrap:anywhere;color:var(--pay-summary-text);margin-top:.25rem;display:block}.pay-trust{color:var(--pay-summary-muted);margin-top:auto;padding:1.5rem;font-size:.75rem;line-height:1.45}.pay-invoice{color:var(--pay-summary-muted);margin:0 1.5rem;font-size:.8125rem;line-height:1.45}.pay-body{gap:.75rem;padding:1.25rem 1.75rem 1.75rem;display:grid}.pay-section-label{color:var(--pay-text);margin-bottom:.25rem;font-size:.9375rem;font-weight:600}.pay-method-row{border:1px solid var(--pay-border);background:var(--pay-surface-2);text-align:left;border-radius:10px;align-items:center;gap:.75rem;width:100%;min-height:4rem;padding:.65rem .8rem;transition:border-color .14s,background-color .14s;display:flex}.pay-method-row:hover:not(:disabled){border-color:var(--pay-border-strong)}.pay-method-row:focus-visible,.pay-cta:focus-visible,.pay-btn:focus-visible,.pay-copy-btn:focus-visible,.pay-support:focus-visible{outline:2px solid var(--pay-primary);outline-offset:2px}.pay-method-row-text{flex:1;min-width:0}.pay-method-row-text strong{font-size:.9375rem;font-weight:600;display:block}.pay-method-row-text span{color:var(--pay-muted);margin-top:.05rem;font-size:.75rem;display:block}.pay-method-row-placeholder{color:var(--pay-muted);flex:1;font-size:.875rem}.pay-method-row-chevron{color:var(--pay-muted);font-size:1.15rem;line-height:1}.pay-cta{border:1px solid var(--pay-primary);background:var(--pay-primary);width:100%;min-height:3rem;color:var(--pay-primary-fg);border-radius:10px;margin-top:.2rem;font-size:.9375rem;font-weight:600}.pay-cta:hover:not(:disabled){background:var(--pay-primary-hover);border-color:var(--pay-primary-hover)}.pay-cta:disabled{cursor:not-allowed;opacity:.45}.pay-empty{border:1px dashed var(--pay-border);text-align:center;color:var(--pay-muted);border-radius:14px;padding:1.5rem 1rem;font-size:.875rem}.pay-guide{gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.pay-guide li{color:var(--pay-muted);grid-template-columns:1.35rem 1fr;gap:.65rem;font-size:.8125rem;line-height:1.45;display:grid}.pay-guide b{background:var(--pay-surface-2);width:1.35rem;height:1.35rem;color:var(--pay-text);border-radius:999px;place-items:center;font-size:.6875rem;font-weight:650;display:grid}.pay-foot{justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;padding:0 .25rem;display:flex}.pay-footer-trust{align-items:center;gap:.875rem;display:flex}.pay-chips{flex-wrap:wrap;justify-content:center;gap:.4rem;display:flex}.pay-chip{border:1px solid var(--pay-border);background:var(--pay-surface);color:var(--pay-muted);border-radius:7px;padding:.2rem .55rem;font-size:.6875rem}.pay-support{color:var(--pay-text);text-underline-offset:2px;font-size:.8125rem;text-decoration:underline}.pay-brand{color:var(--pay-muted);font-size:.75rem}@media (max-width:719px){.pay-topbar{padding:1rem .875rem 0}.pay-main{align-items:flex-start;padding:1.5rem .875rem 2rem}.pay-checkout{grid-template-columns:minmax(0,1fr);gap:.75rem;min-height:0}.pay-summary{border:1px solid var(--pay-border);background:var(--pay-surface);color:var(--pay-text);box-shadow:none;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.pay-shop{min-width:0;padding:.75rem 0 .75rem .75rem}.pay-avatar{border-color:var(--pay-border);background:var(--pay-surface-2);width:42px;height:42px;color:var(--pay-text);border-radius:8px}.pay-shop-text strong{font-size:.875rem}.pay-shop-text span{color:var(--pay-muted)}.pay-hero{text-align:right;min-width:0;padding:.75rem}.pay-hero-label{display:none}.pay-hero-amount{letter-spacing:-.025em;white-space:nowrap;margin:0;font-size:1.375rem}.pay-hero-amount span{font-size:.75rem}.pay-hero-meta{max-width:9rem;color:var(--pay-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:.2rem;font-size:.625rem;overflow:hidden}.pay-hero-meta .mono{color:var(--pay-text);margin:0;display:inline}.pay-invoice{border-top:1px solid var(--pay-border);color:var(--pay-muted);grid-area:2/1/auto/-1;margin:0;padding:.625rem .75rem}.pay-trust{display:none}.pay-workspace{box-shadow:none;border-radius:12px}.pay-workspace-head{min-height:3.75rem;padding:1rem}.pay-timer{text-overflow:ellipsis;white-space:nowrap;max-width:11rem;overflow:hidden}.pay-body,.pay-order{padding:1rem}.pay-status{padding:.875rem 1rem}.pay-foot,.pay-footer-trust{flex-direction:column;align-items:center}.pay-foot{gap:.75rem;padding-top:.25rem}.pay-footer-trust{gap:.625rem}}