:root{color-scheme:dark;--bg: #040404;--panel: #e9e9e9;--panel-border: #d3d3d3;--text: #222329;--muted: #555963;--cta: #2c2d33;--cta-hover: #3a3c44;--accent: #ff6220;--white: #ffffff;--error: #ff8f8f}*{box-sizing:border-box}html,body{min-height:100%;margin:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--white)}.page{min-height:100vh;display:flex;justify-content:center;padding:1.5rem 1rem 2.5rem;position:relative}.checkout-shell{width:min(100%,640px)}.page-title{margin:0 0 1rem;font-size:clamp(2.1rem,5vw,3.1rem);font-weight:600;color:#1e2027}.summary-card{background:var(--panel);border:1px solid var(--panel-border);border-radius:2rem;overflow:hidden}.meme-frame{width:min(100%,420px);margin:2rem auto 1.6rem;border:3px solid #1d1f24;border-radius:2.3rem;overflow:hidden}.meme{display:block;width:100%;height:auto}.quote{margin:0;padding:.4rem 2rem 2rem;text-align:center;color:var(--text);font-size:clamp(1.9rem,3vw,2.4rem);font-weight:400}.total-row{display:flex;justify-content:space-between;align-items:center;border-top:2px solid #d3d3d3;padding:1.35rem 2.4rem 1.5rem;color:var(--text);font-size:clamp(2rem,3.3vw,3rem);font-weight:600}.pay-cta{width:100%;margin-top:2rem;border:0;border-radius:2rem;padding:1.45rem 1.6rem;background:var(--cta);color:var(--white);font-size:clamp(1.7rem,3vw,2.35rem);font-weight:600;display:flex;justify-content:center;align-items:center;gap:.9rem;cursor:pointer;transition:background .18s ease}.pay-cta:hover{background:var(--cta-hover)}.pay-cta:disabled{opacity:.8;cursor:progress}.satmo-lockup{display:inline-flex;align-items:center;gap:.5rem}.satmo-mark{display:inline-flex;align-items:flex-end;gap:.18rem}.satmo-mark span{display:block;width:.47em;border-radius:1rem;background:var(--accent)}.satmo-mark span:nth-child(1){height:.54em}.satmo-mark span:nth-child(2){height:.78em}.satmo-mark span:nth-child(3){height:1em}.state-panel{margin-top:1.3rem;background:#17181d;border:1px solid #30333b;border-radius:1.3rem;padding:1.15rem}.state-panel h2{margin:0;font-size:1.25rem}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(1px);display:grid;place-items:center;padding:1rem;z-index:30}.pay-modal{width:min(100%,520px);background:#e4e4e6;color:#2d2f35;border-radius:2.5rem;box-shadow:0 70px 180px #000c,0 15px 30px #00000040;padding:1.5rem 1.4rem 1.4rem}.pay-modal-header{display:flex;justify-content:space-between;align-items:center}.modal-brand{margin:0;display:inline-flex;align-items:center;gap:.5rem;color:#383b42;font-size:2.9rem;font-weight:600}.modal-mark{transform:translateY(.06em)}.modal-mark span{width:.3em;border-radius:999px}.brand-divider{font-weight:400;color:#595e67}.modal-close{border:0;width:3.35rem;height:3.35rem;border-radius:50%;background:#e9e9ea;color:#44474f;font-size:2.5rem;line-height:1;cursor:pointer}.modal-amount{margin:1.2rem 0 0;text-align:center;color:#2f323a}.modal-amount strong{font-size:clamp(3.2rem,8vw,5.3rem);line-height:.9}.modal-amount span{font-size:clamp(1.55rem,3vw,2.3rem);color:#70737b}.modal-fiat{margin:.7rem 0 0;text-align:center;font-size:2.2rem;color:#71747d}.qr-frame{position:relative;margin:1.4rem auto .8rem;width:min(100%,390px);background:#f2f2f3;padding:.9rem}.qr,.qr-placeholder{width:100%;aspect-ratio:1 / 1;margin-top:0;border-radius:.7rem;border:1px solid #424754}.qr-placeholder{display:grid;place-items:center;color:#c8ceda;background:#262932}.bolt-badge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:6rem;height:6rem;display:grid;place-items:center;border-radius:1.1rem;background:linear-gradient(140deg,#505057,#1d1f26);border:3px solid #f2f2f3;color:#fff;font-size:3.6rem;line-height:1}.invoice-copy{border:0;background:transparent;color:#3f4248;display:block;margin:0 auto;font-size:2rem;font-weight:600;text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.08em;cursor:pointer}.modal-wallet{display:inline-block;margin-top:.8rem;padding:.65rem .95rem;border-radius:.65rem;background:#ffdfab;color:#573100;font-weight:600;text-decoration:none}.status{margin:.7rem 0 0;color:#d0d6e0}.modal-help{margin:1rem 0 0;text-align:center;color:#888b92;font-size:1.95rem;text-decoration:underline;text-underline-offset:.08em}.modal-status{margin-top:.85rem;text-align:center;color:#6a6e77}.modal-message{text-align:center;color:#2f323a}.actions{display:flex;gap:.65rem}.ghost-btn,.solid-btn{border:0;border-radius:.7rem;padding:.66rem 1rem;font-weight:600;font-size:.97rem;cursor:pointer}.ghost-btn{background:#d9dde7;color:#21242d}.solid-btn{background:#2b71ff;color:#fff}.message{margin-top:.9rem;font-size:.95rem}.message.error{color:var(--error)}@media (max-width: 640px){.page{padding:1rem .85rem 2rem}.summary-card{border-radius:1.2rem}.meme-frame{width:calc(100% - 1.5rem);margin:1rem auto;border-radius:1.4rem}.quote{padding:.3rem 1rem 1.2rem}.total-row{padding:.95rem 1rem 1.1rem}.pay-cta{border-radius:1.2rem;font-size:1.7rem}.pay-modal{border-radius:1.6rem;padding:1rem .9rem 1.1rem}.modal-brand{font-size:1.9rem}.modal-close{width:2.55rem;height:2.55rem;font-size:2rem}.modal-fiat{font-size:1.7rem}.qr-frame{width:min(100%,320px)}.bolt-badge{width:4.8rem;height:4.8rem;font-size:2.8rem}.invoice-copy,.modal-help{font-size:1.5rem}}
