:root{--color-bg: #09090b;--color-surface: #18181b;--color-elevated: #1f1f23;--color-border: #27272a;--color-text: #f4f4f5;--color-hint: #a1a1aa;--color-label: #71717b;--color-accent: #2563eb;--color-accent-text: #ffffff;--color-error: #f87171;--color-success: #05df72;--radius: 16px;--radius-md: 12px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--color-bg);color:var(--color-text);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}.pay-card{display:flex;flex-direction:column;align-items:center;gap:20px;min-height:100%;padding:32px 20px 40px;max-width:420px;margin:0 auto}.pay-card--loading,.pay-card--error,.pay-card--success{justify-content:center;text-align:center}.pay-summary{width:100%;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:18px;display:flex;flex-direction:column;gap:12px}.pay-product{display:flex;align-items:center;gap:12px}.pay-product-thumb{width:56px;height:56px;border-radius:12px;object-fit:cover;flex-shrink:0}.pay-product-info{min-width:0}.pay-product-name{font-size:1rem;font-weight:600}.pay-product-desc{font-size:.8125rem;color:var(--color-hint);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pay-total-row{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--color-border);padding-top:12px;font-size:.9375rem;color:var(--color-hint)}.pay-total-row strong{font-size:1.125rem;font-weight:700;color:var(--color-text)}.pay-heading{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;color:var(--color-text)}.pay-error-text{color:var(--color-error);font-size:1rem}.pay-success-icon{font-size:3rem;line-height:1}.pay-success-heading{font-size:1.125rem;font-weight:600;color:var(--color-success)}.pay-chain-toggle{display:flex;gap:4px;background:var(--color-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:4px;width:100%}.pay-chain-btn{flex:1;padding:10px 0;border:none;border-radius:calc(var(--radius-md) - 4px);background:transparent;color:var(--color-hint);font-size:.9375rem;font-weight:500;cursor:pointer;transition:background .15s,color .15s}.pay-chain-btn--active{background:var(--color-surface);color:var(--color-text);box-shadow:0 1px 2px #0006}.pay-qr{border-radius:var(--radius);display:block;width:240px;height:240px}.pay-address-block{display:flex;align-items:center;gap:10px;background:var(--color-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:12px 14px;width:100%}.pay-address{font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,monospace;font-size:.8125rem;color:var(--color-text);overflow-wrap:break-word;word-break:break-all;flex:1}.pay-copy-btn{flex-shrink:0;padding:6px 14px;border:none;border-radius:8px;background:var(--color-accent);color:var(--color-accent-text);font-size:.875rem;font-weight:500;cursor:pointer;transition:opacity .15s;min-width:64px}.pay-copy-btn:active{opacity:.8}.pay-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:15px;border:none;border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-accent-text);font-size:1rem;font-weight:600;text-decoration:none;cursor:pointer;transition:opacity .15s,filter .15s}.pay-btn:active{opacity:.85}.pay-btn[disabled]{opacity:.55;cursor:default}.pay-other{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%}.pay-error-text--inline{font-size:.875rem;text-align:center}.pay-hint{font-size:.8125rem;color:var(--color-hint);text-align:center}.pay-network-hint{font-size:.75rem;font-weight:600;color:var(--color-label);text-align:center;text-transform:uppercase;letter-spacing:.05em}.pay-status-line{display:flex;align-items:center;gap:8px;color:var(--color-hint);font-size:.875rem;margin-top:auto;padding-top:12px}@keyframes pay-spin{to{transform:rotate(360deg)}}.pay-spinner{display:inline-block;width:28px;height:28px;border:3px solid var(--color-surface);border-top-color:var(--color-accent);border-radius:50%;animation:pay-spin .75s linear infinite}.pay-spinner--sm{width:14px;height:14px;border-width:2px}.pay-testmode{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;padding:16px;border:1px dashed var(--color-border);border-radius:var(--radius);background:var(--color-surface)}.pay-testmode-label{font-size:.75rem;font-weight:600;color:var(--color-label);text-transform:uppercase;letter-spacing:.05em}.pay-btn--test{background:transparent;color:var(--color-accent);border:2px solid var(--color-accent)}.pay-btn--test:active{opacity:.8}