.payout-moment{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:max(18px,env(safe-area-inset-top)) 18px max(18px,env(safe-area-inset-bottom));font-family:var(--font-display,system-ui)}
.payout-moment[hidden]{display:none}.payout-moment__backdrop{position:absolute;inset:0;border:0;background:rgba(7, 4, 2,.82);backdrop-filter:blur(14px)}
.payout-moment__card{--pay:#76d074;position:relative;width:min(430px,100%);overflow:hidden;text-align:center;padding:38px 24px 24px;border:1px solid color-mix(in srgb,var(--pay) 55%,transparent);border-radius:28px;background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--pay) 18%,transparent),transparent 45%),linear-gradient(155deg,#171b22,#0e0a08 72%);box-shadow:0 28px 90px #000,0 0 54px color-mix(in srgb,var(--pay) 18%,transparent);animation:pay-in .32s cubic-bezier(.2,.9,.2,1)}
.payout-moment__card[data-state=pending]{--pay:#ffd45c}.payout-moment__card[data-state=sending]{--pay:#ffb74a}.payout-moment__card[data-state=error]{--pay:#ff6969}
.payout-moment__close{position:absolute;right:14px;top:12px;border:0;background:transparent;color:#96a4af;font-size:28px}.payout-moment__burst{width:108px;height:108px;margin:0 auto 18px;display:grid;place-items:center;position:relative}.payout-moment__burst i{position:absolute;inset:0;border:1px solid color-mix(in srgb,var(--pay) 55%,transparent);border-radius:50%;animation:pay-ring 2s infinite}.payout-moment__burst i:nth-child(2){inset:12px;animation-delay:.35s}.payout-moment__burst i:nth-child(3){inset:24px;animation-delay:.7s}.payout-moment__burst b{font-size:42px;color:var(--pay);filter:drop-shadow(0 0 18px var(--pay))}
.payout-moment__eyebrow{color:var(--pay);font-size:12px;font-weight:900;letter-spacing:.2em}.payout-moment h2{margin:8px 0 4px;color:#fff;font-size:clamp(28px,8vw,42px);line-height:.95}.payout-moment__amount{display:block;min-height:25px;margin:14px 0 8px;color:var(--pay);font-size:22px}.payout-moment p{color:#aca69c;line-height:1.45;margin:0 auto 20px;max-width:340px}.payout-moment__status{display:flex;justify-content:center;align-items:center;gap:8px;padding:11px;border-radius:12px;background:color-mix(in srgb,var(--pay) 8%,transparent);color:var(--pay);font-size:11px;font-weight:900;letter-spacing:.1em}.payout-moment__status i{width:7px;height:7px;border-radius:50%;background:var(--pay);box-shadow:0 0 10px var(--pay)}.payout-moment .rr-btn{width:100%;margin-top:12px}.payout-moment__card[data-state=sending] #payout-moment-done{visibility:hidden}
@keyframes pay-in{from{opacity:0;transform:translateY(24px) scale(.96)}}@keyframes pay-ring{50%{transform:scale(1.08);opacity:.25}}@media(prefers-reduced-motion:reduce){.payout-moment__card,.payout-moment__burst i{animation:none}}