.sp{max-width:560px;margin:0 auto;padding:24px 16px 64px}
.sp-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:clamp(20px,5vw,32px);text-align:center}
.sp-kicker{display:inline-block;background:linear-gradient(90deg,#9945ff,#14f195);color:#fff;font-weight:800;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;padding:6px 12px;border-radius:999px;margin:0 0 10px}
.sp-title{font-family:var(--d);font-size:clamp(1.6rem,6vw,2.2rem);margin:0 0 4px}
.sp-usd{color:var(--mut);margin:0 0 18px}
.sp-amount{font-family:var(--d);font-size:clamp(2.2rem,11vw,3.2rem);font-weight:800;letter-spacing:-.02em}
.sp-amount b{font-size:.5em;color:var(--c)}
.sp-timer{display:flex;align-items:center;gap:12px;justify-content:center;margin:16px auto;padding:10px 16px;border-radius:999px;background:var(--cs);width:max-content;max-width:100%;text-align:left}
.sp-timer svg{width:44px;height:44px;transform:rotate(-90deg)}
.sp-timer circle{fill:none;stroke-width:5}.sp-timer .trk{stroke:var(--line)}
.sp-timer .bar{stroke:var(--c);stroke-dasharray:119.4;stroke-linecap:round;transition:stroke-dashoffset 1s linear}
.sp-timer b{display:block;font-size:1.3rem;font-variant-numeric:tabular-nums}.sp-timer span{font-size:.85rem;color:var(--mut)}
.sp-timer.low .bar{stroke:#f59e0b}
.sp-wallet{width:100%;margin:6px 0 6px;--b:#9945ff;color:#fff}
.sp-qr{width:min(260px,70vw);margin:16px auto;padding:10px;background:#fff;border-radius:16px;box-shadow:inset 0 0 0 1px var(--line)}
.sp-qr svg{display:block;width:100%;height:auto}
@media (pointer:coarse){.sp-qr{width:min(200px,55vw)}}
.sp-manual{text-align:left;margin:14px 0;border-top:1px solid var(--line);padding-top:12px}
.sp-manual summary{cursor:pointer;font-weight:700}
.sp-manual label,.sp-email label{display:block;font-size:.85rem;font-weight:700;margin:10px 0 4px;text-align:left}
.sp-copy{display:flex;gap:8px;align-items:center;margin-top:6px}
.sp-copy code,.sp-copy input{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:12px;font-size:.85rem;color:var(--ink);text-align:left}
.sp-copy .btn{margin:0;flex:none}
.sp-wait{display:flex;gap:10px;align-items:center;justify-content:center;font-size:.92rem;margin-top:16px}
.sp-dot{width:10px;height:10px;border-radius:50%;background:var(--c);animation:sp-p 1.4s infinite}
@keyframes sp-p{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--c) 60%,transparent)}100%{box-shadow:0 0 0 12px transparent}}
.sp-spin{width:40px;height:40px;margin:20px auto;border:4px solid var(--line);border-top-color:var(--c);border-radius:50%;animation:sp-r 1s linear infinite}
@keyframes sp-r{to{transform:rotate(360deg)}}
.sp-ok{width:72px;height:72px;margin:6px auto 8px;border-radius:50%;display:grid;place-items:center;font-size:2.2rem;color:#fff;background:linear-gradient(135deg,#14f195,#0e7490);animation:sp-pop .5s cubic-bezier(.3,1.6,.5,1)}
@keyframes sp-pop{from{transform:scale(.3);opacity:0}}
.sp-receipt{text-align:left;margin-top:22px;border-top:1px dashed var(--line);padding-top:16px}
.sp-receipt dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0 0 10px}
.sp-receipt dt{color:var(--mut)}.sp-receipt dd{margin:0;word-break:break-all;font-weight:600}
.sp-email{margin-top:16px}
.sp-fine{font-size:.88rem;color:var(--mut);margin-top:18px;line-height:1.55}
.sol-btn{--b:#9945ff;background:linear-gradient(90deg,#9945ff,#14f195)!important;color:#fff!important;box-shadow:0 6px 0 -1px #5b21b6,0 14px 24px -12px #9945ff!important}
.pay-pair{display:inline-flex;flex-wrap:wrap;gap:8px;align-items:center}
@media (prefers-reduced-motion:reduce){.sp *{animation:none!important;transition:none!important}}