.webRechargeModal{--wrSurface:#fff;--wrInk:#20252f;--wrMuted:#6b7280;--wrLine:#e5e8ef;--wrSoft:#f7f8fa;--wrBlue:#2860d4;--wrSelected:#f2f6ff;--wrGold:#95540d;--wrBanner:#fff7e9;color:var(--wrInk);background:var(--wrSurface);border:1px solid var(--wrLine);border-radius:20px;padding:26px;width:min(850px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);margin:auto;overflow:auto;box-shadow:0 20px 70px #0003;font-family:inherit;font-size:14px;line-height:1.5}.webRechargeModal::backdrop{background:#12172380;backdrop-filter:blur(4px)}:is([data-theme=dark],.dark) .webRechargeModal{--wrSurface:#191c22;--wrInk:#f2f3f6;--wrMuted:#a9afba;--wrLine:#363b46;--wrSoft:#22262e;--wrBlue:#91b3ff;--wrSelected:#222f49;--wrGold:#f3c481;--wrBanner:#30271d}.webRechargeModal *{box-sizing:border-box}.webRechargeModal button,.webRechargeModal a{font:inherit}.webRechargeModal button{cursor:pointer}.webRechargeModal button:disabled{cursor:default;opacity:.6}.webRechargeModal button:focus-visible,.webRechargeModal a:focus-visible{outline:3px solid var(--wrBlue);outline-offset:3px}.webRechargeModal .wrHeader{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.webRechargeModal .wrHeader h2{margin:0;font-size:21px;font-weight:600;color:var(--wrInk)}.webRechargeModal .wrBrand{color:var(--wrMuted);font-size:12px;letter-spacing:1.4px}.webRechargeModal .wrHeaderActions{display:flex;gap:17px;align-items:center;color:var(--wrMuted);font-size:13px}.webRechargeModal .wrClose{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;background:var(--wrSoft);color:var(--wrMuted);font-size:24px}.webRechargeModal .wrBanner{padding:20px 22px;border-radius:13px;background:var(--wrBanner);color:var(--wrGold)}.webRechargeModal .wrBannerTop{display:flex;gap:12px;justify-content:space-between;font-size:12px}.webRechargeModal .wrBanner h3{margin:12px 0 5px;font-size:26px;font-weight:600;line-height:1.4;color:var(--wrInk)}.webRechargeModal .wrBanner p{margin:0;font-size:14px}.webRechargeModal .wrSectionHead{display:flex;gap:10px;justify-content:space-between;align-items:baseline;margin:23px 0 17px}.webRechargeModal .wrSectionHead small{font-size:12px;color:var(--wrMuted)}.webRechargeModal .wrPackages{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.webRechargeModal .wrPackage{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:17px 12px 14px;text-align:left;background:var(--wrSurface);color:var(--wrInk);border:1px solid var(--wrLine);border-radius:11px}.webRechargeModal .wrPackage[aria-pressed=true]{border-color:var(--wrBlue);background:var(--wrSelected);box-shadow:inset 0 0 0 1px var(--wrBlue)}.webRechargeModal .wrPackage:disabled{opacity:1}.webRechargeModal .wrRecommended{position:absolute;top:-11px;left:10px;background:#2860d4;color:#fff;padding:2px 8px;border-radius:5px;font-size:12px;white-space:nowrap}.webRechargeModal .wrName{color:var(--wrMuted);font-size:13px}.webRechargeModal .wrPrice{margin-top:8px;font-size:23px;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}.webRechargeModal .wrPrice small{font-size:14px;margin-right:2px}.webRechargeModal .wrRule{height:1px;width:100%;background:var(--wrLine);margin:12px 0 10px}.webRechargeModal .wrPoints{font-size:27px;line-height:1.3;font-weight:600;letter-spacing:-.8px;font-variant-numeric:tabular-nums;white-space:nowrap}.webRechargeModal .wrPoints small{margin-left:3px;font-size:12px;font-weight:400;letter-spacing:0}.webRechargeModal .wrGift{margin-top:9px;padding:3px 5px;border-radius:4px;font-size:12px;color:var(--wrGold);background:var(--wrBanner)}.webRechargeModal .wrRate{margin-top:9px;color:var(--wrMuted);font-size:12px;white-space:nowrap}.webRechargeModal .wrSummary{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:20px;padding:17px 18px;border-radius:11px;background:var(--wrSoft)}.webRechargeModal .wrSummary small{color:var(--wrMuted);font-size:13px}.webRechargeModal .wrSummaryPoints{font-size:29px;font-weight:600;font-variant-numeric:tabular-nums}.webRechargeModal .wrSummaryPoints span{margin-left:5px;font-size:14px;font-weight:400}.webRechargeModal .wrBreakdown{text-align:right;font-size:13px}.webRechargeModal .wrBreakdown span{display:block;margin-top:5px;color:var(--wrGold)}.webRechargeModal .wrCheckout{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px}.webRechargeModal .wrCheckout>div{display:flex;align-items:baseline;gap:8px;color:var(--wrMuted);font-size:13px}.webRechargeModal .wrCheckout strong{font-size:27px;color:var(--wrInk);font-weight:600}.webRechargeModal .wrPay{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:13px 21px;min-width:235px;min-height:48px;border:0;border-radius:9px;color:#fff;background:#2860d4;text-decoration:none;font-weight:600}.webRechargeModal .wrFooter{text-align:center;margin-top:19px;color:var(--wrMuted);font-size:12px}.webRechargeModal .wrLoading{text-align:center;padding:30px 12px;color:var(--wrMuted)}.webRechargeModal .wrError{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding:12px;border-radius:8px;background:var(--wrBanner);color:var(--wrGold)}.webRechargeModal .wrError button,.webRechargeModal .wrSecondary{border:1px solid var(--wrLine);border-radius:8px;padding:10px 12px;background:var(--wrSurface);color:var(--wrInk);white-space:nowrap}.webRechargeModal .wrPending{display:grid;gap:12px;margin-top:20px}.webRechargeModal .wrPending>div:first-child{display:grid;gap:4px}.webRechargeModal .wrPending small{font-size:12px;color:var(--wrMuted);overflow-wrap:anywhere}.webRechargeModal .wrPendingActions{display:flex;flex-wrap:wrap;gap:10px}.webRechargeEntryBadge{display:inline-block;border-radius:4px;padding:2px 5px;margin-left:5px;background:#fff0d4;color:#95540d;font-size:12px;line-height:1.3;white-space:nowrap}@media(max-width:760px){.webRechargeModal .wrPackages{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:16px}}@media(max-width:480px){.webRechargeModal{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);padding:17px 14px;border-radius:15px}.webRechargeModal .wrPackages{grid-template-columns:repeat(2,minmax(0,1fr))}.webRechargeModal .wrPackage:last-child{grid-column:1/-1}.webRechargeModal .wrBanner{padding:16px 14px}.webRechargeModal .wrBanner h3{font-size:22px}.webRechargeModal .wrBanner p{font-size:13px}.webRechargeModal .wrSummary{padding:14px 12px;align-items:flex-start;flex-wrap:wrap}.webRechargeModal .wrBreakdown{text-align:left;font-size:12px}.webRechargeModal .wrCheckout{flex-wrap:wrap;gap:12px}.webRechargeModal .wrPay{width:100%;min-width:0}.webRechargeModal .wrError{align-items:flex-start;flex-wrap:wrap}.webRechargeModal .wrHeaderActions{gap:9px;font-size:12px}}