:root{--bg:#030b14;--text:#f4f8fc;--muted:#91a5bb;--gold:#f1c767;--line:rgba(157,183,214,.16)}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% -12%,rgba(38,68,94,.42),transparent 35%),linear-gradient(rgba(91,137,177,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(91,137,177,.025) 1px,transparent 1px),var(--bg);background-size:auto,44px 44px,44px 44px,auto;color:var(--text);font-family:Inter,"Noto Sans Thai",system-ui,sans-serif}.topup-page{width:min(920px,calc(100% - 32px));margin:auto;padding:14px 0 52px}html:not(.topup-preboot) .topup-page{animation:topup-stable-in .18s ease-out both}@keyframes topup-stable-in{from{opacity:.01}to{opacity:1}}
.topup-bar{position:relative;display:flex;justify-content:flex-end;align-items:center;min-height:46px;gap:16px}.brand,.back{color:inherit;text-decoration:none}.brand{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:5px 13px;border:1px solid rgba(241,199,103,.2);border-radius:999px;background:rgba(8,20,33,.76);font-size:10px;font-weight:850;letter-spacing:.09em}.brand img{width:30px;height:30px;object-fit:contain}.bar-actions{display:flex;gap:8px}.icon-button,.back{min-height:38px;padding:0 13px;border:1px solid var(--line);border-radius:13px;background:rgba(9,22,36,.78);color:var(--text);display:flex;align-items:center;gap:7px;font-size:12px;font-weight:750}
.back-icon{width:38px;min-width:38px;padding:0;justify-content:center;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}.back-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.back-icon:hover{border-color:rgba(241,199,103,.42);background:rgba(241,199,103,.1);color:var(--gold);transform:translateX(-2px)}.back-icon:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.hero{text-align:center;padding:17px 12px 23px}.eyebrow,.section-head span,.history span{color:var(--gold);font-size:9px;font-weight:850;letter-spacing:.13em}.hero h1{font-size:clamp(30px,4.2vw,44px);line-height:1.08;margin:8px auto;letter-spacing:-.04em;max-width:760px}.hero p{color:var(--muted);max-width:620px;margin:auto;font-size:12px;line-height:1.6}.trust{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin-top:13px}.trust span{position:relative;padding:5px 10px 5px 19px;color:#9fb1c3;font-size:9px}.trust span::before{content:"";position:absolute;left:7px;top:50%;width:4px;height:4px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px var(--gold);transform:translateY(-50%)}
.package-section{padding:0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:0 4px 10px}.section-head h2,.history h2{margin:3px 0 0;font-size:20px}.section-head>strong{color:var(--gold);padding:6px 10px;border:1px solid rgba(241,199,103,.13);border-radius:999px;background:rgba(241,199,103,.09);font-size:10px}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}
.credit-package{position:relative;isolation:isolate;overflow:hidden;min-height:285px;padding:20px;border:1px solid rgba(123,156,187,.2);border-radius:20px;background:radial-gradient(circle at 15% 0,rgba(64,115,155,.14),transparent 34%),linear-gradient(160deg,rgba(15,35,55,.98),rgba(5,16,28,.98));color:inherit;text-align:left;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.025),0 18px 42px rgba(0,0,0,.2);transition:.45s cubic-bezier(.22,1,.36,1)}.credit-package::before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,rgba(122,195,237,.55),transparent);opacity:.45}.credit-package::after{content:"";position:absolute;z-index:-1;right:-62px;bottom:-74px;width:170px;height:170px;border:1px solid rgba(116,176,214,.09);border-radius:50%;box-shadow:0 0 0 25px rgba(116,176,214,.025),0 0 0 52px rgba(116,176,214,.018)}.credit-package:nth-child(2){border-color:rgba(241,199,103,.32);background:radial-gradient(circle at 15% 0,rgba(241,199,103,.12),transparent 35%),linear-gradient(160deg,rgba(18,38,58,.98),rgba(6,17,29,.98));transform:translateY(-4px)}.credit-package:nth-child(2)::before{background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.75}.credit-package:hover{transform:translateY(-7px);border-color:rgba(241,199,103,.48);box-shadow:0 25px 55px rgba(0,0,0,.3)}.credit-package:nth-child(2):hover{transform:translateY(-10px)}.credit-package.selected{border-color:var(--gold);box-shadow:0 0 0 1px rgba(241,199,103,.16),0 24px 58px rgba(0,0,0,.32)}.credit-package .code{display:inline-flex;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.045);color:#a7b9cb;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.07em}.credit-package h3{font-size:25px;margin:15px 0 8px}.credit-package .credits{display:block;margin-top:38px;color:var(--gold);font-size:34px;font-weight:900;letter-spacing:-.035em}.credit-package .credits small{font-size:10px;color:var(--muted);margin-left:5px;letter-spacing:0}.credit-package .price{position:absolute;left:20px;bottom:20px;font-size:15px;font-weight:850}
.checkout-reveal{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:22px;margin-top:12px;padding:16px 19px;border:1px solid rgba(241,199,103,.19);border-radius:18px;background:linear-gradient(120deg,rgba(17,40,61,.98),rgba(7,20,34,.98));box-shadow:0 18px 45px rgba(0,0,0,.25);animation:reveal .5s cubic-bezier(.22,1,.36,1)}.checkout-reveal span,.checkout-reveal small{display:block;color:var(--muted);font-size:10px}.checkout-reveal strong{font-size:18px}.checkout-price{text-align:right}.checkout-price strong{color:var(--gold);font-size:24px}.checkout-reveal button,.dialog-actions a,.dialog-actions button{border:0;border-radius:13px;padding:13px 18px;background:linear-gradient(135deg,#ffdf82,#dca52f);color:#1b1405;font-weight:900;text-decoration:none;cursor:pointer}.history{display:grid;grid-template-columns:1fr 1fr;gap:34px;margin:18px 4px;padding:20px 4px;border-top:1px solid var(--line)}.history p{color:var(--muted);font-size:11px;line-height:1.65;margin:0}
dialog{width:min(520px,calc(100% - 28px));border:1px solid rgba(241,199,103,.28);border-radius:27px;background:linear-gradient(145deg,#10283f,#071523);color:var(--text);padding:36px;box-shadow:0 40px 120px #000}dialog::backdrop{background:rgba(1,7,13,.75);backdrop-filter:blur(9px)}.dialog-close{position:absolute;right:16px;top:14px;border:0;background:none;color:#bac9d7;font-size:27px}.dialog-orbit{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#61788d,#102131 55%,#030a11);color:var(--gold);font-weight:900;box-shadow:inset -9px -10px 18px #000,0 0 24px rgba(241,199,103,.14)}dialog h2{font-size:27px;margin:20px 0 8px}.dialog-note,dialog p{color:var(--muted);line-height:1.65}.order-code{padding:11px 13px;border-radius:12px;background:rgba(255,255,255,.05);font-family:monospace;font-size:11px;overflow-wrap:anywhere}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.dialog-actions a{background:transparent;color:var(--gold);border:1px solid rgba(241,199,103,.25)}
@keyframes reveal{from{opacity:0;transform:translateY(14px) scale(.98)}}html[data-theme=light] body{--bg:#eef3f8;--text:#17283b;--muted:#667b90;--line:#d5dee8;background:radial-gradient(circle at 50% -15%,#fff 0,transparent 42%),var(--bg)}html[data-theme=light] .credit-package,html[data-theme=light] .checkout-reveal{background:#fff;box-shadow:0 20px 55px rgba(37,61,88,.09)}
@media(max-width:760px){.topup-page{width:min(100% - 20px,560px)}.topup-bar{justify-content:space-between}.brand{position:static;transform:none;padding:3px 8px}.brand span,.theme-text{display:none}.hero{padding:24px 7px 23px}.hero h1{font-size:31px}.package-grid{grid-template-columns:1fr}.credit-package,.credit-package:nth-child(2){min-height:205px;transform:none}.credit-package .credits{margin-top:23px}.checkout-reveal{grid-template-columns:1fr auto}.checkout-reveal button{grid-column:1/3}.history{grid-template-columns:1fr;padding:19px 4px}.credit-package{padding:18px}.credit-package .price{left:18px;bottom:18px}}.checkout-reveal[hidden]{display:none}
.package-grid{perspective:1100px}.credit-package{animation:credit-card-arrive .72s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--card-index)*90ms);transform-origin:50% 100%}.credit-package:nth-child(2){animation-name:credit-card-arrive-featured}.card-aura{position:absolute;z-index:-1;inset:-45%;border-radius:50%;background:radial-gradient(circle,rgba(108,188,237,.16),transparent 58%);opacity:0;transform:translate3d(-22%,-18%,0) scale(.72);transition:opacity .45s ease,transform .7s cubic-bezier(.16,1,.3,1);pointer-events:none}.credit-package:hover .card-aura,.credit-package:focus-visible .card-aura,.credit-package.selected .card-aura{opacity:1;transform:translate3d(15%,12%,0) scale(1)}.credit-package:focus-visible{outline:2px solid rgba(255,220,133,.9);outline-offset:4px}.package-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.selection-mark{display:grid;place-items:center;width:25px;height:25px;border:1px solid rgba(164,190,213,.16);border-radius:50%;color:transparent;background:rgba(255,255,255,.025);font-size:11px;transform:scale(.76);transition:.38s cubic-bezier(.16,1,.3,1)}.credit-package.selected .selection-mark{border-color:rgba(241,199,103,.5);color:#18200d;background:linear-gradient(135deg,#ffe394,#d9a52f);box-shadow:0 0 18px rgba(241,199,103,.22);transform:scale(1)}.credit-package h3{color:#f4f8fd;font-weight:780;letter-spacing:-.025em}.package-rule{display:block;width:34px;height:1px;margin-top:14px;background:linear-gradient(90deg,var(--gold),transparent);opacity:.42;transition:width .5s cubic-bezier(.16,1,.3,1),opacity .4s ease}.credit-package:hover .package-rule,.credit-package.selected .package-rule{width:72px;opacity:.9}.credit-package .credits{display:flex;align-items:baseline;gap:9px}.credit-package .credits strong{color:transparent;background:linear-gradient(180deg,#ffe9a0 0,#f3c45d 48%,#d79a27 100%);-webkit-background-clip:text;background-clip:text;font-size:36px;font-weight:920;letter-spacing:-.045em;line-height:1;font-variant-numeric:tabular-nums;text-shadow:0 8px 25px rgba(223,164,48,.1)}.credit-package .credits small{margin:0;color:#a9bacb;font-size:9px;font-weight:680;letter-spacing:.025em}.credit-package .price{right:20px;display:flex;align-items:center;padding-top:13px;border-top:1px solid rgba(155,183,208,.11);color:#eef3f8;font-size:16px;font-variant-numeric:tabular-nums;text-shadow:0 1px 10px rgba(255,255,255,.08)}.credit-package.selected .price{border-top-color:rgba(241,199,103,.2);color:#fff0bd}.credit-package.selected::before{height:3px;opacity:1;box-shadow:0 0 18px rgba(241,199,103,.25)}
@keyframes credit-card-arrive{from{opacity:0;transform:translate3d(0,22px,0) rotateX(4deg)}to{opacity:1;transform:translate3d(0,0,0) rotateX(0)}}@keyframes credit-card-arrive-featured{from{opacity:0;transform:translate3d(0,22px,0) rotateX(4deg)}to{opacity:1;transform:translate3d(0,-4px,0) rotateX(0)}}
.credit-package{animation-fill-mode:backwards}html[data-theme=light] .credit-package h3{color:#17283b}html[data-theme=light] .credit-package .price{color:#25394d;border-top-color:#d9e1e9}html[data-theme=light] .credit-package .credits small{color:#64788c}@media(max-width:760px){.credit-package,.credit-package:nth-child(2){min-height:270px;animation-name:credit-card-arrive}.credit-package .credits{margin-top:25px}.credit-package .price{right:18px}.credit-package .credits strong{font-size:35px}}@media(prefers-reduced-motion:reduce){.credit-package,.checkout-reveal{transition:none;animation:none}.card-aura,.selection-mark,.package-rule{transition:none}}

/* Premium warm light theme — keeps the dark theme untouched. */
html[data-theme="light"] body{--bg:#f3efe7;--text:#172235;--muted:#68778a;--gold:#b47a12;--line:rgba(93,74,43,.17);background:radial-gradient(circle at 50% -10%,rgba(255,255,255,.98) 0,rgba(255,251,242,.9) 28%,transparent 54%),linear-gradient(rgba(151,119,61,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(151,119,61,.035) 1px,transparent 1px),linear-gradient(180deg,#f8f5ee,#efe9de);background-size:auto,44px 44px,44px 44px,auto}
html[data-theme="light"] .brand{border-color:rgba(180,122,18,.28);background:rgba(255,253,248,.9);color:#27344a;box-shadow:0 9px 25px rgba(75,55,23,.09),inset 0 1px 0 #fff;backdrop-filter:blur(14px)}
html[data-theme="light"] .brand img{filter:drop-shadow(0 4px 8px rgba(180,122,18,.14))}
html[data-theme="light"] .icon-button,html[data-theme="light"] .back{border-color:rgba(80,63,36,.18);background:linear-gradient(180deg,#fffdf8,#f5efe4);color:#29364a;box-shadow:0 7px 18px rgba(70,52,24,.08),inset 0 1px 0 #fff}
html[data-theme="light"] .icon-button:hover,html[data-theme="light"] .back:hover{border-color:rgba(180,122,18,.38);background:#fffaf0;color:#9a6506}
html[data-theme="light"] .hero h1{color:#172235;text-shadow:0 2px 0 rgba(255,255,255,.8)}
html[data-theme="light"] .hero p{color:#69788a}
html[data-theme="light"] .eyebrow,html[data-theme="light"] .section-head span,html[data-theme="light"] .history span{color:#a76f0d}
html[data-theme="light"] .trust span{color:#657487}
html[data-theme="light"] .trust span::before{background:#c68a1a;box-shadow:0 0 0 3px rgba(198,138,26,.1)}
html[data-theme="light"] .section-head h2,html[data-theme="light"] .history h2{color:#1b293c}
html[data-theme="light"] .section-head>strong{color:#946006;border-color:rgba(180,122,18,.25);background:linear-gradient(180deg,#fffaf0,#f7ead0);box-shadow:inset 0 1px 0 #fff}
html[data-theme="light"] .credit-package,html[data-theme="light"] .credit-package:nth-child(2){border-color:rgba(74,91,109,.16);background:radial-gradient(circle at 90% 110%,rgba(196,155,74,.1),transparent 38%),linear-gradient(155deg,#fffefb,#f8f5ef);box-shadow:0 18px 42px rgba(44,54,66,.1),inset 0 1px 0 #fff;color:#172235}
html[data-theme="light"] .credit-package:nth-child(2){border-color:rgba(180,122,18,.34);background:radial-gradient(circle at 88% 110%,rgba(210,161,63,.16),transparent 40%),linear-gradient(155deg,#fffdf7,#f8f0df);box-shadow:0 22px 50px rgba(115,82,25,.13),inset 0 1px 0 #fff}
html[data-theme="light"] .credit-package::before{background:linear-gradient(90deg,transparent,rgba(70,116,148,.36),transparent)}
html[data-theme="light"] .credit-package::after{border-color:rgba(163,121,42,.1);box-shadow:0 0 0 25px rgba(163,121,42,.028),0 0 0 52px rgba(163,121,42,.018)}
html[data-theme="light"] .credit-package:hover{border-color:rgba(180,122,18,.42);box-shadow:0 25px 58px rgba(58,50,35,.15)}
html[data-theme="light"] .credit-package.selected{border-color:#c38a20;box-shadow:0 0 0 1px rgba(195,138,32,.18),0 25px 58px rgba(109,75,17,.16)}
html[data-theme="light"] .credit-package .code{background:#edf1f4;color:#596c80;border:1px solid rgba(76,94,112,.09)}
html[data-theme="light"] .credit-package h3{color:#162438}
html[data-theme="light"] .credit-package .credits strong{background:linear-gradient(180deg,#d6a238,#af710b);-webkit-background-clip:text;background-clip:text;text-shadow:none}
html[data-theme="light"] .credit-package .credits small{color:#637488}
html[data-theme="light"] .credit-package .price{color:#26364a;border-top-color:rgba(65,82,100,.14);text-shadow:none}
html[data-theme="light"] .credit-package.selected .price{color:#8f5b05;border-top-color:rgba(180,122,18,.23)}
html[data-theme="light"] .selection-mark{border-color:rgba(62,81,99,.16);background:rgba(223,229,234,.48)}
html[data-theme="light"] .checkout-reveal{border-color:rgba(180,122,18,.25);background:radial-gradient(circle at 100% 0,rgba(210,166,78,.13),transparent 34%),linear-gradient(120deg,#fffdf8,#f6f0e5);box-shadow:0 18px 42px rgba(65,49,22,.1),inset 0 1px 0 #fff}
html[data-theme="light"] .checkout-reveal span,html[data-theme="light"] .checkout-reveal small{color:#69798b}
html[data-theme="light"] .checkout-price strong{color:#9b6507}
html[data-theme="light"] .checkout-reveal button,html[data-theme="light"] .dialog-actions button{background:linear-gradient(135deg,#f5cf72,#c88b20);color:#241703;box-shadow:0 10px 22px rgba(165,108,11,.2)}
html[data-theme="light"] .history{border-top-color:rgba(84,67,39,.16)}
html[data-theme="light"] .history p{color:#647386}
html[data-theme="light"] dialog{border-color:rgba(180,122,18,.3);background:radial-gradient(circle at 100% 0,rgba(211,167,80,.16),transparent 35%),linear-gradient(145deg,#fffdf8,#f2ecdf);color:#172235;box-shadow:0 40px 100px rgba(53,43,25,.25)}
html[data-theme="light"] dialog::backdrop{background:rgba(44,50,58,.34)}
html[data-theme="light"] .dialog-close{color:#647386}
html[data-theme="light"] .dialog-orbit{background:radial-gradient(circle at 30% 25%,#fff7dc,#d2a346 58%,#8f5d0a);color:#432b03;box-shadow:inset -7px -8px 16px rgba(83,49,0,.22),0 10px 24px rgba(148,98,13,.18)}
html[data-theme="light"] .dialog-note,html[data-theme="light"] dialog p{color:#657487}
html[data-theme="light"] .order-code{background:rgba(66,79,94,.07);color:#314258}

/* Compact checkout review actions */
#paymentDialog .dialog-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding-top:20px;border-top:1px solid var(--line);margin-top:22px}
#paymentDialog .dialog-actions button{min-height:48px;line-height:1.4;white-space:normal}
#paymentDialog #dialogDone{background:transparent;color:var(--muted);border:1px solid var(--line);box-shadow:none;min-width:84px}
#paymentDialog #dialogDone:hover{color:var(--text);background:rgba(128,144,160,.12)}
#paymentDialog .dialog-note:empty{display:none}
#paymentDialog button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:480px){#paymentDialog{padding:26px 22px;border-radius:22px}#paymentDialog .dialog-actions{grid-template-columns:minmax(0,1fr) auto;gap:8px}#paymentDialog .dialog-actions button{padding:12px}#paymentDialog h2{font-size:24px}}

/* Review dialog: dark navy/gold and warm light themes */
#paymentDialog{--review-surface:rgba(255,255,255,.035);--review-border:rgba(202,174,103,.2);width:min(500px,calc(100% - 32px));padding:30px;border-radius:26px;overflow:auto;max-height:calc(100dvh - 32px);background:radial-gradient(ellipse at 0 0,rgba(75,119,151,.2),transparent 55%),linear-gradient(150deg,#102537,#071320);box-shadow:0 32px 100px #0009,0 0 0 1px #ffffff05 inset}
#paymentDialog[open]{animation:review-enter .38s cubic-bezier(.16,1,.3,1) both}
#paymentDialog::backdrop{background:rgba(3,10,18,.72);backdrop-filter:blur(10px);animation:review-backdrop .25s ease-out}
#paymentDialog .dialog-orbit{position:relative;width:48px;height:48px;border-radius:15px;background:linear-gradient(145deg,#f8da87,#ba8426);color:#342508;border:1px solid #ffe4a080;box-shadow:0 8px 28px #dbac3420,inset 0 1px 0 #fff9;font-size:15px;letter-spacing:.05em;overflow:hidden}
#paymentDialog .dialog-orbit:after{content:'';position:absolute;inset:-50%;background:linear-gradient(110deg,transparent 35%,#fff8 50%,transparent 65%);transform:translateX(-100%) rotate(10deg);animation:review-glint 1.3s ease-out .2s both;pointer-events:none}
#paymentDialog .dialog-close{inset-inline-end:18px;right:auto;top:18px;width:34px;height:34px;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:50%;font-size:22px;cursor:pointer;transition:background .2s,color .2s}
#paymentDialog .dialog-close:hover{background:var(--review-surface);color:var(--gold)}
#paymentDialog h2{font-size:25px;line-height:1.4;margin:18px 0 20px;letter-spacing:-.02em}
#dialogSummary{display:grid;grid-template-columns:1fr auto;border:1px solid var(--review-border);border-radius:18px;background:var(--review-surface);overflow:hidden}
.review-package,.review-credits{padding:20px;display:flex;flex-direction:column;gap:5px;justify-content:center}
.review-credits{text-align:end;padding-inline-start:6px}
#paymentDialog .review-label{color:var(--muted);font-size:12px;line-height:1.5;font-weight:500}
.review-package-name{font-size:20px;line-height:1.35}.review-product{font-size:10px;color:var(--muted);letter-spacing:.1em}
.review-credit-count{font-size:30px;color:var(--gold);font-variant-numeric:tabular-nums;line-height:1.2;letter-spacing:-.04em}
.review-total{grid-column:1/-1;border-top:1px solid var(--review-border);background:linear-gradient(100deg,#e9bd5310,transparent);padding:17px 20px;display:grid;grid-template-columns:1fr auto;gap:2px 12px;align-items:center}
.review-amount{font-size:28px;line-height:1.3;letter-spacing:-.035em;font-variant-numeric:tabular-nums}.review-currency{grid-column:2;text-align:end;font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--muted)}
#paymentDialog .order-code{background:none;padding:12px 2px 0;font-family:inherit;font-size:11px;color:var(--muted)}
#paymentDialog .dialog-actions{margin-top:20px;padding-top:0;border-top:0;gap:10px}
#paymentDialog .dialog-actions button{transition:transform .18s,box-shadow .18s,background .18s;min-height:48px;font-size:13px}
#paymentDialog #stripeTopupPay{box-shadow:0 7px 20px #d6a52c20;border:1px solid #ffdf8280;background:linear-gradient(110deg,#ffe294,#e0ac36);color:#302207}
#paymentDialog #stripeTopupPay:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 26px #d6a52c35}
#paymentDialog #stripeTopupPay:active:not(:disabled){transform:translateY(0)}
#paymentDialog #stripeTopupPay:disabled{opacity:.65;cursor:wait}
#paymentDialog .dialog-note{font-size:12px;margin:12px 0 0}
html[data-theme="light"] #paymentDialog{--review-surface:rgba(255,255,255,.72);--review-border:rgba(168,124,42,.2);background:radial-gradient(ellipse at 0 0,#fff3d1,transparent 55%),linear-gradient(145deg,#fffefa,#f4f0e7);border-color:#c1a26a66;box-shadow:0 32px 100px #35270c30,0 0 0 1px #fff inset}
html[data-theme="light"] #paymentDialog::backdrop{background:rgba(38,47,58,.38)}
html[data-theme="light"] #paymentDialog .review-credit-count{color:#986611}
html[data-theme="light"] #paymentDialog #dialogDone{color:#5c6878;border-color:#8f9aa54d}
html[data-theme="light"] #paymentDialog #stripeTopupPay{background:linear-gradient(110deg,#f8d987,#dba32d);color:#302207}
@keyframes review-enter{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes review-backdrop{from{opacity:0}to{opacity:1}}
@keyframes review-glint{to{transform:translateX(100%) rotate(10deg)}}
@media(max-width:480px){#paymentDialog{padding:24px 20px;border-radius:22px}#paymentDialog h2{font-size:22px}.review-package,.review-credits{padding:16px}.review-credits{padding-inline-start:4px}.review-credit-count{font-size:27px}.review-total{padding:15px 16px}.review-amount{font-size:25px}}
@media(prefers-reduced-motion:reduce){#paymentDialog[open],#paymentDialog::backdrop,#paymentDialog .dialog-orbit:after{animation:none}#paymentDialog .dialog-actions button{transition:none}#paymentDialog #stripeTopupPay:hover:not(:disabled){transform:none}}

#paymentDialog .dialog-close{left:auto;right:18px;z-index:2}html[dir=rtl] #paymentDialog .dialog-close{right:auto;left:18px}