:root{--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--r-xs: 14px;--r-sm: 18px;--r-md: 24px;--r-lg: 32px;--r-xl: 40px;--r-pill: 30px;--r-full: 999px;--ease: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.42, .5, 1);--ease-press: cubic-bezier(.32, 0, .24, 1);--dur-press: .11s;--dur-fast: .16s;--dur-base: .26s;--dur-slow: .42s;--dur-release: .46s;--z-backdrop: -1;--z-tabbar: 100;--z-sheet: 200;--z-toast: 300;--font-display: "Nunito", "SF Pro Rounded", system-ui, sans-serif;--font-text: "Nunito Sans", "Nunito", system-ui, sans-serif;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--tabbar-h: 66px}:root,:root[data-scheme=dark]{--bg: #251b19;--bg-deep: #1d1414;--fg: #f2e9e6;--fg-muted: #ab9f9d;--fg-faint: #837774;--surface: #322723;--surface-2: #3c302c;--surface-3: #483b37;--sunken: #2a2020;--glass: var(--surface);--glass-raised: var(--surface-2);--glass-sunken: var(--sunken);--glass-border: rgba(255, 240, 232, .06);--glass-border-strong: rgba(255, 240, 232, .12);--glass-highlight: rgba(255, 240, 232, .05);--glass-lowlight: rgba(0, 0, 0, .28);--glass-press: rgba(255, 240, 232, .05);--glass-sheen: rgba(255, 240, 232, .04);--rim-top: rgba(255, 240, 232, .06);--rim-side: rgba(255, 240, 232, .03);--rim-bottom: rgba(0, 0, 0, .14);--shadow-sm: 0 3px 14px -5px rgba(20, 8, 4, .5);--shadow-md: 0 18px 38px -18px rgba(20, 8, 4, .7);--shadow-lg: 0 30px 68px -24px rgba(20, 8, 4, .75);--overlay: rgba(16, 8, 5, .78);--skeleton: rgba(255, 240, 232, .06);--backdrop-strength: .16}:root[data-scheme=light]{--bg: #f9f1ee;--bg-deep: #f1e4e0;--fg: #3d322f;--fg-muted: #7b6f6d;--fg-faint: #a89c9a;--surface: #fff7f5;--surface-2: #f8efec;--surface-3: #ece1de;--sunken: #f5ebe9;--glass: var(--surface);--glass-raised: var(--surface-2);--glass-sunken: var(--sunken);--glass-border: rgba(120, 72, 48, .09);--glass-border-strong: rgba(120, 72, 48, .16);--glass-highlight: rgba(255, 255, 255, .9);--glass-lowlight: rgba(120, 72, 48, .05);--glass-press: rgba(120, 72, 48, .05);--glass-sheen: rgba(255, 255, 255, .6);--rim-top: rgba(255, 255, 255, .9);--rim-side: rgba(255, 255, 255, .5);--rim-bottom: rgba(120, 72, 48, .04);--shadow-sm: 0 3px 12px -5px rgba(180, 110, 70, .18);--shadow-md: 0 18px 38px -18px rgba(180, 110, 70, .22);--shadow-lg: 0 30px 66px -24px rgba(180, 110, 70, .26);--overlay: rgba(90, 55, 35, .4);--skeleton: rgba(120, 72, 48, .07);--backdrop-strength: .14}:root{--accent: #ff8a75;--accent-text: #ff9d8a;--accent-hover: #ff9986;--accent-soft: rgba(255, 138, 117, .18);--accent-line: rgba(255, 138, 117, .34);--accent-contrast: #3a1c14;--accent-tint: rgba(255, 138, 117, .26);--accent-tint-strong: rgba(255, 138, 117, .44);--accent-glow: rgba(255, 138, 117, .45);--accent-lift: #ffb3a2;--accent-deep: #d95f47}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{background-color:var(--bg);color:var(--fg);font-family:var(--font-text);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior-y:none}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;letter-spacing:-.015em;line-height:1.2}button,input,textarea,select{font:inherit;color:inherit;background:none;border:none}button{cursor:pointer}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img{max-width:100%;display:block}::selection{background:var(--accent-soft)}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-backdrop);overflow:hidden;pointer-events:none;background:radial-gradient(135% 90% at 50% -8%,var(--accent-soft) 0%,transparent 46%),linear-gradient(180deg,var(--bg) 0%,var(--bg-deep) 100%)}.glass{background-color:var(--surface);border:1px solid var(--glass-border);box-shadow:var(--shadow-md),inset 0 1px 0 var(--rim-top)}.glass--raised{background-color:var(--surface-2)}.glass--sunken{background-color:var(--sunken);box-shadow:none}.glow{box-shadow:var(--shadow-md),0 0 24px -6px var(--accent-glow),inset 0 1px 0 var(--rim-top)}.icon{display:inline-block;flex:none;background-color:currentColor;-webkit-mask:var(--icon-url) center / var(--icon-size, contain) no-repeat;mask:var(--icon-url) center / var(--icon-size, contain) no-repeat}.stack{display:flex;flex-direction:column}.row{display:flex;align-items:center}.spacer{flex:1}.text-muted{color:var(--fg-muted)}.btn:active:not(:disabled),.tile:active,.qty__btn:active:not(:disabled),.field__submit:active:not(:disabled),.apphead__plus:active,.topbar__back:active,.tabbar__tab:active,.profile__topup:active,.picker__close:active,.accent-preset:active,.amount-chip:active,.pay-method:not([data-off=true]):active,.history-item--action:active{transition-duration:var(--dur-press);transition-timing-function:var(--ease-press)}@keyframes reveal-lift{0%{opacity:0;filter:blur(12px);transform:translate3d(0,18px,0) scale(.985)}55%{opacity:1}70%{filter:blur(0)}to{opacity:1;filter:blur(0);transform:none}}@keyframes reveal-soft{0%{opacity:0;filter:blur(10px);transform:translate3d(0,10px,0)}55%{opacity:1}70%{filter:blur(0)}to{opacity:1;filter:blur(0);transform:none}}.reveal-scope>*{animation:reveal-lift .64s var(--ease-out) backwards}.reveal-scope .glass{animation:reveal-lift .64s var(--ease-out) backwards;animation-delay:inherit}.reveal-scope .glass>*{animation:reveal-soft .6s var(--ease-out) backwards;animation-delay:inherit}.reveal-scope>*:nth-child(1){animation-delay:0ms}.reveal-scope>*:nth-child(2){animation-delay:45ms}.reveal-scope>*:nth-child(3){animation-delay:90ms}.reveal-scope>*:nth-child(4){animation-delay:.13s}.reveal-scope>*:nth-child(5){animation-delay:165ms}.reveal-scope>*:nth-child(6){animation-delay:195ms}.reveal-scope>*:nth-child(7){animation-delay:.22s}.reveal-scope>*:nth-child(n+8){animation-delay:.24s}.reveal-scope .tile-grid,.reveal-scope .prize-list,.reveal-scope .history{animation:none}.reveal-scope .rise{animation:reveal-lift .64s var(--ease-out) backwards;animation-delay:calc(.11s + min(var(--i, 0),8)*46ms)}.reveal-scope .rise-text{animation:reveal-soft .6s var(--ease-out) backwards;animation-delay:calc(.11s + min(var(--i, 0),8)*46ms)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.app{min-height:100dvh}.screen{padding:0 var(--sp-4);padding-top:calc(var(--safe-top) + var(--sp-4));padding-bottom:calc(var(--tabbar-h) + var(--safe-bottom) + var(--sp-10));max-width:560px;margin:0 auto}.screen--buybar{padding-bottom:calc(92px + var(--safe-bottom) + var(--sp-6))}.apphead{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-5)}.apphead__titles{flex:1;min-width:0;display:flex;flex-direction:column}.apphead__hi{display:block;font-size:13px;font-weight:600;color:var(--fg-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.apphead__brand{min-width:0;font-size:21px;font-weight:800;letter-spacing:-.02em}.apphead__balance{display:flex;align-items:center;gap:var(--sp-2);height:40px;padding:0 var(--sp-1) 0 var(--sp-4);border-radius:var(--r-full)}.apphead__value{font-family:var(--font-display);font-size:15px;font-weight:600;letter-spacing:-.01em;white-space:nowrap}.apphead__plus{width:32px;height:32px;flex:none;border-radius:var(--r-full);display:grid;place-items:center;background-color:var(--accent);color:var(--accent-contrast);box-shadow:0 8px 18px -8px var(--accent-glow);transition:transform var(--dur-release) var(--ease-spring),box-shadow var(--dur-base) var(--ease)}.apphead__plus:active{transform:scale(.82) rotate(90deg)}.topbar{display:flex;align-items:center;gap:var(--sp-3);min-height:44px;margin-bottom:var(--sp-5)}.topbar__back{width:38px;height:38px;flex:none;border-radius:var(--r-full);display:grid;place-items:center;color:var(--fg);transition:transform var(--dur-fast) var(--ease),background-color var(--dur-fast) var(--ease)}.topbar__back:active{transform:scale(.9);background:var(--glass-press)}.topbar__titles{min-width:0}.topbar__title{display:block;font-size:22px;font-weight:600;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar__subtitle{display:block;font-size:13px;color:var(--fg-muted);margin-top:2px}.section-title{font-size:24px;font-weight:700;letter-spacing:-.025em;margin:var(--sp-6) 0 var(--sp-4)}.section-title:first-child{margin-top:0}.section-title--sm{font-size:17px;font-weight:600;letter-spacing:-.015em;margin:var(--sp-6) 0 var(--sp-3)}.section-label{display:block;font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-faint);margin:var(--sp-6) 0 var(--sp-2);padding-left:var(--sp-3)}.tabbar{position:fixed;left:0;right:0;bottom:calc(var(--safe-bottom) + var(--sp-3));z-index:var(--z-tabbar);display:flex;justify-content:center;padding:0 var(--sp-4);pointer-events:none;animation:tabbar-in var(--dur-slow) var(--ease-spring) backwards;animation-delay:.12s}@keyframes tabbar-in{0%{transform:translate3d(0,130%,0)}to{transform:none}}.tabbar__bar{display:flex;align-items:center;gap:var(--sp-1);width:100%;max-width:400px;padding:var(--sp-2);border-radius:var(--r-pill);pointer-events:auto}.tabbar__tab{flex:0 1 auto;display:flex;align-items:center;justify-content:center;gap:var(--sp-2);height:48px;padding:0 var(--sp-3);border-radius:var(--r-pill);color:var(--fg-muted);overflow:hidden;transition:flex-grow var(--dur-slow) var(--ease-spring),background-color var(--dur-base) var(--ease),color var(--dur-base) var(--ease)}.tabbar__tab:active{transform:scale(.94)}.tabbar__tab[data-active=true]{flex-grow:1;color:var(--fg);background-color:var(--accent-soft)}.tabbar__glyph{position:relative;display:grid;place-items:center;flex:none}.tabbar__tab[data-active=true] .tabbar__glyph .icon{color:var(--accent-text);animation:tab-pop .56s var(--ease-spring)}.tabbar__dot{position:absolute;top:-1px;right:-2px;width:8px;height:8px;border-radius:var(--r-full);background:var(--accent-text);box-shadow:0 0 0 2px var(--glass-raised)}.tabbar__label{display:grid;grid-template-columns:0fr;overflow:hidden;font-size:13px;font-weight:600;letter-spacing:-.01em;white-space:nowrap;transition:grid-template-columns var(--dur-slow) var(--ease-spring)}.tabbar__label>span{min-width:0;overflow:hidden;padding-left:var(--sp-1)}.tabbar__tab[data-active=true] .tabbar__label{grid-template-columns:1fr}@keyframes tab-pop{0%{transform:scale(.68)}48%{transform:scale(1.2)}72%{transform:scale(.97)}to{transform:scale(1)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);height:50px;padding:0 var(--sp-5);border-radius:var(--r-pill);font-family:var(--font-display);font-size:15px;font-weight:700;letter-spacing:-.01em;transition:transform var(--dur-release) var(--ease-spring),background-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),opacity var(--dur-fast) var(--ease)}.btn:active:not(:disabled){transform:scale(.955)}.btn:disabled{opacity:.4;cursor:default}.btn--primary{background-color:var(--accent);color:var(--accent-contrast);box-shadow:0 14px 30px -12px var(--accent-glow)}.btn--primary:not(:disabled):hover{background-color:var(--accent-hover)}.btn--secondary{background:var(--surface-2);border:1px solid var(--glass-border);color:var(--fg);box-shadow:var(--shadow-sm),inset 0 1px 0 var(--rim-top)}.btn--secondary:not(:disabled):hover{background:var(--glass-raised)}.btn--ghost{background:transparent;color:var(--fg-muted);height:38px;padding:0 var(--sp-3)}.btn--block{width:100%}.btn--lg{height:54px;font-size:16px;border-radius:var(--r-pill)}.card{border-radius:var(--r-lg);padding:var(--sp-4)}.panel{border-radius:var(--r-lg);overflow:hidden}.panel>*+*{box-shadow:inset 0 1px 0 var(--glass-border)}.list-row{display:flex;align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-4);text-align:left;transition:background-color var(--dur-fast) var(--ease)}.list-row:active{background-color:var(--glass-press)}.list-row:active .list-row__icon{transform:scale(.88);transition-duration:var(--dur-press);transition-timing-function:var(--ease-press)}@media (hover: hover) and (pointer: fine){.list-row:hover{background-color:var(--glass-press)}}.list-row__icon{width:42px;height:42px;flex:none;display:grid;place-items:center;border-radius:var(--r-sm);background-color:var(--accent-soft);color:var(--accent-text);transition:transform var(--dur-release) var(--ease-spring)}.list-row__body{flex:1;min-width:0;display:flex;flex-direction:column}.list-row__title{display:block;font-size:15px;font-weight:500;letter-spacing:-.01em}.list-row__subtitle{display:block;font-size:13px;color:var(--fg-muted);margin-top:3px}.list-row__value{font-family:var(--font-display);font-size:15px;font-weight:600;letter-spacing:-.01em;white-space:nowrap}.list-row__chevron{color:var(--fg-faint);transition:transform var(--dur-base) var(--ease)}.list-row:active .list-row__chevron{transform:translate(2px)}.list-row__chevron.is-open{transform:rotate(90deg)}.badge{display:inline-flex;align-items:center;gap:var(--sp-1);height:24px;padding:0 var(--sp-3);border-radius:var(--r-full);font-size:11px;font-weight:500;letter-spacing:-.005em;white-space:nowrap}.badge--count{background:var(--accent);color:var(--accent-contrast);min-width:24px;padding:0 var(--sp-2);justify-content:center}.badge--stock{background:var(--glass-sunken);color:var(--fg-muted)}.badge--in{background:var(--accent-soft);color:var(--accent-text)}.badge--out{background:var(--glass-sunken);color:var(--fg-faint)}.badge__dot{width:5px;height:5px;border-radius:var(--r-full);background:currentColor}.field{display:flex;align-items:center;gap:var(--sp-2);height:56px;padding:0 var(--sp-2) 0 var(--sp-4);border-radius:var(--r-pill);transition:border-color var(--dur-base) var(--ease),box-shadow var(--dur-base) var(--ease)}.field:focus-within{border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-soft),inset 0 1px 0 var(--glass-highlight)}.field input{flex:1;min-width:0;outline:none;font-size:16px;letter-spacing:.02em}.field input::placeholder{color:var(--fg-faint);letter-spacing:0;text-transform:none;font-size:15px}.field__submit{flex:none;height:42px;padding:0 var(--sp-4);font-family:var(--font-display);border-radius:var(--r-full);background-color:var(--accent);color:var(--accent-contrast);font-size:14px;font-weight:600;transition:transform var(--dur-release) var(--ease-spring),opacity var(--dur-fast) var(--ease)}.field__submit:active:not(:disabled){transform:scale(.92)}.field__submit:disabled{opacity:.35;cursor:default}.field-hint{display:block;font-size:13px;color:var(--fg-muted);margin-top:var(--sp-2);padding-left:var(--sp-3);min-height:19px;animation:hint-in var(--dur-base) var(--ease-out)}.field-hint[data-tone=ok]{color:var(--accent-text)}@keyframes hint-in{0%{opacity:0;transform:translate3d(0,-4px,0)}to{opacity:1;transform:none}}.shake{animation:shake var(--dur-slow) var(--ease)}@keyframes shake{0%,to{transform:translateZ(0)}20%{transform:translate3d(-6px,0,0)}40%{transform:translate3d(5px,0,0)}60%{transform:translate3d(-3px,0,0)}80%{transform:translate3d(2px,0,0)}}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--sp-2);padding:var(--sp-12) var(--sp-6)}.empty__icon{width:56px;height:56px;display:grid;place-items:center;border-radius:var(--r-md);background:var(--glass-sunken);color:var(--fg-faint);margin-bottom:var(--sp-2)}.empty__title{font-family:var(--font-display);font-size:17px;font-weight:600}.empty__text{font-size:14px;color:var(--fg-muted);max-width:260px}.skeleton{background:var(--skeleton);border-radius:var(--r-sm);animation:skeleton-pulse 1.4s var(--ease) infinite}.skeleton--line{display:block;height:12px;border-radius:var(--r-full);margin-top:var(--sp-3)}.skeleton--short{width:55%;margin-top:var(--sp-2)}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.toast{position:fixed;left:50%;bottom:calc(var(--tabbar-h) + var(--safe-bottom) + var(--sp-8));z-index:var(--z-toast);display:flex;align-items:center;gap:var(--sp-2);max-width:calc(100% - var(--sp-8));padding:var(--sp-3) var(--sp-5);border-radius:var(--r-full);font-size:14px;transform:translate(-50%);animation:toast-in .52s var(--ease-spring)}.toast .icon{color:var(--accent-text)}@keyframes toast-in{0%{transform:translate(-50%) translate3d(0,26px,0) scale(.85)}to{transform:translate(-50%) translateZ(0) scale(1)}}.tile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3)}@media (max-width: 340px){.tile-grid{grid-template-columns:minmax(0,1fr)}}.tile{display:flex;flex-direction:column;text-align:left;padding:var(--sp-2);border-radius:var(--r-lg);transition:transform var(--dur-release) var(--ease-spring),border-color var(--dur-base) var(--ease),box-shadow var(--dur-base) var(--ease)}.tile:active{transform:scale(.945)}@media (hover: hover) and (pointer: fine){.tile:hover{border-color:var(--glass-border-strong)}}.tile[data-out=true] .tile__cover{background-image:none;background-color:var(--glass-sunken)}.tile[data-out=true] .tile__mono{color:var(--fg-faint)}.tile[data-out=true] .tile__badge{background:var(--glass-sunken);color:var(--fg-faint);box-shadow:none}.tile[data-out=true] .tile__title{color:var(--fg-muted)}.tile[data-out=true] .tile__subtitle,.tile[data-out=true] .tile__price{color:var(--fg-faint)}.tile__cover{position:relative;aspect-ratio:5 / 4;border-radius:var(--r-sm);overflow:hidden;display:grid;place-items:center;--tint: var(--cover, var(--accent));background-color:var(--tint);background-image:radial-gradient(120% 115% at 28% 8%,color-mix(in srgb,var(--tint) 45%,#ffffff) 0%,transparent 58%),linear-gradient(152deg,var(--tint) 0%,color-mix(in srgb,var(--tint) 62%,#ffffff) 100%)}.tile__badge{position:relative;width:54px;height:54px;display:grid;place-items:center;border-radius:var(--r-sm);background:#ffffffeb;color:#6a4432;color:color-mix(in srgb,var(--tint) 52%,#5a3626);box-shadow:0 8px 18px -8px #46281466,inset 0 1px #ffffffb3;transition:transform var(--dur-release) var(--ease-spring)}.tile:active .tile__badge{transform:scale(.9);transition-duration:var(--dur-press);transition-timing-function:var(--ease-press)}.tile__mono{position:relative;font-family:var(--font-display);font-size:26px;font-weight:800;letter-spacing:.01em;color:#4a2c1c;color:color-mix(in srgb,var(--tint) 45%,#4a2c1c)}.tile__cover img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.tile__flag{position:absolute;top:var(--sp-2);left:var(--sp-2);right:var(--sp-2);z-index:1;display:flex;justify-content:flex-end}.tile__body{flex:1;display:flex;flex-direction:column;padding:var(--sp-3) var(--sp-2) 0}.tile__title{display:block;font-family:var(--font-display);font-size:15px;font-weight:600;letter-spacing:-.01em;line-height:1.25}.tile__subtitle{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12.5px;line-height:1.35;color:var(--fg-muted);margin-top:var(--sp-1)}.tile__foot{display:flex;align-items:baseline;gap:var(--sp-2);margin-top:var(--sp-3);padding-bottom:var(--sp-1)}.tile__price{font-family:var(--font-display);font-size:15px;font-weight:600;letter-spacing:-.015em;white-space:nowrap}.tile__price--out{font-size:13px;font-weight:500;color:var(--fg-faint)}.tile__price-old{font-size:12.5px;color:var(--fg-faint);text-decoration:line-through}.product-hero{display:flex;gap:var(--sp-4);align-items:center;padding:var(--sp-4);border-radius:var(--r-lg)}.product-hero__thumb{width:84px;height:84px;flex:none;display:grid;place-items:center;border-radius:var(--r-md);background-image:radial-gradient(120% 100% at 20% 0%,var(--accent-soft) 0%,transparent 62%);background-color:var(--sunken);font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:.02em;color:var(--fg);overflow:hidden}.product-hero__thumb img{width:100%;height:100%;object-fit:cover}.product-hero__body{min-width:0;display:flex;flex-direction:column}.product-hero__title{display:block;font-family:var(--font-display);font-size:20px;font-weight:600;letter-spacing:-.02em;line-height:1.2}.product-hero__note{display:block;font-size:13px;color:var(--fg-muted);margin-top:var(--sp-1)}.product-hero__meta{display:flex;align-items:baseline;gap:var(--sp-2);margin-top:var(--sp-3)}.product-hero__price{font-family:var(--font-display);font-size:24px;font-weight:700;letter-spacing:-.03em}.product-desc{font-size:14px;line-height:1.6;color:var(--fg-muted)}.feature-list{display:flex;flex-direction:column;gap:var(--sp-3)}.feature-list li{display:flex;align-items:flex-start;gap:var(--sp-3);font-size:14px;line-height:1.5}.feature-list .icon{color:var(--accent-text);margin-top:2px}.qty{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3) var(--sp-3) var(--sp-3) var(--sp-4);border-radius:var(--r-md)}.qty__label{display:flex;flex-direction:column;min-width:0}.qty__title{display:block;font-size:15px;font-weight:500}.qty__hint{display:block;font-size:13px;color:var(--fg-muted);margin-top:2px}.qty__control{display:flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1);border-radius:var(--r-full);background:var(--glass-sunken);box-shadow:inset 0 1px 0 var(--glass-highlight)}.qty__btn{width:34px;height:34px;border-radius:var(--r-full);display:grid;place-items:center;color:var(--fg);transition:transform var(--dur-release) var(--ease-spring),background-color var(--dur-fast) var(--ease),opacity var(--dur-fast) var(--ease)}.qty__btn:active:not(:disabled){transform:scale(.82);background:var(--glass-press)}.qty__btn:disabled{opacity:.3;cursor:default}.qty__value{min-width:34px;text-align:center;font-family:var(--font-display);font-size:17px;font-weight:600;font-variant-numeric:tabular-nums}.buy-bar{position:fixed;left:0;right:0;bottom:0;z-index:calc(var(--z-tabbar) + 1);padding:var(--sp-3) var(--sp-4) calc(var(--safe-bottom) + var(--sp-3));background-color:var(--surface);box-shadow:var(--shadow-lg),inset 0 1px 0 var(--rim-top);animation:buybar-in .52s var(--ease-out) backwards;animation-delay:80ms}@keyframes buybar-in{0%{transform:translate3d(0,100%,0)}to{transform:none}}.buy-bar__inner{display:flex;align-items:center;gap:var(--sp-4);max-width:560px;margin:0 auto}.buy-bar__price{flex:none;display:flex;flex-direction:column}.buy-bar__label{display:block;font-size:12px;color:var(--fg-muted)}.buy-bar__value{display:flex;align-items:baseline;gap:var(--sp-2);font-family:var(--font-display);font-size:20px;font-weight:600;letter-spacing:-.025em;font-variant-numeric:tabular-nums}.buy-bar__old{font-size:13px;font-weight:500;color:var(--fg-faint);text-decoration:line-through}.topup-balance{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-5);border-radius:var(--r-lg);margin-bottom:var(--sp-5)}.topup-balance__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--sp-1)}.topup-balance__label{display:block;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-muted);line-height:1}.topup-balance__value{display:block;font-family:var(--font-display);font-size:32px;font-weight:700;letter-spacing:-.035em;line-height:1.05;font-variant-numeric:tabular-nums}.topup-balance__icon{width:46px;height:46px;flex:none;display:grid;place-items:center;border-radius:var(--r-sm);background:var(--accent-soft);color:var(--accent-text);box-shadow:inset 0 1px 0 var(--glass-highlight)}.amount-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-2)}.amount-chip{height:42px;border-radius:var(--r-sm);font-family:var(--font-display);font-size:14px;font-weight:600;letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:var(--fg-muted);transition:transform var(--dur-release) var(--ease-spring),background-color var(--dur-base) var(--ease),color var(--dur-base) var(--ease),border-color var(--dur-base) var(--ease),box-shadow var(--dur-base) var(--ease)}.amount-chip:active{transform:scale(.89)}.amount-chip[data-active=true]{background-color:var(--accent-soft);border-color:var(--accent-line);color:var(--fg)}.topup-summary{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-4);border-radius:var(--r-md);margin-top:var(--sp-4)}.topup-summary__row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3);font-size:14px;color:var(--fg-muted)}.topup-summary__row+.topup-summary__row{padding-top:var(--sp-3);box-shadow:inset 0 1px 0 var(--glass-border)}.topup-summary__row--total{font-size:15px;color:var(--fg)}.topup-summary__value{font-family:var(--font-display);font-size:15px;font-weight:600;letter-spacing:-.01em;font-variant-numeric:tabular-nums;white-space:nowrap}.topup-summary__value--accent{color:var(--accent-text)}.topup-summary__total{font-family:var(--font-display);font-size:21px;font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums;white-space:nowrap}.pay-methods{display:flex;flex-direction:column;gap:var(--sp-2)}.pay-method{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);text-align:left;transition:transform var(--dur-release) var(--ease-spring),border-color var(--dur-base) var(--ease),box-shadow var(--dur-base) var(--ease)}.pay-method:active{transform:scale(.975)}.pay-method[data-active=true]{border-color:var(--accent-line);background-color:var(--accent-soft)}.pay-method[data-off=true]{cursor:default}.pay-method[data-off=true] .pay-method__icon{background:var(--glass-sunken);color:var(--fg-faint)}.pay-method[data-off=true] .pay-method__title{color:var(--fg-muted)}.pay-method[data-off=true] .pay-method__sub{color:var(--fg-faint)}.pay-method[data-off=true]:active{transform:none}.pay-method__icon{width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:var(--r-xs);background:var(--accent-soft);color:var(--accent-text)}.brand{width:38px;height:38px;flex:none;display:grid;place-items:center;border-radius:var(--r-xs);overflow:hidden;color:#fff;box-shadow:0 3px 10px -3px #00000052}.brand img{width:100%;height:100%;object-fit:cover}.brand[data-fallback=true].brand--cryptobot{background-image:linear-gradient(160deg,#55aeee,#2181c9)}.brand[data-fallback=true].brand--stars{background-image:linear-gradient(150deg,#5b8cf7,#a15bf0 48%,#f0417f)}.pay-method[data-off=true] .brand{filter:grayscale(1)}.pay-method__body{flex:1;min-width:0;display:flex;flex-direction:column}.pay-method__title{display:block;font-size:15px;font-weight:500}.pay-method__sub{display:block;font-size:13px;color:var(--fg-muted);margin-top:2px}.pay-method__mark{width:22px;height:22px;flex:none;border-radius:var(--r-full);border:1.5px solid var(--glass-border-strong);display:grid;place-items:center;transition:border-color var(--dur-base) var(--ease)}.pay-method[data-active=true] .pay-method__mark{border-color:var(--accent)}.pay-method__mark:after{content:"";width:11px;height:11px;border-radius:var(--r-full);background:var(--accent);transform:scale(0);transition:transform .38s var(--ease-spring)}.pay-method[data-active=true] .pay-method__mark:after{transform:scale(1)}.wheel{position:relative;border-radius:var(--r-lg);padding:var(--sp-4) 0;overflow:hidden}.wheel[data-spinning=true]{box-shadow:var(--shadow-md),0 0 34px -10px var(--accent-glow),inset 0 1px 0 var(--rim-top)}.wheel__viewport{overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 14%,#000 86%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,#000 14%,#000 86%,transparent 100%)}.wheel__track{display:flex;column-gap:10px;will-change:transform}.wheel[data-spinning=true] .wheel__viewport{will-change:filter}.wheel__cell{flex:none;width:96px;display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-2);border-radius:var(--r-md);text-align:center;background-color:var(--surface-2);box-shadow:inset 0 0 0 1px var(--glass-border)}.wheel__cell[data-rare=true]{background-color:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-line),inset 0 1px 0 var(--rim-top)}.wheel__cell-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:var(--r-xs);background:var(--glass-sunken);color:var(--fg-muted)}.wheel__cell[data-rare=true] .wheel__cell-icon{color:var(--accent-text)}.wheel__cell-title{display:block;font-size:11.5px;font-weight:500;line-height:1.3;min-height:30px}.wheel__marker{position:absolute;top:var(--sp-2);bottom:var(--sp-2);left:50%;width:2px;transform:translate(-50%);background:linear-gradient(to bottom,transparent 0%,var(--accent) 12%,var(--accent) 88%,transparent 100%);box-shadow:0 0 14px 1px var(--accent-glow);pointer-events:none}.wheel__marker:before,.wheel__marker:after{content:"";position:absolute;left:50%;width:8px;height:8px;border-radius:2px;background:var(--accent);transform:translate(-50%) rotate(45deg)}.wheel__marker:before{top:-3px}.wheel__marker:after{bottom:-3px}.wheel-result{display:flex;align-items:center;gap:var(--sp-3);margin-top:var(--sp-3);padding:var(--sp-4);border-radius:var(--r-md);animation:result-in .62s var(--ease-spring)}@keyframes result-in{0%{transform:translate3d(0,14px,0) scale(.92)}to{transform:none}}.wheel-result__icon{width:44px;height:44px;flex:none;display:grid;place-items:center;border-radius:var(--r-xs);background:var(--accent-soft);color:var(--accent-text);box-shadow:0 0 18px -6px var(--accent-glow)}.wheel-result__body{flex:1;min-width:0;display:flex;flex-direction:column}.wheel-result__label{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-faint)}.wheel-result__title{display:block;font-family:var(--font-display);font-size:16px;font-weight:600;letter-spacing:-.015em;margin-top:2px}.wheel-result__sub{display:block;font-size:13px;color:var(--fg-muted);margin-top:1px}.wheel-result__value{font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--accent-text);white-space:nowrap}.wheel-actions{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);margin-top:var(--sp-4)}.wheel-actions__balance{font-size:13px;color:var(--fg-muted)}.wheel-actions__balance b{font-family:var(--font-display);font-weight:600;color:var(--fg)}.prize-list{display:flex;flex-direction:column;gap:var(--sp-2)}.prize-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md)}.prize-row[data-rare=true]{border-color:var(--accent-line)}.prize-row__icon{width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:var(--r-xs);background:var(--glass-sunken);color:var(--fg-muted)}.prize-row[data-rare=true] .prize-row__icon{background:var(--accent-soft);color:var(--accent-text)}.prize-row__body{flex:1;min-width:0;display:flex;flex-direction:column}.prize-row__title{display:block;font-size:15px;font-weight:500;letter-spacing:-.01em}.prize-row__sub{display:block;font-size:13px;color:var(--fg-muted);margin-top:2px}.prize-row__chance{font-family:var(--font-display);font-size:14px;font-weight:600;color:var(--fg-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.prize-row[data-rare=true] .prize-row__chance{color:var(--accent-text)}.profile{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--sp-2);padding:var(--sp-6) var(--sp-5) var(--sp-5);border-radius:var(--r-lg)}.profile__avatar{width:76px;height:76px;flex:none;border-radius:var(--r-full);overflow:hidden;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-text);font-family:var(--font-display);font-size:28px;font-weight:600;box-shadow:0 0 0 4px var(--glass-sunken),0 8px 24px -10px var(--accent-glow)}.profile__avatar img{width:100%;height:100%;object-fit:cover}.profile__ident{display:flex;flex-direction:column;gap:2px;margin-top:var(--sp-2)}.profile__name{display:block;font-family:var(--font-display);font-size:20px;font-weight:600;letter-spacing:-.02em}.profile__id{display:block;font-size:13px;color:var(--fg-muted)}.profile__balance{display:flex;flex-direction:column;align-items:center;gap:var(--sp-1);width:100%;margin-top:var(--sp-4);padding-top:var(--sp-4);box-shadow:inset 0 1px 0 var(--glass-border)}.profile__balance-label{display:block;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-muted)}.profile__balance-value{display:block;font-family:var(--font-display);font-size:34px;font-weight:700;letter-spacing:-.035em;line-height:1.05;font-variant-numeric:tabular-nums}.profile__topup{margin-top:var(--sp-3);height:40px;padding:0 var(--sp-5);border-radius:var(--r-full);background-color:var(--accent);color:var(--accent-contrast);font-size:14px;font-weight:600;box-shadow:0 12px 26px -12px var(--accent-glow);transition:transform var(--dur-release) var(--ease-spring)}.profile__topup:active{transform:scale(.93)}.promo-history{display:flex;flex-direction:column;gap:var(--sp-2);margin-top:var(--sp-2)}.promo-item{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md)}.promo-item__body{flex:1;min-width:0;display:flex;flex-direction:column}.promo-item__code{display:block;font-family:var(--font-display);font-size:15px;font-weight:600;letter-spacing:.02em}.promo-item__date{display:block;font-size:13px;color:var(--fg-muted);margin-top:2px}.promo-item__amount{font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--accent-text);white-space:nowrap}.accent-picker{display:flex;align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-4);text-align:left;transition:background-color var(--dur-fast) var(--ease)}.accent-picker:active{background-color:var(--glass-press)}.accent-picker__swatch{width:42px;height:42px;flex:none;border-radius:var(--r-sm);background-color:var(--accent);box-shadow:0 6px 16px -8px var(--accent-glow);transition:background-color var(--dur-base) var(--ease),box-shadow var(--dur-base) var(--ease)}.accent-picker__body{flex:1;min-width:0;display:flex;flex-direction:column}.accent-picker__title{display:block;font-size:15px;font-weight:500}.accent-picker__value{display:block;font-size:13px;color:var(--fg-muted);margin-top:2px;text-transform:uppercase;letter-spacing:.04em}.accent-picker__input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.picker{margin-top:var(--sp-2);padding:var(--sp-4);border-radius:var(--r-lg);display:flex;flex-direction:column;gap:var(--sp-3);animation:picker-in .42s var(--ease-out)}@keyframes picker-in{0%{transform:translate3d(0,-10px,0) scaleY(.94)}to{transform:none}}.picker__head{display:flex;align-items:center;gap:var(--sp-3)}.picker__preview{width:30px;height:30px;flex:none;border-radius:var(--r-xs);box-shadow:0 0 0 1px var(--glass-border)}.picker__title{flex:1;font-size:15px;font-weight:500}.picker__close{width:32px;height:32px;flex:none;border-radius:var(--r-full);display:grid;place-items:center;background:var(--accent);color:var(--accent-contrast);transition:transform var(--dur-release) var(--ease-spring)}.picker__close:active{transform:scale(.82)}.picker__area{position:relative;height:148px;border-radius:var(--r-md);cursor:crosshair;touch-action:none;background-image:linear-gradient(to top,#000 0%,transparent 100%),linear-gradient(to right,#fff 0%,var(--hue) 100%);box-shadow:inset 0 0 0 1px var(--glass-border)}.picker__hue{position:relative;height:22px;border-radius:var(--r-full);cursor:pointer;touch-action:none;background:linear-gradient(to right,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red);box-shadow:inset 0 0 0 1px var(--glass-border)}.picker__knob{position:absolute;width:20px;height:20px;border-radius:var(--r-full);transform:translate(-50%,-50%);border:2px solid #fff;box-shadow:0 2px 8px #00000073;pointer-events:none}.picker__knob--hue{top:50%}.picker__hex{display:flex;align-items:center;gap:var(--sp-3);height:44px;padding:0 var(--sp-4);border-radius:var(--r-sm);background:var(--glass-sunken);box-shadow:inset 0 1px 0 var(--glass-highlight)}.picker__hex-label{font-size:11px;font-weight:500;letter-spacing:.08em;color:var(--fg-faint)}.picker__hex input{flex:1;min-width:0;outline:none;font-family:var(--font-display);font-size:15px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.picker__presets{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--sp-2)}.accent-presets{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4) var(--sp-4)}.accent-preset{width:34px;height:34px;border-radius:var(--r-full);display:grid;place-items:center;color:#3a271e;box-shadow:0 2px 8px -2px #0000004d;transition:transform var(--dur-release) var(--ease-spring),box-shadow var(--dur-base) var(--ease)}.accent-preset:active{transform:scale(.82)}.accent-preset[data-active=true]{transform:scale(1.14);box-shadow:0 0 18px -2px var(--accent-glow),inset 0 1px #ffffff73,0 2px 8px #00000040}.accent-preset .icon{animation:preset-check .42s var(--ease-spring)}@keyframes preset-check{0%{opacity:0;transform:scale(.3) rotate(-25deg)}to{opacity:1;transform:none}}.order-summary{display:flex;flex-direction:column;padding:var(--sp-2) var(--sp-4);border-radius:var(--r-lg)}.order-summary__row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3) 0}.order-summary__row+.order-summary__row{box-shadow:inset 0 1px 0 var(--glass-border)}.order-summary__key{font-size:14px;color:var(--fg-muted)}.order-summary__value{font-family:var(--font-display);font-size:15px;font-weight:600;letter-spacing:-.01em;font-variant-numeric:tabular-nums;text-align:right}.secret{padding:var(--sp-4);border-radius:var(--r-md)}.secret__text{margin:0;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:13px;line-height:1.65;white-space:pre-wrap;word-break:break-word;-webkit-user-select:text;user-select:text}.secret--file{display:flex;align-items:center;gap:var(--sp-3)}.secret__icon{width:42px;height:42px;flex:none;display:grid;place-items:center;border-radius:var(--r-xs);background:var(--accent-soft);color:var(--accent-text)}.secret__body{flex:1;min-width:0;display:flex;flex-direction:column}.secret__name{display:block;font-family:var(--font-display);font-size:15px;font-weight:600;word-break:break-all}.secret__note{display:block;font-size:13px;color:var(--fg-muted);margin-top:2px}.history{display:flex;flex-direction:column;gap:var(--sp-2)}.history-item{display:flex;align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);text-align:left}.history-item--action{transition:transform var(--dur-release) var(--ease-spring),border-color var(--dur-base) var(--ease)}.history-item--action:active{transform:scale(.975);border-color:var(--glass-border-strong)}.history-item__icon{width:38px;height:38px;flex:none;display:grid;place-items:center;border-radius:var(--r-xs);background:var(--glass-sunken);color:var(--fg-muted)}.history-item__body{flex:1;min-width:0;display:flex;flex-direction:column}.history-item__title{display:block;font-size:15px;font-weight:500;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-item__sub{display:block;font-size:13px;color:var(--fg-muted);margin-top:2px}.history-item__value{font-family:var(--font-display);font-size:15px;font-weight:600;white-space:nowrap}.referral{display:flex;flex-direction:column;gap:var(--sp-4);padding:var(--sp-5);border-radius:var(--r-lg)}.referral__head{display:flex;flex-direction:column;gap:2px}.referral__title{font-family:var(--font-display);font-size:17px;font-weight:700;letter-spacing:-.015em}.referral__sub{font-size:13px;color:var(--fg-muted)}.referral__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3)}.referral__stat{display:flex;flex-direction:column;gap:2px;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);background:var(--glass-sunken)}.referral__stat-value{font-family:var(--font-display);font-size:19px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.referral__stat-label{font-size:12px;color:var(--fg-muted)}.referral__link{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);background:var(--accent-soft);color:var(--accent-text);text-align:left;transition:transform var(--dur-release) var(--ease-spring)}.referral__link:active{transform:scale(.97);transition-duration:var(--dur-press);transition-timing-function:var(--ease-press)}.referral__link-text{flex:1;min-width:0;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}