:root{--sp-bg: #F2F1EE;--sp-surface: #FFFFFF;--sp-surface-raised: #F7F6F3;--sp-border: rgba(0, 0, 0, .07);--sp-accent: #F7931A;--sp-accent-dim: #e07d10;--sp-text: #0F0F0F;--sp-text-muted: #888580;--sp-text-subtle: #B8B4AE;--sp-green: #16A34A;--sp-red: #DC2626;--sp-yellow: #D97706;--sp-radius: 28px;--sp-radius-sm: 18px;--sp-radius-xs: 12px;--sp-font: "DM Sans", system-ui, sans-serif;--sp-heading: "Playfair Display", Georgia, serif;--sp-mono: "DM Mono", ui-monospace, monospace;--sp-shadow: 0 20px 60px rgba(0, 0, 0, .08);--sp-transition: .16s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(ellipse 900px 650px at 50% 38%,rgba(247,147,26,.09) 0%,transparent 70%),var(--sp-bg);color:var(--sp-text);font-family:var(--sp-font);font-weight:400;-webkit-font-smoothing:antialiased;min-height:100dvh;display:flex;align-items:center;justify-content:center}.sp-root{display:flex;align-items:center;justify-content:center;padding:1.5rem;width:100%}.sp-widget{background:var(--sp-surface);border:1px solid var(--sp-border);border-radius:var(--sp-radius);box-shadow:var(--sp-shadow);width:100%;max-width:400px;overflow:hidden;position:relative}.sp-step{padding:2.25rem 2rem;display:flex;flex-direction:column;gap:1.25rem}.sp-brand{display:flex;flex-direction:column;align-items:center;gap:1.125rem;text-align:center;padding-top:.25rem}.sp-bitcoin-icon{width:68px;height:68px;flex-shrink:0}.sp-brand-label{font-family:var(--sp-mono);font-size:10px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--sp-text-subtle);margin-top:-.5rem}.sp-merchant-name{font-family:var(--sp-heading);font-size:1.875rem;font-weight:700;color:var(--sp-text);letter-spacing:-.02em;line-height:1.1}.sp-connect-prompt{text-align:center;color:var(--sp-text-muted);font-size:.9rem;font-weight:400;line-height:1.65}.sp-footnote{text-align:center;color:var(--sp-text-muted);font-family:var(--sp-mono);font-size:11px;font-weight:300;letter-spacing:.015em}.sp-invoice-header{display:flex;flex-direction:column;gap:.2rem}.sp-invoice-desc{color:var(--sp-text-muted);font-size:.875rem;font-weight:400}.sp-invoice-details,.sp-receipt{display:grid;grid-template-columns:auto 1fr;gap:.625rem 1rem;font-size:.8rem;background:var(--sp-surface-raised);border-radius:var(--sp-radius-sm);border:1px solid var(--sp-border);padding:1.0625rem 1.125rem}.sp-invoice-details dt,.sp-receipt dt{color:var(--sp-text-subtle);white-space:nowrap;font-weight:400}.sp-invoice-details dd,.sp-receipt dd{color:var(--sp-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;text-align:right}.sp-amount{display:flex;flex-direction:column;align-items:center;gap:.375rem;padding:1.875rem 1.5rem;background:var(--sp-surface-raised);border-radius:var(--sp-radius-sm);border:1px solid var(--sp-border)}.sp-amount-usd{font-family:var(--sp-heading);font-size:52px;font-weight:700;color:var(--sp-text);letter-spacing:-3px;line-height:1}.sp-amount-btc{display:flex;align-items:baseline;gap:.3rem;font-family:var(--sp-mono);font-size:.9rem;font-weight:400;color:var(--sp-accent)}.sp-btc-label{font-family:var(--sp-mono);font-size:.7rem;font-weight:300;color:var(--sp-text-muted)}.sp-loading-dot{font-family:var(--sp-font);font-size:.85rem;color:var(--sp-text-subtle)}.sp-btn{width:100%;padding:.9375rem 1.25rem;border-radius:var(--sp-radius-xs);font-family:var(--sp-font);font-size:1rem;font-weight:600;letter-spacing:-.01em;cursor:pointer;border:none;transition:background var(--sp-transition),opacity var(--sp-transition),transform var(--sp-transition)}.sp-btn:disabled{opacity:.38;cursor:not-allowed}.sp-btn:not(:disabled):active{transform:scale(.983)}.sp-btn--primary{background:var(--sp-text);color:#fff;font-size:1rem;font-weight:600}.sp-btn--primary:not(:disabled):hover{background:#1c1c1c}.sp-btn--ghost{background:var(--sp-surface-raised);color:var(--sp-text-muted);border:1px solid var(--sp-border);font-size:.875rem;font-weight:500}.sp-btn--ghost:not(:disabled):hover{border-color:#00000024;color:var(--sp-text)}.sp-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .75rem;border-radius:999px;font-family:var(--sp-font);font-size:.72rem;font-weight:500;letter-spacing:.01em;align-self:flex-start}.sp-badge--idle{background:#eeecea;color:var(--sp-text-muted)}.sp-badge--awaiting{background:#fef3c7;color:#92400e}.sp-badge--confirmed{background:#dcfce7;color:#14532d}.sp-badge--expired,.sp-badge--error{background:#fee2e2;color:#991b1b}.sp-badge-pulse{width:6px;height:6px;border-radius:50%;background:currentColor;animation:sp-pulse 1.4s ease-in-out infinite}@keyframes sp-pulse{0%,to{opacity:1}50%{opacity:.25}}.sp-step-header{display:flex;flex-direction:column;gap:.5rem}.sp-step-title{font-family:var(--sp-heading);font-size:1.625rem;font-weight:700;letter-spacing:-.02em;color:var(--sp-text);line-height:1.15}.sp-step-subtitle{color:var(--sp-text-muted);font-size:.875rem;font-weight:400}.sp-payment-info{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.25rem 1rem}.sp-spinner{width:36px;height:36px;border:2.5px solid rgba(0,0,0,.08);border-top-color:var(--sp-accent);border-radius:50%;animation:sp-spin .75s linear infinite}@keyframes sp-spin{to{transform:rotate(360deg)}}.sp-payment-hint{text-align:center;color:var(--sp-text-muted);font-size:.8rem;font-weight:400;line-height:1.65;max-width:280px}.sp-confirm-icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background:#dcfce7;color:var(--sp-green);font-size:1.625rem;font-weight:700;align-self:center;line-height:1}.sp-confirm-title{font-family:var(--sp-heading);font-size:1.875rem;font-weight:700;text-align:center;letter-spacing:-.025em;color:var(--sp-text);line-height:1.1}.sp-confirm-subtitle{text-align:center;color:var(--sp-text-muted);font-size:.875rem;font-weight:400}.sp-tx-hash{font-family:var(--sp-mono);font-size:.72rem;font-weight:400;color:var(--sp-accent)}.sp-error-banner{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.875rem 1.5rem;background:#fef2f2;color:#991b1b;font-size:.8rem;font-weight:500;border-bottom:1px solid #FECACA}.sp-error-dismiss{background:none;border:none;color:#991b1b;cursor:pointer;font-size:.875rem;flex-shrink:0;padding:0;line-height:1;opacity:.65;transition:opacity var(--sp-transition)}.sp-error-dismiss:hover{opacity:1}.sp-mono{font-family:var(--sp-mono);font-size:.78rem;font-weight:400}