:root{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Segoe UI",Roboto,sans-serif;color-scheme:light;--base:#f2f2f7;--tile:#fff;--surface:#fff;--surface-2:#ebebf0;--ink:#0b0b0c;--dim:#6c6c70;--faint:#a1a1a6;--cta:#111113;--cta-ink:#fff;--separator:#e5e5ea;--nav:#ffffffd1;--nav-pill:#0000000f;--border:#00000014;--warning:#c77c00;--danger:#e5383b;--link:#2f6fdb;--shadow:0 8px 28px #0000001f;--scrim:#00000047;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}
fieldset{border:0;margin:0;min-width:0}legend{font-weight:600;font-size:15px;padding:0 5px}.success-art svg{width:52px;height:52px}.stock-input{font:13px/1.6 ui-monospace,Consolas,monospace!important}html[data-motion=false] *,html[data-motion=false] *:before,html[data-motion=false] *:after{animation:none!important;transition:none!important}#app>.page{animation:pageFade .2s both}@keyframes pageFade{from{opacity:0}to{opacity:1}}
:root[data-theme=dark]{color-scheme:dark;--base:#000;--tile:#151517;--surface:#232327;--surface-2:#2c2c31;--ink:#f3f3f3;--dim:#9a9a9a;--faint:#616161;--cta:#f3f3f3;--cta-ink:#111;--separator:#303036;--nav:#18181bd1;--nav-pill:#ffffff12;--border:#ffffff12;--warning:#f5a623;--danger:#ff4d4f;--link:#8ab4f8;--shadow:0 10px 34px #00000073;--scrim:#0000008c}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--base);color:var(--ink);overscroll-behavior:none}body{font-size:15px;line-height:1.45;-webkit-tap-highlight-color:transparent;font-variant-numeric:tabular-nums}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{color:inherit;border:0;cursor:pointer;background:none}button:disabled{cursor:default;opacity:.42}button:focus-visible,a:focus-visible{outline:3px solid var(--link);outline-offset:3px}button:active:not(:disabled){transform:scale(.97)}a{color:var(--link);text-decoration:none}img{max-width:100%}h1,h2,h3,p{margin:0}button svg,.icon{width:24px;height:24px;flex-shrink:0;vertical-align:middle}button{transition:transform .15s}#app{max-width:480px;margin:auto;min-height:100svh;padding:calc(var(--safe-top) + 12px) 16px calc(var(--safe-bottom) + 104px)}#app.deep{padding:calc(var(--safe-top) + 12px) 20px calc(var(--safe-bottom) + 110px)}.page{animation:enter .25s both}.muted{color:var(--dim)}.small{font-size:12.5px}.strong{font-weight:600}.row{display:flex;align-items:center;gap:10px}.between{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:10px}.grow{flex:1;min-width:0}.center{text-align:center}.gap-top{margin-top:20px}.demo-label{font-size:11px;text-align:center;color:var(--dim);margin:-4px 0 8px}.hero{height:196px;border-radius:28px;padding:18px 20px;position:relative;overflow:hidden;color:#fff;display:flex;flex-direction:column;justify-content:space-between;background:#171719 url('/assets/balance-background.webp') center/cover;box-shadow:0 10px 30px #00000014}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#00000025,#0000000d 40%,#0000009c);pointer-events:none}.hero>*{position:relative}.hero-title{font-size:14px;font-weight:650;letter-spacing:-.25px}.round{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--surface)}.hero .round{background:#ffffff15;border:1px solid #ffffff13;color:white}.round.tiny{width:27px;height:27px}.round.tiny svg{width:17px;height:17px}.avatar{background:linear-gradient(145deg,#aaa8b2,#53535f);color:white;font-weight:650;display:grid;place-items:center;border-radius:50%;width:36px;height:36px;overflow:hidden}.avatar.large{width:96px;height:96px;font-size:34px;margin:auto}.hero .balance-label{font-size:12px;letter-spacing:.4px;font-weight:650;color:#ffffffa3;margin-bottom:1px}.balance-value{font-size:40px;line-height:1.1;font-weight:700;letter-spacing:-1.3px}.balance-value .currency{font-size:24px;color:#ffffff9c;margin-left:4px;letter-spacing:0}.balance-row{gap:8px;align-items:center}.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.product-card{position:relative;display:grid;grid-template-rows:58px 36px auto;gap:10px;min-width:0;text-align:left;padding:12px;border-radius:22px;background:var(--tile);overflow:hidden}.product-card:last-child:nth-child(odd){grid-column:1/-1;grid-template-columns:58px minmax(0,1fr);grid-template-rows:36px auto;align-items:center;column-gap:13px}.product-card:last-child:nth-child(odd) .card-top{grid-row:1/3}.product-card:last-child:nth-child(odd) .card-name{height:auto;align-self:end}.product-card:last-child:nth-child(odd) .card-bottom{align-self:start}.card-top{display:flex;align-items:flex-start;justify-content:space-between}.brand-icon{display:inline-flex;width:48px;height:48px;align-items:center;justify-content:center;flex-shrink:0}.brand-icon img{width:38px;height:38px;object-fit:contain}.brand-icon.large{width:80px;height:80px}.brand-icon.large img{width:65px;height:65px}:root[data-theme=dark] .brand-icon:not(.gemini) img{filter:invert(1)}.badge{font-size:11px;font-weight:650;background:var(--surface-2);padding:2px 10px;border-radius:20px;position:absolute;right:12px;top:12px}.card-name{font-weight:500;font-size:14.5px;line-height:18px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:36px}.card-price{font-size:19px;font-weight:600;line-height:24px;letter-spacing:-.3px}.card-price .currency{font-size:13px;font-weight:400;color:var(--dim);letter-spacing:0}.stock{font-size:11px;color:var(--faint);white-space:nowrap}.stock.low{color:var(--warning)}.stock-bar{height:3px;background:var(--surface-2);border-radius:3px;margin-top:5px;overflow:hidden}.stock-bar i{height:100%;display:block;background:#aaa}.stock-bar.low i{background:var(--warning)}.price-unset{font-size:13px;color:var(--dim)}.nav-wrap{position:fixed;z-index:20;bottom:0;left:0;right:0;padding:8px 20px calc(var(--safe-bottom) + 12px);pointer-events:none}.nav-inner{max-width:384px;display:flex;gap:8px;margin:auto;transform-origin:center bottom;transition:transform .38s;pointer-events:auto}.nav-inner.compact{transform:scale(.84)}.nav-pill{display:flex;flex:1;background:var(--nav);padding:4px;border-radius:40px;box-shadow:var(--shadow);backdrop-filter:blur(24px) saturate(150%);border:1px solid var(--border)}.nav-tab{height:56px;flex:1;display:grid;place-items:center;border-radius:30px;color:#3a3a3c}.nav-tab.active{background:var(--nav-pill);color:#636366}.nav-profile{height:64px;width:64px;display:grid;place-items:center;border-radius:50%;background:var(--nav);box-shadow:var(--shadow);backdrop-filter:blur(24px)}.nav-profile.active{background:var(--surface-2)}.nav-tab svg,.nav-profile svg{width:27px;height:27px}:root[data-theme=dark] .nav-tab{color:#d2d2d2}:root[data-theme=dark] .nav-tab.active{color:#898989}.page-head{height:44px;display:flex;align-items:center;gap:10px;margin:0 -4px 12px}.page-head h1{font-size:16px;font-weight:650;flex:1;text-align:center;padding-right:40px}.back-button{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.section-title{font-size:34px;letter-spacing:-1.2px;line-height:1.2;font-weight:750;margin:14px 0}.product-banner{border-radius:22px;aspect-ratio:440/208;background:#050505;color:#fff;display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:20px;overflow:hidden}.product-banner .brand-icon img{filter:invert(1)}.product-banner.gemini .brand-icon img{filter:none}.product-banner strong{font-size:35px;font-weight:500;letter-spacing:-1.5px}.product-banner.gemini strong{background:linear-gradient(90deg,#4796e5,#9b65bf,#c6717c);color:transparent;background-clip:text}.product-heading{font-size:21px;line-height:1.3;letter-spacing:-.4px;margin-bottom:12px}.product-heading .brand-icon{width:26px;height:26px}.product-heading img{width:24px;height:24px}.detail-price{font-size:24px;font-weight:600;letter-spacing:-.5px}.stock-chip,.status-chip{padding:4px 9px;border-radius:20px;background:var(--surface-2);font-size:12px;color:var(--dim)}.status-chip.pending{color:var(--warning)}.description{margin-top:22px;display:flex;flex-direction:column;gap:8px}.description p{background:var(--surface-2);padding:11px 14px;border-radius:12px;font-size:14px;line-height:1.65;border-left:3px solid var(--faint);white-space:pre-wrap;overflow-wrap:anywhere}.variant-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.chip{border-radius:15px;background:var(--surface-2);padding:9px 12px;font-size:13px}.chip.selected{background:var(--cta);color:var(--cta-ink)}.delivery-note{font-size:12px;color:var(--dim);margin-top:9px}.action-bar{position:fixed;z-index:25;bottom:0;left:0;right:0;padding:20px 16px calc(var(--safe-bottom) + 12px);background:linear-gradient(0deg,var(--base) 55%,transparent)}.action-inner{display:flex;gap:8px;max-width:448px;margin:auto}.primary{height:54px;padding:0 20px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:22px;background:var(--cta);color:var(--cta-ink);font-size:15.5px;font-weight:650;flex:1;min-width:0}.secondary{height:52px;padding:0 18px;border-radius:20px;background:var(--surface);font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px}.square-action{width:54px;height:54px;border-radius:22px;display:grid;place-items:center;background:var(--surface);box-shadow:0 2px 6px #0000000a;flex-shrink:0}.stepper{display:flex;height:54px;align-items:center;border-radius:22px;background:var(--surface);box-shadow:0 2px 6px #0000000a}.stepper button{width:36px;height:100%;font-size:24px;color:var(--dim)}.stepper span{min-width:26px;text-align:center;font-size:16px}.sheet-backdrop{position:fixed;inset:0;z-index:60;background:var(--scrim);backdrop-filter:blur(8px);display:flex;align-items:flex-end;justify-content:center}.sheet{position:relative;width:100%;max-width:480px;padding:10px 16px calc(var(--safe-bottom) + 16px);border-radius:28px 28px 0 0;background:var(--base);max-height:90svh;overflow:auto;animation:sheet .3s both}.sheet-handle{height:5px;width:40px;border-radius:5px;background:var(--faint);opacity:.45;margin:0 auto 18px}.sheet h2{font-size:18px;font-weight:650;margin-bottom:6px}.sheet .subtitle{font-size:13.5px;color:var(--dim);margin-bottom:18px}.sheet-close{position:absolute;right:10px;top:10px;width:32px;height:32px;border-radius:50%;background:var(--surface-2);display:grid;place-items:center}.sheet-close svg{width:18px;height:18px}.method{width:100%;display:flex;align-items:center;text-align:left;gap:12px;padding:10px 13px;background:var(--tile);border-radius:20px;min-height:70px;margin-top:8px}.method .method-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:15px;background:var(--surface-2);flex-shrink:0}.method strong{display:block;font-size:15px;font-weight:600}.method small{font-size:12.5px;line-height:16px;color:var(--dim);display:block;margin-top:3px}.method>.icon{width:18px;color:var(--faint)}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat-box{padding:16px;border-radius:22px;background:var(--tile);min-height:82px;overflow:hidden}.stat-box small{display:block;color:var(--dim);font-size:12px;margin-bottom:6px}.stat-box strong{font-size:23px;font-weight:650;letter-spacing:-.5px}.stat-box .small-number{font-size:16px;letter-spacing:0}.profile-head{padding:18px 0 24px;text-align:center}.profile-head h1{font-size:28px;font-weight:700;letter-spacing:-.8px;margin:12px 0 2px}.balance-pill{display:inline-block;background:var(--tile);padding:7px 14px;border-radius:20px;font-weight:600;margin-top:15px}.profile-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.profile-actions button{background:var(--tile);border-radius:22px;padding:18px 10px;display:flex;flex-direction:column;align-items:center;gap:8px;font-weight:600}.list-row{display:flex;align-items:center;gap:12px;width:100%;padding:15px;background:var(--tile);border-radius:20px;text-align:left}.list-row small{display:block;color:var(--dim);font-size:12px;margin-top:3px}.list-row strong{font-size:14px;font-weight:600}.list-row>.icon:last-child{width:17px;color:var(--faint)}.empty{padding:45px 12px 25px;text-align:center}.empty .empty-art{width:88px;height:88px;display:grid;place-items:center;background:var(--surface-2);border-radius:28px;margin:0 auto 20px}.empty-art svg{width:43px;height:43px;color:var(--dim)}.empty h2{font-size:21px;letter-spacing:-.4px;margin-bottom:8px}.empty p{font-size:14px;color:var(--dim);max-width:300px;margin:0 auto 22px}.order-card{padding:15px;border-radius:22px;background:var(--tile);text-align:left;width:100%}.order-card .brand-icon{width:42px;height:42px}.order-card strong{font-size:14px;line-height:1.3;display:block}.order-card .order-meta{font-size:12px;color:var(--dim);margin-top:5px}.order-card .status-chip{display:inline-block;margin-top:10px}.month-heading{font-size:14px;color:var(--dim);margin:22px 0 10px}.order-summary{padding:17px;background:var(--tile);border-radius:22px}.order-summary h2{font-size:20px;letter-spacing:-.3px;margin-bottom:5px}.metadata{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}.metadata small{display:block;color:var(--dim);font-size:12px}.metadata strong{display:block;font-size:13px;margin-top:5px;overflow-wrap:anywhere}.content-box{border-radius:20px;background:var(--tile);padding:16px;margin-top:10px}.content-box pre{font:13px/1.7 ui-monospace,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 14px;user-select:text}.content-box .secondary{width:100%;height:44px;background:var(--surface-2);font-size:13px}.notice{font-size:13px;color:var(--dim);background:var(--surface-2);padding:14px 15px;border-radius:16px;line-height:1.6}.topup-art{width:106px;height:106px;border-radius:32px;background:var(--tile);display:grid;place-items:center;margin:23px auto}.topup-art svg{width:54px;height:54px}.amount-wrap{display:flex;justify-content:center;align-items:baseline;gap:6px;margin-top:18px}.amount-input{width:220px;max-width:70%;border:0;background:none;text-align:right;font-size:48px;font-weight:650;letter-spacing:-2px;color:var(--ink);padding:0;outline:none}.amount-wrap>span{font-size:32px;color:var(--dim)}.presets{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:22px 0}.presets button{font-size:14px;padding:10px 2px;border-radius:15px;background:var(--tile)}.payment-amount{font-size:38px;font-weight:700;letter-spacing:-1px;margin:14px 0}.invoice-state{font-size:13px;color:var(--dim);margin:18px 0}.success-art{font-size:56px;width:112px;height:112px;display:grid;place-items:center;margin:35px auto 20px;background:var(--tile);border-radius:36px}.success-title{font-size:25px;letter-spacing:-.7px;margin-bottom:9px}.about-head{text-align:center;padding:35px 0 22px}.about-logo{width:96px;height:96px;margin:auto;display:grid;place-items:center;border-radius:50%;background:var(--tile)}.about-logo svg{width:48px;height:48px}.about-head h1{font-size:28px;margin:15px 0 5px;letter-spacing:-.7px}.form{display:flex;flex-direction:column;gap:14px}.form label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--dim)}.form input,.form select,.form textarea{background:var(--tile);color:var(--ink);border:1px solid var(--border);border-radius:14px;padding:12px;min-width:0;width:100%;outline:none}.form textarea{min-height:110px;resize:vertical;line-height:1.5}.form input:focus,.form textarea:focus,.form select:focus{border-color:var(--dim)}.form .checkbox{flex-direction:row;align-items:center;color:var(--ink)}.checkbox input{width:18px;height:18px;accent-color:var(--ink)}.variant-editor{padding:16px;border-radius:22px;background:var(--surface-2)}.variant-editor input,.variant-editor select{background:var(--tile)}.variant-editor h3{font-size:15px;margin-bottom:13px}.admin-tabs{display:flex;gap:7px;margin:18px 0}.admin-tabs button{flex:1;background:var(--tile);padding:10px;border-radius:15px;font-size:13px}.admin-tabs button.selected{background:var(--cta);color:var(--cta-ink)}.danger{color:var(--danger)}.full{width:100%}.loading{min-height:60svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--dim)}.spinner{width:25px;height:25px;border:2px solid var(--separator);border-top-color:var(--ink);border-radius:50%;animation:spin .7s linear infinite}.error-screen{padding:70px 15px;text-align:center}.error-screen h1{font-size:24px;letter-spacing:-.7px;margin-bottom:9px}.error-screen p{font-size:14px;color:var(--dim);margin-bottom:24px}.loading-inline{display:flex;justify-content:center;padding:30px}#toast{position:fixed;z-index:100;top:calc(var(--safe-top) + 14px);left:50%;transform:translate(-50%,-110px);transition:transform .22s;max-width:min(430px,calc(100% - 28px));width:max-content;background:var(--nav);backdrop-filter:blur(24px);box-shadow:var(--shadow);padding:13px 18px;border-radius:20px;font-size:13px;text-align:center;pointer-events:none}#toast.visible{transform:translate(-50%,0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes sheet{from{transform:translateY(35px);opacity:0}to{transform:none;opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(max-width:360px){#app{padding-left:12px;padding-right:12px}.card-name{font-size:13px}.product-banner strong{font-size:28px}.product-banner{gap:8px}.product-banner .brand-icon{width:60px;height:60px}.product-banner img{width:48px;height:48px}.hero{padding:16px}.primary{font-size:14px;padding:0 10px}}@media(min-width:700px){body{background:var(--surface-2)}#app{background:var(--base);box-shadow:0 0 70px #0000000b}.action-bar{max-width:480px;margin:auto}.sheet-backdrop{backdrop-filter:blur(5px)}.sheet{max-width:480px}}