.zai-coin{display:block;width:32px;height:32px;flex:none;fill:#dfbc6712;stroke:#ebc875;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.premium-dialog{--token-gold:#eac875;--token-muted:#a2a5b0;width:min(1230px,calc(100% - 40px));padding:34px;background:radial-gradient(ellipse at 72% -12%,#ebbc4920,transparent 49%),radial-gradient(ellipse at 0% 90%,#fb30450b,transparent 50%),#101115;border:1px solid #343139;border-radius:18px}
.premium-dialog .premium-heading{margin-bottom:24px;max-width:850px}
.premium-dialog .premium-heading>.eyebrow{font-size:10px;letter-spacing:.22em;color:var(--token-gold)}
.premium-dialog .premium-heading h2{font-size:clamp(29px,3.4vw,42px);letter-spacing:-.045em}
.premium-dialog .premium-heading>p:last-child{font-size:13px;color:#aaa8b0}
.premium-dialog .premium-plans{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.credit-catalogue-intro{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 0 14px;margin:0 0 3px;border-bottom:1px solid #ffffff10}
.credit-catalogue-intro>span{display:flex;align-items:center;flex-wrap:wrap;gap:7px;color:var(--token-muted);font-size:11px}
.credit-catalogue-intro .zai-coin{width:22px;height:22px}
.credit-catalogue-intro strong{color:#e4d7ba;font-size:12px;font-weight:550;white-space:normal;overflow-wrap:anywhere;min-width:0}
.credit-catalogue-intro p{margin:0;color:#b8b6be;font-size:11px;line-height:1.6;text-align:right}
.premium-dialog .credit-pack{position:relative;display:flex;flex-direction:column;min-width:0;padding:19px 18px 17px;border:1px solid #ffffff14;border-radius:13px;background:linear-gradient(155deg,#20202688,#18191d 65%);box-shadow:0 5px 20px #0000000a;overflow:hidden}
.credit-pack:before{content:"";position:absolute;top:0;left:18px;right:18px;height:1px;background:linear-gradient(90deg,transparent,#ffffff12,transparent)}
.credit-pack-topline{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:7px;min-height:23px;margin-bottom:24px}
.credit-pack-tier{font-size:12px;font-weight:650;color:#e4e0e6;letter-spacing:.02em}
.credit-pack-badge{display:inline-flex;align-items:center;max-width:100%;min-height:22px;padding:4px 7px;border:1px solid #e8c26830;border-radius:5px;color:#e8ca85;background:#e8c26808;font-size:8px;font-weight:650;line-height:1.4;letter-spacing:.01em}
.credit-pack-amount{display:flex;align-items:center;gap:9px}
.credit-pack-amount>.zai-coin{width:30px;height:30px;align-self:flex-start;margin-top:3px}
.premium-dialog .credit-pack .premium-plan-name{display:flex;flex-direction:column;gap:4px;margin:0;font-size:inherit;line-height:1.2}
.credit-pack-amount strong{font-size:clamp(25px,2.45vw,34px);letter-spacing:-.055em;line-height:1.15;color:#fff;font-weight:650;font-variant-numeric:tabular-nums;white-space:nowrap}
.credit-pack-amount .premium-plan-name>span{font-size:11px;color:#b7b3bd;letter-spacing:.03em;font-weight:450}
.credit-pack-bonus{display:flex;flex-direction:column;justify-content:center;gap:5px;font-size:11px;font-weight:500;color:#d6bd86;margin:16px 0 24px;line-height:1.6;min-height:80px}
.credit-pack-bonus>strong{display:block;font-size:17px;font-weight:650;line-height:1.45;letter-spacing:-.025em;color:#f0d79f}
.credit-pack-bonus-extra{display:block;color:#aaa08e;font-size:9px;font-weight:400;line-height:1.6}
.credit-pack-bonus-base{color:#86818e;font-weight:400}
.credit-pack-bottom{position:static;margin-top:auto;display:flex;flex-direction:column;flex:1}
.premium-dialog .credit-pack-price{display:flex;align-items:baseline;gap:5px;font-size:31px;font-weight:650;letter-spacing:-.04em;margin:0 0 16px;line-height:1.2;color:#f2eff3}
.premium-dialog .credit-pack-price>span{font-size:10px;font-weight:450;color:#98929e;margin-left:2px;letter-spacing:0}
.premium-dialog .credit-pack-price>.credit-pack-dollar{font-size:17px;color:#e4dce9;font-weight:450;margin:0;align-self:flex-start;padding-top:2px}
.credit-pack-gift{display:flex;align-items:center;gap:9px;padding:12px 10px;background:#ffffff04;border:1px solid #ffffff0a;border-radius:7px;margin-bottom:16px}
.credit-pack-gift>svg{width:21px;height:21px;flex:none;stroke:#d5bb88;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;fill:none}
.credit-pack-gift p{margin:0;color:#c4bdcc;font-size:9px;line-height:1.7}
.credit-pack-gift strong{display:block;color:#f0dfb6;font-size:13px;line-height:1.7;font-weight:600}
.credit-pack-gift small{font-size:9px;font-weight:400;color:#b5a992}
.premium-dialog .credit-pack-button{position:static;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:38px;width:100%;margin-top:auto;padding:10px 12px;border:1px solid #514a3b;border-radius:7px;background:#b9964c08;color:#d9cba6;font-size:10px;line-height:1.4;text-align:left;white-space:normal;font-weight:550}
.premium-dialog .credit-pack-button:not(:disabled)::after{content:"";position:absolute;inset:0;z-index:1;border-radius:13px;cursor:pointer}
.premium-dialog .credit-pack-button:not(:disabled):hover::after{box-shadow:inset 0 0 0 1px #e9ce8b80}
.premium-dialog .credit-pack-button:not(:disabled):hover{filter:none}
.premium-dialog .credit-pack-button:focus-visible{outline:none}
.premium-dialog .credit-pack-button:focus-visible::after{outline:2px solid #f1d48d;outline-offset:-4px;box-shadow:inset 0 0 0 4px #f1d48d18}
.credit-pack-button svg{width:15px;height:15px;flex:none;stroke:currentColor;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6}
.premium-dialog .credit-pack button[disabled]{cursor:default;opacity:1}
.premium-dialog .credit-pack-featured{border-color:#a18b52;background:radial-gradient(ellipse at 90% 10%,#c99d3d14,transparent 60%),linear-gradient(155deg,#28251d,#1d1d20 75%);box-shadow:0 0 0 1px #f7d98d09,0 10px 28px #0002}
.credit-pack-featured .credit-pack-badge{color:#19160f;background:#e6c375;border-color:#e6c375}
.credit-pack-featured .credit-pack-amount>.zai-coin{fill:#ebc87516}
.premium-dialog .credit-pack-featured .credit-pack-button{background:#dcc079;color:#252013;border-color:#dcc079}
.credit-wallet-summary{display:flex;align-items:center;gap:14px}
.credit-wallet-summary>.zai-coin{width:40px;height:40px;stroke-width:1.25}
.credit-wallet-summary>div{flex:1;min-width:0}
.credit-wallet-summary h3{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 3px;font-size:12px;font-weight:500;color:#c3bdc8}
.credit-wallet-summary h3>strong{color:#f5db9d;font-size:19px;line-height:1.4;font-weight:600;white-space:nowrap}
.credit-wallet-summary h3>strong>span:last-child{font-size:10px;font-weight:450;letter-spacing:.04em}
.credit-wallet-summary p{color:#97919e;font-size:11px;line-height:1.8;margin:0}
.premium-dialog .premium-current-selection{border:1px solid #ffffff10;border-radius:11px;background:#17171c;padding:17px 19px}
.credit-unlock{border-top:1px solid var(--line,#303038);margin-top:1rem;padding-top:1rem}
.credit-unlock h4{margin:0 0 .6rem}
.premium-dialog .premium-preparation-note{color:#a19aa9;font-size:10px;border-top-color:#ffffff10;line-height:1.9;margin-top:20px;padding-top:16px}
.account-credits-offer{border:1px solid #403b28;background:linear-gradient(120deg,#211f17,#17171d);border-radius:12px;padding:1rem;margin:1.1rem 0}
.account-credits-offer strong{color:#f3d98a}
.account-credits-offer p{color:#d7d6dd}

.premium-dialog .credit-pack-gift-rich{background:radial-gradient(ellipse at 85% 10%,#bb8a4518,transparent 65%),linear-gradient(130deg,#26221d,#1b1c20 70%);border-color:#6b5739}
.credit-pack-benefits{display:flex;flex-direction:column;gap:11px;min-height:210px;margin:0 0 19px;padding-top:17px;border-top:1px solid #ffffff0b}
.credit-pack-benefits .credit-pack-gift{margin:0;min-height:83px;padding:13px 10px;box-shadow:inset 0 1px 0 #ffffff05}
.credit-pack-gift-premium{background:linear-gradient(120deg,#eac87516,#eac87505);border-color:#eac87536}
.credit-pack-gift-premium>svg{stroke:#efd69c}
.credit-pack-gift p{display:flex;align-items:center;gap:10px;min-width:0;font-size:10px;line-height:1.6}
.credit-pack-gift .credit-gift-quantity{flex:none;margin:0;color:#f6dc9f;font-size:27px;font-weight:650;letter-spacing:-.05em;line-height:1.1;white-space:nowrap;font-variant-numeric:tabular-nums}
.credit-gift-copy{min-width:0;color:#e3d9c6;font-weight:500}
.credit-gift-duration{display:block;margin-top:4px;font-size:14px;font-weight:650;color:#f6dfad;line-height:1.5}
.credit-pack-gift-custom{background:linear-gradient(120deg,#fff2d308,#ffffff03);border-color:#ffffff1c}
.credit-pack-use{font-size:11px;line-height:1.9;color:#a6a0af;margin:3px 0 0}
@media(max-width:1000px){.premium-dialog{width:min(760px,calc(100% - 32px));padding:27px}.premium-dialog .premium-plans{grid-template-columns:repeat(2,minmax(0,1fr))}.credit-pack-amount strong{font-size:32px}.credit-pack-benefits{min-height:152px}}
@media(max-width:600px){.premium-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px);padding:25px 18px 20px;border-radius:13px}.premium-dialog .premium-heading h2{font-size:30px}.premium-dialog .premium-heading>p:last-child{font-size:12px}.premium-dialog .premium-heading>.eyebrow{font-size:9px}.credit-catalogue-intro{align-items:flex-start;gap:10px;flex-direction:column;padding-bottom:13px}.credit-catalogue-intro p{text-align:left;font-size:11px}.premium-dialog .premium-plans{grid-template-columns:minmax(0,1fr);gap:15px}.premium-dialog .credit-pack{padding:20px;border-radius:12px}.credit-pack-topline{margin-bottom:20px;min-height:24px}.credit-pack-tier{font-size:13px}.credit-pack-badge{font-size:9px;padding:4px 7px}.credit-pack-amount{gap:9px}.credit-pack-amount>.zai-coin{width:31px;height:31px}.credit-pack-amount strong{font-size:35px}.credit-pack-amount .premium-plan-name>span{font-size:12px}.credit-pack-bonus{font-size:11px;margin:13px 0 21px;min-height:17px}.premium-dialog .credit-pack-price{font-size:33px;margin-bottom:16px}.credit-pack-benefits{min-height:0;gap:10px;margin-bottom:18px}.credit-pack-benefits .credit-pack-gift{padding:12px;min-height:65px;gap:11px}.credit-pack-gift>svg{width:23px;height:23px}.credit-pack-gift p{font-size:11px;line-height:1.7}.credit-pack-gift strong{font-size:15px}.credit-pack-gift-premium p>strong{font-size:18px}.credit-pack-use{font-size:12px;margin:3px 0 4px}.premium-dialog .credit-pack-button{font-size:12px;min-height:43px;padding:11px 13px}.credit-pack-button svg{width:16px;height:16px}.credit-wallet-summary{gap:10px}.credit-wallet-summary>.zai-coin{width:32px;height:32px}.credit-wallet-summary p{font-size:11px}.credit-wallet-summary h3{font-size:12px}.premium-dialog .premium-current-selection{padding:14px}.credit-wallet-summary h3>strong{font-size:18px}}


.credit-pack-bonus-total{display:block;margin-top:2px;color:#e0d3bb;font-size:11px;font-weight:500;line-height:1.6}