:root,:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fafaf8;--bg-alt:#f5f5f2;--surface:#fff;--surface-2:#f5f8f4;--surface-3:#edf1ec;--line:#dee3de;--line-hi:#cacfc9;--line-lo:#e9ece8;--ink:#151b24;--ink-2:#414853;--ink-3:#757b83;--ink-4:#a0a5ac;--ink-on-accent:#fff;--accent:#008fda;--accent-hi:#00b7df;--accent-lo:#0077c1;--accent-soft:#cef2ff;--accent-ink:#00314f;--accent-pink:#c9377b;--warn:#df7b00;--warn-soft:#ffefdd;--warn-ink:#612d00;--danger:#df2321;--danger-soft:#ffebe7;--danger-ink:#8f0000;--info:#0083c1;--info-soft:#ddf2ff;--info-ink:#003c68;--shadow-1:0 1px 2px #11161f0f, 0 1px 1px #11161f0a;--shadow-2:0 8px 24px #11161f14, 0 2px 6px #11161f0d;--shadow-3:0 20px 50px #11161f1f, 0 6px 14px #11161f0f;--shadow-accent:0 12px 30px #008fda47;--focus-ring:0 0 0 2px #008fda2e}@supports (color:color(display-p3 0 0 0)){:root,:root[data-theme=light]{--bg:color(display-p3 .979593 .981639 .973763);--bg-alt:color(display-p3 .959707 .962421 .951959);--surface-2:color(display-p3 .962512 .970537 .959364);--surface-3:color(display-p3 .933625 .946393 .928613);--line:color(display-p3 .875398 .888012 .870445);--line-hi:color(display-p3 .797087 .812582 .790998);--line-lo:color(display-p3 .915977 .925518 .912234);--ink:color(display-p3 .0872986 .10452 .138078);--ink-2:color(display-p3 .261513 .281801 .32064);--ink-3:color(display-p3 .463397 .48024 .512191);--ink-4:color(display-p3 .631575 .645843 .67283);--accent:color(display-p3 .069835 .551592 .874553);--accent-hi:color(display-p3 -.110847 .720795 .924805);--accent-lo:color(display-p3 .082468 .455264 .77692);--accent-soft:color(display-p3 .802423 .949697 1.04092);--accent-ink:color(display-p3 -.0324027 .188702 .3406);--warn:color(display-p3 .830317 .496539 .123896);--warn-soft:color(display-p3 1.03233 .928717 .79694);--warn-ink:color(display-p3 .360878 .180372 .00635046);--danger:color(display-p3 .803082 .222229 .180283);--danger-soft:color(display-p3 1.06618 .899741 .868227);--danger-ink:color(display-p3 .538599 -.0766827 -.0264625);--info:color(display-p3 -.0701188 .502118 .821923);--info-soft:color(display-p3 .864835 .949004 1.02394);--info-ink:color(display-p3 -.10857 .225349 .451285);--shadow-1:0 1px 2px color(display-p3 .0697878 .0865498 .119355/.06), 0 1px 1px color(display-p3 .0697878 .0865498 .119355/.04);--shadow-2:0 8px 24px color(display-p3 .0697878 .0865498 .119355/.08), 0 2px 6px color(display-p3 .0697878 .0865498 .119355/.05);--shadow-3:0 20px 50px color(display-p3 .0697878 .0865498 .119355/.12), 0 6px 14px color(display-p3 .0697878 .0865498 .119355/.06);--shadow-accent:0 12px 30px color(display-p3 .069835 .551592 .874553/.28);--focus-ring:0 0 0 2px color(display-p3 .069835 .551592 .874553/.18)}}@supports (color:lab(0% 0 0)){:root,:root[data-theme=light]{--bg:lab(98.2925% -.516385 .984991);--bg-alt:lab(96.5633% -.687838 1.31383);--surface-2:lab(97.165% -1.30814 1.21222);--surface-3:lab(94.8837% -2.09224 1.9412);--line:lab(89.6637% -2.09215 1.94141);--line-hi:lab(82.7294% -2.61438 2.42867);--line-lo:lab(93.1179% -1.56954 1.45513);--ink:lab(9.42785% -.533104 -7.25476);--ink-2:lab(30.3224% -.794604 -7.35166);--ink-3:lab(51.228% -.707924 -5.56555);--ink-4:lab(67.4802% -.599802 -4.46991);--accent:lab(55.4788% -13.9158 -55.5939);--accent-hi:lab(68.3079% -38.2627 -41.858);--accent-lo:lab(47.0478% -6.60467 -54.7964);--accent-soft:lab(93.2424% -12.0671 -17.2142);--accent-ink:lab(18.4846% -6.18219 -30.7607);--warn:lab(62.1041% 36.8547 77.5337);--warn-soft:lab(95.3462% 7.74583 22.3047);--warn-ink:lab(25.1892% 24.0687 40.7552);--danger:lab(49.097% 69.0941 52.0749);--danger-soft:lab(94.8302% 18.0498 11.1244);--danger-ink:lab(28.3376% 63.4607 52.9242);--info:lab(50.7804% -12.6284 -55.4819);--info-soft:lab(94.246% -6.20112 -13.0235);--info-ink:lab(22.8092% -4.55676 -42.8539);--shadow-1:0 1px 2px lab(7.13753% -.43682 -7.17928/.06), 0 1px 1px lab(7.13753% -.43682 -7.17928/.04);--shadow-2:0 8px 24px lab(7.13753% -.43682 -7.17928/.08), 0 2px 6px lab(7.13753% -.43682 -7.17928/.05);--shadow-3:0 20px 50px lab(7.13753% -.43682 -7.17928/.12), 0 6px 14px lab(7.13753% -.43682 -7.17928/.06);--shadow-accent:0 12px 30px lab(55.4788% -13.9158 -55.5939/.28);--focus-ring:0 0 0 2px lab(55.4788% -13.9158 -55.5939/.18)}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#070b14;--bg-alt:#0d111b;--surface:#151a26;--surface-2:#1c222e;--surface-3:#242b3b;--line:#2d3340;--line-hi:#454d5e;--line-lo:#222630;--ink:#f6f5f1;--ink-2:#c3c7ce;--ink-3:#9499a0;--ink-4:#6a6f78;--ink-on-accent:#fff;--accent:#00b4f0;--accent-hi:#00d5f9;--accent-lo:#009ce6;--accent-soft:#00b4f02e;--accent-ink:#7be1ff;--accent-pink:#e5488f;--warn:#ffb059;--warn-soft:#ffb05924;--warn-ink:#ffc98c;--danger:#ff7163;--danger-soft:#ff716326;--danger-ink:#ffa598;--info:#40befd;--info-soft:#40befd24;--info-ink:#83d6ff;--shadow-1:0 1px 2px #00000073, 0 1px 1px #0000004d;--shadow-2:0 8px 24px #00000073, 0 2px 6px #0000004d;--shadow-3:0 20px 50px #0000008c, 0 6px 14px #00000059;--shadow-accent:0 12px 30px #00b4f052;--focus-ring:0 0 0 2px #00b4f038}@supports (color:color(display-p3 0 0 0)){:root[data-theme=dark]{--bg:color(display-p3 .0309994 .0426148 .0744335);--bg-alt:color(display-p3 .0550845 .068034 .101223);--surface:color(display-p3 .0860645 .103055 .14669);--surface-2:color(display-p3 .113069 .130774 .175746);--surface-3:color(display-p3 .146551 .168549 .224579);--line:color(display-p3 .179385 .198491 .246217);--line-hi:color(display-p3 .276652 .301297 .362566);--line-lo:color(display-p3 .135368 .150055 .186636);--ink:color(display-p3 .963127 .961489 .948073);--ink-2:color(display-p3 .769468 .78181 .805117);--ink-3:color(display-p3 .583508 .59757 .624173);--ink-4:color(display-p3 .418035 .434567 .465953);--accent:color(display-p3 .249621 .697137 .935909);--accent-hi:color(display-p3 .29137 .825698 .975456);--accent-lo:color(display-p3 .240785 .60192 .888997);--accent-soft:color(display-p3 .249621 .697137 .935909/.18);--accent-ink:color(display-p3 .537533 .880436 1.01617);--warn:color(display-p3 .99034 .690371 .342856);--warn-soft:color(display-p3 .99034 .690371 .342856/.14);--warn-ink:color(display-p3 1.04478 .779579 .485052);--danger:color(display-p3 .954555 .460064 .394997);--danger-soft:color(display-p3 .954555 .460064 .394997/.15);--danger-ink:color(display-p3 1.04723 .623438 .557324);--info:color(display-p3 .401514 .735327 .968596);--info-soft:color(display-p3 .401514 .735327 .968596/.14);--info-ink:color(display-p3 .553172 .833786 1.03639);--shadow-1:0 1px 2px color(display-p3 0 0 0/.45), 0 1px 1px color(display-p3 0 0 0/.3);--shadow-2:0 8px 24px color(display-p3 0 0 0/.45), 0 2px 6px color(display-p3 0 0 0/.3);--shadow-3:0 20px 50px color(display-p3 0 0 0/.55), 0 6px 14px color(display-p3 0 0 0/.35);--shadow-accent:0 12px 30px color(display-p3 .249621 .697137 .935909/.32);--focus-ring:0 0 0 2px color(display-p3 .249621 .697137 .935909/.22)}}@supports (color:lab(0% 0 0)){:root[data-theme=dark]{--bg:lab(2.97972% .168405 -4.74547);--bg-alt:lab(5.17507% .133269 -6.57254);--surface:lab(9.36438% .242852 -9.11197);--surface-2:lab(12.8508% .132106 -9.1447);--surface-3:lab(17.4591% .192016 -10.9634);--line:lab(20.981% -.0430495 -9.20292);--line-hi:lab(32.5569% -.115231 -11.0667);--line-lo:lab(15.2103% -.0600964 -7.37164);--ink:lab(96.5566% -.306278 1.87553);--ink-2:lab(80.2477% -.513822 -3.73253);--ink-3:lab(62.8401% -.596315 -4.46798);--ink-4:lab(46.5875% -.699163 -5.56116);--accent:lab(67.7847% -25.7828 -44.2698);--accent-hi:lab(77.7771% -39.7778 -33.6141);--accent-lo:lab(60.2883% -15.034 -49.7062);--accent-soft:lab(67.7847% -25.7828 -44.2698/.18);--accent-ink:lab(84.3862% -28.1422 -28.4801);--warn:lab(78.6389% 29.5451 66.6734);--warn-soft:lab(78.6389% 29.5451 66.6734/.14);--warn-ink:lab(85.7192% 24.8373 54.9978);--danger:lab(65.7081% 58.9334 39.321);--danger-soft:lab(65.7081% 58.9334 39.321/.15);--danger-ink:lab(77.632% 49.1844 31.5718);--info:lab(72.2488% -19.9795 -41.6024);--info-soft:lab(72.2488% -19.9795 -41.6024/.14);--info-ink:lab(81.5794% -18.5614 -35.964);--shadow-1:0 1px 2px lab(0% 0 0/.45), 0 1px 1px lab(0% 0 0/.3);--shadow-2:0 8px 24px lab(0% 0 0/.45), 0 2px 6px lab(0% 0 0/.3);--shadow-3:0 20px 50px lab(0% 0 0/.55), 0 6px 14px lab(0% 0 0/.35);--shadow-accent:0 12px 30px lab(67.7847% -25.7828 -44.2698/.32);--focus-ring:0 0 0 2px lab(67.7847% -25.7828 -44.2698/.22)}}:root{--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-2xl:36px;--ease-out:cubic-bezier(.2, .8, .15, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--font-display:"Unbounded", "Onest", system-ui, sans-serif;--font-body:"Onest", system-ui, -apple-system, "Segoe UI", sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--header-h:72px;--content-max:1320px}*,:before,:after{box-sizing:border-box}html,body,#root{background:var(--bg);min-height:100%;color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;margin:0;padding:0;font-size:15px;line-height:1.5}html,body{touch-action:pan-y;overscroll-behavior-x:none;max-width:100vw;overflow-x:clip}#root{max-width:100%}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);margin:0;font-weight:600}h1{font-size:clamp(1.8rem,2.2vw + 1rem,2.8rem);font-weight:700;line-height:1.08}h2{font-size:clamp(1.35rem,1.2vw + .9rem,1.9rem);line-height:1.15}h3{font-size:1.2rem;line-height:1.25}p{max-width:72ch;margin:0}a{color:var(--ink);transition:color .16s var(--ease-out);text-decoration:none}a:hover{color:var(--accent-lo)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none;padding:0}input,textarea,select{background:linear-gradient(180deg, color-mix(in oklch, var(--surface) 92%, var(--ink) 2%), var(--surface));border:1px solid var(--line);color:var(--ink);border-radius:var(--radius-md);width:100%;transition:border-color .18s var(--ease-out), background .2s var(--ease-out), box-shadow .22s var(--ease-out);box-shadow:0 1px 0 color-mix(in oklch, var(--ink), transparent 96%) inset;outline:none;padding:12px 14px;font-size:.95rem}select{-webkit-appearance:none;appearance:none;background-image:linear-gradient(180deg, color-mix(in oklch, var(--surface) 92%, var(--ink) 2%), var(--surface)), url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' stroke='%23708090' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>");cursor:pointer;background-position:0 0,right 14px center;background-repeat:no-repeat,no-repeat;background-size:cover,12px 8px;padding-right:38px}:root[data-theme=dark] select{background-image:linear-gradient(180deg, color-mix(in oklch, var(--surface) 92%, var(--ink) 2%), var(--surface)), url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' stroke='%23bdc7d4' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>")}input[type=date],input[type=datetime-local],input[type=time],input[type=month]{cursor:pointer}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(45%)sepia(20%)saturate(800%)hue-rotate(190deg)opacity(.85);transition:filter .18s var(--ease-out)}input[type=datetime-local]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(45%)sepia(20%)saturate(800%)hue-rotate(190deg)opacity(.85);transition:filter .18s var(--ease-out)}input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(45%)sepia(20%)saturate(800%)hue-rotate(190deg)opacity(.85);transition:filter .18s var(--ease-out)}input[type=month]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(45%)sepia(20%)saturate(800%)hue-rotate(190deg)opacity(.85);transition:filter .18s var(--ease-out)}input[type=date]:hover::-webkit-calendar-picker-indicator{filter:invert(35%)sepia(60%)saturate(1500%)hue-rotate(190deg)opacity()}input[type=datetime-local]:hover::-webkit-calendar-picker-indicator{filter:invert(35%)sepia(60%)saturate(1500%)hue-rotate(190deg)opacity()}input[type=time]:hover::-webkit-calendar-picker-indicator{filter:invert(35%)sepia(60%)saturate(1500%)hue-rotate(190deg)opacity()}input[type=month]:hover::-webkit-calendar-picker-indicator{filter:invert(35%)sepia(60%)saturate(1500%)hue-rotate(190deg)opacity()}input:disabled,textarea:disabled,select:disabled{opacity:.55;cursor:not-allowed}@media (max-width:768px),(hover:none) and (pointer:coarse){input,textarea,select{font-size:16px!important}}input:hover,textarea:hover,select:hover{border-color:var(--line-hi)}select option{background:var(--surface);color:var(--ink)}input[type=number]{-webkit-appearance:textfield;appearance:textfield}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}input[type=search]::-webkit-search-decoration{-webkit-appearance:none}html{scrollbar-color:color-mix(in oklch, var(--ink), transparent 75%) transparent;scrollbar-width:thin}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:color-mix(in oklch, var(--ink), transparent 78%);transition:background .18s var(--ease-out);background-clip:padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:color-mix(in oklch, var(--ink), transparent 55%);background-clip:padding-box;border:2px solid #0000}::-webkit-scrollbar-corner{background:0 0}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{width:0;height:0;display:none}.pwd-input-wrap{width:100%;position:relative}.pwd-input-wrap input{padding-right:40px}.pwd-toggle{width:32px;height:32px;color:var(--ink-3);cursor:pointer;border-radius:8px;place-items:center;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.pwd-toggle:hover{color:var(--ink);background:color-mix(in oklch, var(--ink), transparent 92%)}.pwd-strength{flex-direction:column;gap:4px;margin-top:6px;display:flex}.pwd-strength-bar{background:var(--surface-3);border-radius:999px;height:4px;overflow:hidden}.pwd-strength-fill{border-radius:inherit;height:100%;transition:width .2s var(--ease-out), background .2s var(--ease-out)}.pwd-strength-label{font-size:.78rem;font-weight:500}.pwd-strength-tips{color:var(--ink-3);font-weight:400}input:focus,textarea:focus,select:focus{border-color:var(--line-hi);box-shadow:0 1px 0 color-mix(in oklch, var(--ink), transparent 96%) inset;outline:none}input:-webkit-autofill{-webkit-text-fill-color:var(--ink);-webkit-box-shadow:0 0 0 1000px var(--surface) inset;caret-color:var(--ink);border-radius:var(--radius-md)}input:-webkit-autofill:hover{-webkit-text-fill-color:var(--ink);-webkit-box-shadow:0 0 0 1000px var(--surface) inset;caret-color:var(--ink);border-radius:var(--radius-md)}input:-webkit-autofill:focus{-webkit-text-fill-color:var(--ink);-webkit-box-shadow:0 0 0 1000px var(--surface) inset;caret-color:var(--ink);border-radius:var(--radius-md)}input::placeholder,textarea::placeholder{color:var(--ink-4)}::selection{background:var(--accent);color:var(--ink-on-accent)}img{max-width:100%;display:block}.container{width:100%;max-width:var(--content-max);margin-inline-start:auto;margin-inline-end:auto;padding-inline-start:clamp(14px,2.4vw,28px);padding-inline-end:clamp(14px,2.4vw,28px)}.btn{border-radius:var(--radius-sm);letter-spacing:-.005em;transition:transform .18s var(--ease-out), background .2s var(--ease-out), border-color .2s var(--ease-out), color .2s var(--ease-out), box-shadow .26s var(--ease-out), filter .2s var(--ease-out);white-space:nowrap;-webkit-tap-highlight-color:transparent;isolation:isolate;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:11px 20px;font-size:.93rem;font-weight:600;line-height:1;display:inline-flex;position:relative}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.55;cursor:not-allowed;filter:saturate(.6);transform:none!important}.btn-primary{background:linear-gradient(180deg, color-mix(in oklch, var(--accent) 92%, #fff), var(--accent)) padding-box, linear-gradient(180deg, color-mix(in oklch, var(--accent) 60%, #fff), var(--accent-lo)) border-box;color:var(--ink-on-accent);box-shadow:0 1px 0 #fff6 inset, 0 10px 24px -10px color-mix(in oklch, var(--accent), transparent 40%);border:1px solid #0000}@supports (color:color(display-p3 0 0 0)){.btn-primary{box-shadow:0 1px 0 color(display-p3 1 1 1/.4) inset, 0 10px 24px -10px color-mix(in oklch, var(--accent), transparent 40%)}}@supports (color:lab(0% 0 0)){.btn-primary{box-shadow:0 1px 0 lab(100% 0 0/.4) inset, 0 10px 24px -10px color-mix(in oklch, var(--accent), transparent 40%)}}.btn-primary:hover{filter:brightness(1.06);box-shadow:0 1px 0 #ffffff80 inset, 0 14px 34px -10px color-mix(in oklch, var(--accent), transparent 30%)}@supports (color:color(display-p3 0 0 0)){.btn-primary:hover{box-shadow:0 1px 0 color(display-p3 1 1 1/.5) inset, 0 14px 34px -10px color-mix(in oklch, var(--accent), transparent 30%)}}@supports (color:lab(0% 0 0)){.btn-primary:hover{box-shadow:0 1px 0 lab(100% 0 0/.5) inset, 0 14px 34px -10px color-mix(in oklch, var(--accent), transparent 30%)}}.btn-ghost{background:color-mix(in oklch, var(--ink), transparent 96%);border-color:var(--line);color:var(--ink);-webkit-backdrop-filter:blur(8px)}.btn-ghost:hover{background:color-mix(in oklch, var(--ink), transparent 92%);border-color:var(--line-hi);color:var(--ink)}.btn-subtle{background:var(--surface-3);color:var(--ink)}.btn-subtle:hover{background:color-mix(in oklch, var(--line-hi), var(--surface-3) 50%);color:var(--ink)}.btn-danger{background:color-mix(in oklch, var(--danger), transparent 92%);border:1px solid color-mix(in oklch, var(--danger), transparent 60%);color:var(--danger-ink)}.btn-danger:hover{background:color-mix(in oklch, var(--danger), transparent 82%);border-color:var(--danger);color:var(--danger);box-shadow:0 10px 24px -12px color-mix(in oklch, var(--danger), transparent 55%)}.btn-sm{border-radius:8px;padding:7px 14px;font-size:.85rem}.btn-lg{border-radius:var(--radius-md);padding:14px 22px;font-size:1rem}.btn-success{color:#15803d;background:#16a34a24;background:color(display-p3 .296714 .629734 .330039/.14);background:lab(58.835% -51.0809 35.4288/.14);border:1px solid #16a34a80;border:1px solid color(display-p3 .296714 .629734 .330039/.5);border:1px solid lab(58.835% -51.0809 35.4288/.5)}.btn-success:hover{background:#16a34a38;background:color(display-p3 .296714 .629734 .330039/.22);background:lab(58.835% -51.0809 35.4288/.22)}.btn-success:disabled,.btn-success[disabled]{opacity:1;cursor:default}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg)}.chip{background:var(--surface-3);color:var(--ink-2);border:1px solid var(--line);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.76rem;font-weight:500;line-height:1.5;display:inline-flex}.chip-accent,.chip-ok{color:var(--accent-ink);background:var(--accent-soft);border-color:color-mix(in oklch, var(--accent), transparent 70%)}.chip-warn{color:var(--warn-ink);background:var(--warn-soft);border-color:color-mix(in oklch, var(--warn), transparent 70%)}.chip-info{color:var(--info-ink);background:var(--info-soft);border-color:color-mix(in oklch, var(--info), transparent 70%)}.chip-danger{color:var(--danger-ink);background:var(--danger-soft);border-color:color-mix(in oklch, var(--danger), transparent 70%)}.muted{color:var(--ink-3)}.dim{color:var(--ink-4)}.spin{border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite rot}@keyframes rot{to{transform:rotate(360deg)}}.icon{vertical-align:-.18em;flex-shrink:0;display:inline-block}.icon-text{align-items:center;gap:.4em;display:inline-flex}.icon-star{color:var(--text-muted,#889);transition:color .12s}.icon-star.is-filled{color:#f5b400}h1,h2,h3{overflow-wrap:break-word}img,video,iframe{max-width:100%}.product-name,.good-name,.product-hero h1,.page-head h1,.bell-body .ttl,.bell-body .sub,.user-name,.user-email,.order-name,.product-card,.user-card,.blog-card{overflow-wrap:anywhere;word-break:break-word}.product-grid>*,.catalog-grid>*,.cat-strip>*,.popular-strip>*,.account-grid>*,.admin-shell>*,.form-row>*{min-width:0}@supports (height:100dvh){.app-shell{min-height:100dvh}}.bottom-bar,.toast-stack,.lightbox-backdrop,.confirm-backdrop{transform:translateZ(0)}@media (hover:none) and (pointer:coarse),(max-width:600px){.icon-btn,.search-clear,.qty-stepper button,.ip-tab,.footer-link,.row-actions .btn-sm{min-width:44px;min-height:44px}.qty-stepper button{font-size:1.4rem}.bottom-tab .bt-icon{min-height:32px}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}button:focus:not(:focus-visible){outline:none}a:focus:not(:focus-visible){outline:none}@media (max-width:360px){.container{padding-inline-start:10px;padding-inline-end:10px}.chip{padding:3px 8px;font-size:.72rem}.btn{padding:9px 14px;font-size:.86rem}.btn-lg{padding:12px 18px;font-size:.95rem}}img,picture,video,canvas{max-width:100%;height:auto}table:not(.admin-table){max-width:100%;display:block;overflow-x:auto}.app-shell{min-height:100vh;flex-direction:column;min-height:100dvh;display:flex}.header{z-index:50;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0}.header-inner{min-height:var(--header-h);grid-template-columns:auto auto 1fr auto;align-items:center;gap:clamp(12px,1.8vw,24px);padding-block-start:12px;padding-block-end:12px;display:grid}.brand{font-family:var(--font-display);letter-spacing:-.025em;color:var(--ink);flex-shrink:0;align-items:center;gap:10px;font-size:1.22rem;font-weight:700;display:inline-flex}.brand:hover{color:var(--ink)}.brand-mark{background:linear-gradient(135deg, var(--accent-hi), var(--accent-lo));color:#fff;width:34px;height:34px;font-weight:800;font-family:var(--font-display);border-radius:10px;place-items:center;font-size:1.05rem;display:grid;box-shadow:0 6px 18px #008fda52;box-shadow:0 6px 18px color(display-p3 .069835 .551592 .874553/.32);box-shadow:0 6px 18px lab(55.4788% -13.9158 -55.5939/.32)}.brand-logo{object-fit:contain;flex-shrink:0;width:auto;max-width:200px;height:38px;display:block}@media (max-width:700px){.brand-logo{max-width:150px;height:32px}}.nav{align-items:center;gap:2px;display:flex}.nav a{color:var(--ink-2);border-radius:10px;padding:8px 14px;font-size:.9rem;font-weight:500}.nav a.active,.nav a:hover{color:var(--ink);background:var(--surface-3)}.search{justify-self:stretch;width:100%;max-width:640px;position:relative}.search input{background:var(--surface-3);border-color:#0000;border-radius:999px;height:46px;padding-left:44px;padding-right:40px;font-size:.95rem}.search input:focus{background:var(--surface);border-color:var(--accent)}.search input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.search .ico{color:var(--ink-3);pointer-events:none;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.search .search-clear{width:28px;height:28px;color:var(--ink-3);cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;transition:background .18s,color .18s;display:grid;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.search .search-clear:hover{background:var(--surface-2);color:var(--ink)}.header-actions{grid-column:-1;justify-self:end;align-items:center;gap:8px;display:flex}.icon-btn{width:42px;height:42px;color:var(--ink-2);transition:background .16s var(--ease-out), color .16s var(--ease-out);background:0 0;border-radius:12px;place-items:center;display:grid}.icon-btn:hover{background:var(--surface-3);color:var(--ink)}.cart-badge{background:var(--accent);min-width:18px;height:18px;color:var(--ink-on-accent);text-align:center;border-radius:9px;padding:0 4px;font-size:11px;font-weight:600;line-height:18px;position:absolute;top:-2px;right:-2px}.icon-btn{position:relative}.balance-chip{background:var(--accent-soft);color:var(--accent-ink);white-space:nowrap;transition:background .16s var(--ease-out);border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;font-weight:700;display:inline-flex}.balance-chip>span{white-space:nowrap;display:inline-block}.balance-chip:hover{background:color-mix(in oklch, var(--accent), var(--surface) 40%);color:var(--accent-ink)}.main{flex:1;padding-block-start:clamp(20px,3vw,40px);padding-block-end:clamp(40px,6vw,80px)}.footer{background:var(--surface);border-top:1px solid var(--line);color:var(--ink-3);margin-top:auto;padding-block-start:36px;padding-block-end:36px;font-size:.85rem}.footer-inner{flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}.footer-inner strong{color:var(--ink);font-weight:600}.footer-nav{flex-wrap:wrap;gap:16px;display:flex}.footer-nav a{color:var(--ink-3);font-size:14px}.footer-nav a:hover{color:var(--accent-lo)}.header-menu-btn{display:none}@media (max-width:1200px){.header-menu-btn{background:var(--accent);width:42px;height:42px;color:var(--ink-on-accent);cursor:pointer;box-shadow:0 4px 14px -4px color-mix(in oklch, var(--accent), transparent 50%);transition:transform .16s var(--ease-out), filter .16s var(--ease-out);border:none;border-radius:12px;flex-shrink:0;place-items:center;display:grid}.header-menu-btn:hover{filter:brightness(1.06)}.header-menu-btn:active{transform:scale(.94)}}.md-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:md-fade .18s var(--ease-out);background:#0000008c;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes md-fade{0%{opacity:0}to{opacity:1}}.md-drawer{background:var(--surface);border-left:1px solid var(--line);width:min(340px,86vw);animation:md-slide .22s var(--ease-out);padding-bottom:env(safe-area-inset-bottom,0);flex-direction:column;display:flex;position:absolute;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-16px 0 40px -12px #00000073}@keyframes md-slide{0%{transform:translate(100%)}to{transform:translate(0)}}.md-head{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:18px 16px;display:flex}.md-user{min-width:0;color:var(--ink);flex:1;align-items:center;gap:12px;text-decoration:none;display:flex}.md-user-guest{cursor:default}.md-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:44px;height:44px}.md-avatar-letter{background:linear-gradient(135deg, var(--accent-hi), var(--accent-lo));color:#fff;font-weight:700;font-family:var(--font-display);place-items:center;font-size:1.1rem;display:grid}.md-user-name{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:.98rem;font-weight:600;overflow:hidden}.md-user-email{color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:.78rem;overflow:hidden}.md-close{width:38px;height:38px;color:var(--ink-2);cursor:pointer;background:0 0;border-radius:10px;flex-shrink:0;place-items:center;display:grid}.md-close:hover{background:var(--surface-3);color:var(--ink)}.md-nav{flex-direction:column;gap:2px;padding:8px 8px 18px;display:flex}.md-item{color:var(--ink);text-align:left;cursor:pointer;width:100%;transition:background .14s var(--ease-out);background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;padding:12px;font-size:.95rem;font-weight:500;text-decoration:none;display:flex}.md-item:hover{background:var(--surface-3);color:var(--ink)}.md-item.is-active{background:color-mix(in oklch, var(--accent), var(--surface) 88%);color:var(--accent-ink)}.md-item.is-active .md-item-icon{color:var(--accent-ink)}.md-item.is-danger{color:var(--danger)}.md-item.is-danger:hover{background:color-mix(in oklch, var(--danger), transparent 90%);color:var(--danger)}.md-item-icon{background:var(--surface-3);width:36px;height:36px;color:var(--ink-2);border-radius:9px;flex-shrink:0;place-items:center;display:grid}.md-item.is-active .md-item-icon{background:color-mix(in oklch, var(--accent), transparent 70%)}.md-item.is-danger .md-item-icon{background:color-mix(in oklch, var(--danger), transparent 88%);color:var(--danger)}.md-item-label{flex:1}.md-item-chev{color:var(--ink-3);opacity:.6;flex-shrink:0}.md-divider{background:var(--line);height:1px;margin:8px 4px}.header-auth-btn{letter-spacing:-.005em;white-space:nowrap;height:38px;transition:background .18s var(--ease-out), color .18s var(--ease-out), border-color .18s var(--ease-out), transform .16s var(--ease-out), box-shadow .22s var(--ease-out);border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;padding:0 16px;font-size:.86rem;font-weight:600;display:inline-flex}.header-auth-login{color:var(--ink-2);border-color:var(--line);background:0 0}.header-auth-login:hover{color:var(--ink);background:var(--surface-3);border-color:var(--line-hi)}.header-auth-register{color:var(--ink-on-accent);background:var(--accent);border-color:var(--accent);box-shadow:0 4px 14px -6px color-mix(in oklch, var(--accent), transparent 50%)}.header-auth-register:hover{color:var(--ink-on-accent);background:color-mix(in oklch, var(--accent) 90%, #000);border-color:color-mix(in oklch, var(--accent) 90%, #000);box-shadow:0 8px 18px -6px color-mix(in oklch, var(--accent), transparent 35%);transform:translateY(-1px)}.footer-socials{align-items:center;gap:8px;display:flex}.footer-social{background:var(--surface-3);width:38px;height:38px;transition:transform .2s var(--ease-out), background .2s var(--ease-out);border-radius:12px;place-items:center;display:grid}.footer-social:hover{background:color-mix(in oklch, var(--accent), var(--surface-3) 70%);transform:translateY(-2px)}.footer-social svg{display:block}.footer-link{color:var(--ink-3);font:inherit;border-bottom:1px dashed color-mix(in oklch, var(--ink-3), transparent 50%);transition:color .16s var(--ease-out), border-color .16s var(--ease-out);background:0 0;padding:2px 0}.footer-link:hover{color:var(--accent-lo);border-color:var(--accent-lo)}@media (max-width:1200px){.nav{display:none}.hide-md{display:none!important}.header-inner{grid-template-columns:auto 1fr auto}}@media (max-width:640px){.header-inner{grid-template-columns:auto 1fr;grid-template-areas:"brand actions""search search";gap:8px;padding-block-start:10px;padding-block-end:10px}.header-inner>.brand{grid-area:brand}.header-inner>.header-actions{grid-area:actions;justify-self:end}.header-inner>.search{grid-area:search;width:100%;max-width:100%}.header-inner>.search input{height:42px;font-size:16px}.hide-sm{display:none!important}.balance-chip{padding:7px 12px;font-size:.82rem}.balance-chip svg{width:16px;height:16px}.header-actions{gap:6px}}@media (max-width:400px){.brand>div{display:none}.balance-chip{justify-content:center;width:42px;height:42px;padding:0}.balance-chip>span{display:none}}.home-grid{grid-template-columns:minmax(0,1fr);gap:clamp(24px,3vw,40px);display:grid}.home-grid>*{min-width:0}.back-to-catalog{background:var(--surface);border:1px solid var(--line);width:-moz-fit-content;width:fit-content;color:var(--ink-2);transition:all .16s var(--ease-out);border-radius:999px;justify-self:start;align-items:center;gap:8px;margin-bottom:-12px;padding:9px 16px 9px 12px;font-size:.88rem;font-weight:500;display:inline-flex}.back-to-catalog:hover{background:var(--accent-soft);border-color:color-mix(in oklch, var(--accent), transparent 55%);color:var(--accent-ink);gap:10px;padding-left:10px}.back-to-catalog svg{flex-shrink:0}.leader{border-radius:var(--radius-2xl);color:#fff;isolation:isolate;background:linear-gradient(135deg,#121b29 0%,#222c4c 60%,#4f2980 100%);background:linear-gradient(135deg,color(display-p3 .0785698 .103996 .154681) 0%,color(display-p3 .141128 .170114 .288459) 60%,color(display-p3 .29102 .168423 .483853) 100%);background:linear-gradient(135deg,lab(9.3565% -.346199 -10.7561) 0%,lab(18.2533% 3.96244 -21.575) 60%,lab(25.7352% 32.4405 -43.1554) 100%);align-items:center;min-height:clamp(320px,34vw,440px);padding:clamp(28px,4vw,64px) clamp(24px,3vw,56px);display:flex;position:relative;overflow:hidden}.leader-inner{z-index:2;max-width:680px;position:relative}.leader-deco{z-index:1;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.leader-deco .orb{filter:blur(40px);opacity:.7;border-radius:50%;position:absolute}.leader-deco .orb-1{background:radial-gradient(closest-side,#46c3208c,#0000 70%);background:radial-gradient(closest-side,color(display-p3 .420813 .755413 .256956/.55),#0000 70%);background:radial-gradient(closest-side,lab(69.9526% -56.1057 62.8104/.55),#0000 70%);width:520px;height:520px;top:-180px;right:-160px}.leader-deco .orb-2{background:radial-gradient(closest-side,#6054ec73,#0000 70%);background:radial-gradient(closest-side,color(display-p3 .36991 .330902 .892684/.45),#0000 70%);background:radial-gradient(closest-side,lab(44.3191% 38.7476 -76.8339/.45),#0000 70%);width:420px;height:420px;bottom:-160px;left:-120px}.leader-deco .orb-3{background:radial-gradient(closest-side,#ff76434d,#0000 70%);background:radial-gradient(closest-side,color(display-p3 .932792 .492347 .314747/.3),#0000 70%);background:radial-gradient(closest-side,lab(66.1082% 51.2289 53.2245/.3),#0000 70%);width:240px;height:240px;top:20%;right:20%}.leader-inner .eyebrow{color:#ffffffe6;color:color(display-p3 1 1 1/.9);color:lab(100% 0 0/.9);letter-spacing:.04em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;background:color(display-p3 1 1 1/.1);background:lab(100% 0 0/.1);border-radius:999px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 12px;font-size:.75rem;font-weight:500;display:inline-flex}.eyebrow-dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 12px var(--accent);border-radius:999px}.leader-inner h1{color:#fff;font-family:var(--font-display);letter-spacing:-.04em;margin-bottom:16px;font-size:clamp(2rem,3.4vw + 1rem,4.2rem);font-weight:700;line-height:1.02}.leader-inner h1 em{color:var(--accent);background:linear-gradient(#0000 65%,#46c32059 65%);background:linear-gradient(#0000 65%,color(display-p3 .420813 .755413 .256956/.35) 65%);background:linear-gradient(#0000 65%,lab(69.9526% -56.1057 62.8104/.35) 65%);padding-inline-start:4px;padding-inline-end:4px;font-style:normal}.leader-inner .lede{color:#ffffffc7;color:color(display-p3 1 1 1/.78);color:lab(100% 0 0/.78);max-width:54ch;margin-bottom:28px;font-size:clamp(.96rem,.4vw + .8rem,1.1rem);line-height:1.55}.leader-cta{flex-wrap:wrap;gap:10px;display:flex}.leader-btn-secondary{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;background:color(display-p3 1 1 1/.08);background:lab(100% 0 0/.08);border:1px solid #ffffff38;border:1px solid color(display-p3 1 1 1/.22);border:1px solid lab(100% 0 0/.22)}.leader-btn-secondary:hover{color:#fff;background:#ffffff26;background:color(display-p3 1 1 1/.15);background:lab(100% 0 0/.15);border-color:#ffffff59;border-color:color(display-p3 1 1 1/.35);border-color:lab(100% 0 0/.35)}.leader-stats{border-top:1px solid #ffffff26;border-top:1px solid color(display-p3 1 1 1/.15);border-top:1px solid lab(100% 0 0/.15);flex-wrap:wrap;gap:clamp(20px,3vw,40px);margin-top:32px;padding-top:28px;display:flex}.leader-stats .stat-item .num{font-family:var(--font-display);color:var(--accent);letter-spacing:-.02em;font-size:1.6rem;font-weight:700}.leader-stats .stat-item .lbl{color:#ffffffa6;color:color(display-p3 1 1 1/.65);color:lab(100% 0 0/.65);text-transform:uppercase;letter-spacing:.06em;margin-top:2px;font-size:.76rem}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:20px;display:flex}.section-head h2{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(1.2rem,1vw + .9rem,1.75rem);font-weight:700}.section-head .hint{color:var(--ink-3);font-size:.88rem}.cat-strip{grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:10px;margin-bottom:8px;display:grid}.cat-tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);color:var(--ink);text-align:center;transition:all .16s var(--ease-out);flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:92px;padding:14px 10px;display:flex}.cat-tile:hover{border-color:var(--accent);box-shadow:var(--shadow-2);color:var(--ink);transform:translateY(-2px)}.cat-tile.active{border-color:var(--accent);background:var(--accent-soft)}.cat-icon{width:40px;height:40px;font-family:var(--font-display);color:var(--accent-ink);background:var(--accent-soft);border:1px solid color-mix(in oklch, var(--accent), transparent 70%);border-radius:10px;flex-shrink:0;place-items:center;font-size:1rem;font-weight:700;display:grid}.cat-tile .name{font-size:.84rem;font-weight:600;line-height:1.2}.cat-icon img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.cat-tile-more{background:color-mix(in oklch, var(--accent), transparent 92%);border-color:color-mix(in oklch, var(--accent), transparent 65%)}.cat-tile-more:hover{background:color-mix(in oklch, var(--accent), transparent 86%);border-color:var(--accent)}.cat-icon.cat-icon-more{background:linear-gradient(135deg, var(--accent), color-mix(in oklch, var(--accent), #000 30%));color:var(--ink-on-accent);font-size:1rem;font-weight:700}.cat-tile-more .name{color:var(--accent-ink)}.cat-nav{-ms-overflow-style:none;scrollbar-width:thin;scrollbar-color:var(--line-hi) transparent;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x;gap:8px;padding:6px 2px 12px;display:flex;overflow:auto hidden}.cat-nav::-webkit-scrollbar{height:6px}.cat-nav::-webkit-scrollbar-thumb{background:var(--line-hi);border-radius:999px}.cat-nav::-webkit-scrollbar-track{background:0 0}.cat-chip.cat-chip-more{background:color-mix(in oklch, var(--accent), transparent 90%);border-color:color-mix(in oklch, var(--accent), transparent 55%);color:var(--accent-ink);font-weight:600}.cat-chip.cat-chip-more:hover{background:color-mix(in oklch, var(--accent), transparent 80%);border-color:var(--accent);color:var(--accent-ink)}.cat-chip{background:var(--surface);border:1px solid var(--line);color:var(--ink-2);white-space:nowrap;transition:all .16s var(--ease-out);scroll-snap-align:start;border-radius:999px;flex-shrink:0;padding:9px 16px;font-size:.88rem;font-weight:500}.cat-chip:hover{border-color:var(--line-hi);background:var(--surface-2);color:var(--ink)}.cat-chip.active{background:var(--accent);border-color:var(--accent);color:var(--ink-on-accent);font-weight:600}.product-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:clamp(14px,1.6vw,20px);display:grid}.cat-section{scroll-margin-top:calc(var(--header-h) + 14px);margin-top:clamp(22px,3vw,38px)}.cat-section-head{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:16px;padding-bottom:12px;display:flex}.cat-section-title-wrap{flex-wrap:wrap;align-items:baseline;gap:14px;display:inline-flex}.cat-section-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);font-size:clamp(1.15rem,.9vw + .85rem,1.55rem);font-weight:700}.cat-section-all{color:var(--accent-lo);transition:gap .16s var(--ease-out), color .16s var(--ease-out);align-items:center;gap:4px;font-size:.88rem;font-weight:600;display:inline-flex}.cat-section-all:hover{color:var(--accent);gap:8px}.cat-section-sort{flex-shrink:0;align-items:center;gap:8px;display:inline-flex}@media (max-width:640px){.cat-section-sort{justify-content:space-between;width:100%}.cat-section-sort .fselect{flex:1;max-width:260px}}.product-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);transition:transform .2s var(--ease-out), border-color .2s var(--ease-out), box-shadow .22s var(--ease-out);text-align:left;color:inherit;flex-direction:column;display:flex;position:relative;overflow:hidden}.product-card:hover{border-color:var(--line-hi);box-shadow:var(--shadow-2);color:inherit;transform:translateY(-3px)}.product-media{aspect-ratio:1;background:var(--surface-2);place-items:center;display:grid;position:relative;overflow:hidden}.product-media img{object-fit:contain;object-position:center;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.product-media .letter{font-family:var(--font-display);color:#151b2452;color:color(display-p3 .0872986 .10452 .138078/.32);color:lab(9.42785% -.533104 -7.25476/.32);letter-spacing:-.05em;font-size:clamp(2.2rem,5vw,3.8rem);font-weight:700}.product-body{flex-direction:column;gap:8px;padding:14px 16px 16px;display:flex}.product-tags,.product-tag,.delivery-badge,.product-delivery-mark{display:none!important}.popular-badge,.discount-badge{z-index:3;color:#fffffff0;letter-spacing:0;white-space:nowrap;pointer-events:none;background:#0a0c10ad;border:0;border-radius:999px;align-items:center;gap:5px;height:22px;padding:0 8px;font-size:.64rem;font-weight:600;line-height:1;display:inline-flex;position:absolute;box-shadow:0 4px 10px #02060f2e}.popular-badge .flame-svg{opacity:.9;flex-shrink:0}.popular-badge{color:#fffffff0;max-width:calc(100% - 20px);bottom:10px;left:10px}.popular-badge .flame-svg{color:#f5b642}.popular-badge span{text-overflow:ellipsis;min-width:0;overflow:hidden}.discount-badge{color:#ffd3d8;font-variant-numeric:tabular-nums;background:#2a0d12b8;border:1px solid #ff768647;top:10px;right:10px}.product-card.is-popular .product-media,.product-card.is-popular:hover .product-media{box-shadow:none}@media (max-width:600px){.popular-badge,.discount-badge{height:20px;padding:0 7px;font-size:.58rem}.popular-badge{max-width:calc(100% - 16px);bottom:8px;left:8px}.discount-badge{top:8px;right:8px}.popular-badge span{display:none}}.product-price-old{color:var(--ink-3);margin-right:6px;font-size:.85rem;font-weight:500;text-decoration:line-through}.product-price-sale{color:#ef4444}.product-card.on-sale{border-color:#ef44444d;border-color:color(display-p3 .865136 .32187 .296592/.3);border-color:lab(55.7852% 65.6164 40.7976/.3)}.cat-reviews-section .cat-reviews-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.cat-reviews-section .review-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:14px 16px}.cat-reviews-section .review-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:4px;display:flex}.cat-reviews-section .review-body{white-space:pre-wrap;word-break:break-word;color:var(--ink-2);font-size:.92rem;line-height:1.45}.cat-rating-stars{letter-spacing:1px;font-size:.85rem}.cat-rating-stars .icon-star{color:var(--text-muted,#889)}.cat-rating-stars .icon-star.is-filled{color:#f5b400}.catalog-tagline{color:var(--ink-3);max-width:64ch;margin:4px 0 0;font-size:.92rem}.trending-section{text-align:center;margin-bottom:32px}.trending-section .section-head{justify-content:center}.trending-section .section-head>div{text-align:center}.trending-title{justify-content:center;align-items:center;gap:8px;display:inline-flex}.trending-grid{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:14px;display:flex}.trending-grid .trending-card{flex:0 280px;min-width:220px;max-width:320px}.trending-card{border-radius:var(--radius-md);background:linear-gradient(135deg, color-mix(in oklch, var(--accent), var(--surface) 88%) 0%, var(--surface) 75%);border:1px solid color-mix(in oklch, var(--accent), transparent 70%);color:var(--ink);transition:transform .22s var(--ease-out), border-color .22s var(--ease-out), box-shadow .24s var(--ease-out);isolation:isolate;align-items:center;gap:12px;padding:12px 14px 12px 12px;text-decoration:none;display:flex;position:relative;overflow:hidden}.trending-card:before{content:"";background:radial-gradient(circle at top right, color-mix(in oklch, var(--accent), transparent 80%), transparent 60%);opacity:0;transition:opacity .22s var(--ease-out);z-index:-1;position:absolute;top:0;bottom:0;left:0;right:0}.trending-card:hover{border-color:color-mix(in oklch, var(--accent), transparent 35%);box-shadow:0 12px 28px -16px color-mix(in oklch, var(--accent), transparent 30%), 0 0 0 1px color-mix(in oklch, var(--accent), transparent 50%) inset;color:var(--ink);transform:translateY(-2px)}.trending-card:hover:before{opacity:1}.trending-rank{font-family:var(--font-display);color:color-mix(in oklch, var(--accent), var(--ink) 30%);text-align:center;letter-spacing:-.02em;min-width:28px;font-size:1rem;font-weight:800}.trending-card:first-child .trending-rank{background:linear-gradient(135deg,#fff5b8,#ff7a1a);color:#0000;filter:drop-shadow(0 0 4px #ffc83c66);-webkit-background-clip:text;background-clip:text}.trending-card:nth-child(2) .trending-rank{background:linear-gradient(135deg,#e8e8ec,#a3a8b3);color:#0000;-webkit-background-clip:text;background-clip:text}.trending-card:nth-child(3) .trending-rank{background:linear-gradient(135deg,#f5b878,#b8742a);color:#0000;-webkit-background-clip:text;background-clip:text}.trending-cover{border:1px solid var(--line);background:linear-gradient(140deg,#dee2ff,#b1cfff);background:linear-gradient(140deg,color(display-p3 .866282 .881808 1.0403),color(display-p3 .688194 .807791 1.04391));background:linear-gradient(140deg,lab(90.2086% 4.78548 -21.9035),lab(82.0902% -1.78346 -36.0135));border-radius:12px;flex-shrink:0;width:48px;height:48px;position:relative;overflow:hidden}.trending-cover .good-cover-letter{font-family:var(--font-display);color:#4a5472b3;color:color(display-p3 .298582 .328723 .436021/.7);color:lab(35.8343% 1.86765 -18.2996/.7);place-items:center;font-size:1.3rem;font-weight:700;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.trending-cover .good-cover{object-fit:cover;border-radius:inherit;background:#fff;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.trending-info{flex:1;min-width:0}.trending-name{white-space:nowrap;text-overflow:ellipsis;color:var(--ink);margin-bottom:2px;font-size:.95rem;font-weight:600;overflow:hidden}.trending-meta{color:var(--ink-3);align-items:center;gap:4px;font-size:.74rem;font-weight:500;display:inline-flex}.trending-arrow{color:var(--ink-3);transition:transform .22s var(--ease-out), color .2s var(--ease-out);flex-shrink:0}.trending-card:hover .trending-arrow{color:var(--accent-ink);transform:translate(3px)}@media (max-width:480px){.trending-grid{grid-template-columns:1fr}}.catalog-sub{color:var(--ink-3);max-width:80ch;margin:4px 0 18px;font-size:.92rem;line-height:1.55}.catalog-perks{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-bottom:22px;display:grid}.catalog-perk{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);transition:border-color .2s var(--ease-out), background .2s var(--ease-out);align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.catalog-perk:hover{border-color:color-mix(in oklch, var(--accent), transparent 60%);background:color-mix(in oklch, var(--accent), var(--surface) 92%)}.catalog-perk-icon{background:color-mix(in oklch, var(--accent), transparent 82%);width:38px;height:38px;color:var(--accent-ink);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.catalog-perk-title{color:var(--ink);margin-bottom:2px;font-size:.95rem;font-weight:600}.catalog-perk-body{color:var(--ink-3);font-size:.84rem;line-height:1.4}.cat-perks-bar{background:color-mix(in oklch, var(--accent), var(--surface) 92%);border:1px solid color-mix(in oklch, var(--accent), transparent 70%);border-radius:var(--radius-md);color:var(--ink-2);flex-wrap:wrap;gap:8px 16px;margin:4px 0 14px;padding:10px 14px;font-size:.86rem;display:flex}.cat-perks-item{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.cat-perks-item svg{color:var(--accent-ink);flex-shrink:0}.product-name{-webkit-line-clamp:2;min-height:2.6em;color:var(--ink);-webkit-box-orient:vertical;font-size:.95rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.product-meta{justify-content:space-between;align-items:center;gap:10px;margin-top:2px;display:flex}.product-price{font-family:var(--font-display);color:var(--ink);font-size:1.05rem;font-weight:700}.product-from{color:var(--ink-3);margin-bottom:-2px;font-size:.72rem;font-weight:500;display:block}.empty-state{text-align:center;color:var(--ink-3);border:1px dashed var(--line);border-radius:var(--radius-lg);background:var(--surface);padding:60px 24px}.empty-state .big{font-family:var(--font-display);color:var(--ink);margin-bottom:8px;font-size:2rem}@media (max-width:700px){.leader{min-height:0;padding:28px 22px}.leader-stats{gap:18px;margin-top:26px;padding-top:22px}.leader-stats .stat-item .num{font-size:1.35rem}}@media (max-width:560px){.product-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:10px}.product-body{padding:12px 12px 14px}.product-name{min-height:auto;font-size:.88rem}.cat-strip{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px}.cat-tile{min-height:92px;padding:12px 6px}.cat-icon{width:36px;height:36px;font-size:1rem}}.subcat-strip{flex-wrap:wrap;gap:8px;margin:0 0 18px;display:flex}.subcat-chip{-webkit-appearance:none;appearance:none;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);cursor:pointer;border-radius:999px;padding:8px 14px;font-size:.88rem;font-weight:500;transition:background .15s,color .15s,border-color .15s}.subcat-chip:hover{color:var(--ink);border-color:var(--ink-3)}.subcat-chip.active{background:var(--accent,#ff5252);border-color:var(--accent,#ff5252);color:#fff}.catalog-filter-wrap{margin:0 0 22px}.catalog-filter{flex-wrap:wrap;justify-content:center;gap:10px;margin:0 0 14px;display:flex}.catalog-filter_item{-webkit-appearance:none;appearance:none;background:var(--surface);border:1px solid var(--line);color:var(--ink-2);cursor:pointer;border-radius:999px;align-items:center;gap:10px;padding:10px 18px;font-size:.92rem;font-weight:600;transition:background .15s,color .15s,border-color .15s,box-shadow .15s;display:inline-flex}.catalog-filter_item:hover{border-color:var(--ink-3);color:var(--ink)}.catalog-filter_item.active{background:var(--accent);border-color:var(--accent);color:var(--ink-on-accent);box-shadow:0 8px 18px -10px color-mix(in oklch, var(--accent), transparent 30%)}.catalog-filter_item__icon{justify-content:center;align-items:center;display:inline-flex}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;display:grid}.good{color:var(--ink);transition:transform .2s var(--ease-out);background:0 0;flex-direction:column;gap:8px;text-decoration:none;display:flex}.good:hover{color:var(--ink);transform:translateY(-3px)}.good-cover-wrapper{aspect-ratio:1;border-radius:var(--radius-md);background:linear-gradient(140deg, var(--surface-2), var(--surface-3));border:1px solid var(--line);width:100%;position:relative;overflow:hidden}.good:nth-child(5n+1) .good-cover-wrapper{background:linear-gradient(140deg,#cdf1c5,#a1e4ae);background:linear-gradient(140deg,color(display-p3 .829825 .939834 .785759),color(display-p3 .688586 .886813 .701205));background:linear-gradient(140deg,lab(91.5941% -18.1787 17.3356),lab(85.0623% -29.8032 19.2372))}.good:nth-child(5n+2) .good-cover-wrapper{background:linear-gradient(140deg,#dee2ff,#b1cfff);background:linear-gradient(140deg,color(display-p3 .866282 .881808 1.0403),color(display-p3 .688194 .807791 1.04391));background:linear-gradient(140deg,lab(90.2086% 4.78548 -21.9035),lab(82.0902% -1.78346 -36.0135))}.good:nth-child(5n+3) .good-cover-wrapper{background:linear-gradient(140deg,#ffe5cf,#ffc9af);background:linear-gradient(140deg,color(display-p3 1.00303 .899318 .806142),color(display-p3 1.02059 .776849 .651383));background:linear-gradient(140deg,lab(92.9223% 8.93235 17.0269),lab(85.474% 25.4137 28.7932))}.good:nth-child(5n+4) .good-cover-wrapper{background:linear-gradient(140deg,#b7f0fb,#82d7ff);background:linear-gradient(140deg,color(display-p3 .762466 .935737 .976753),color(display-p3 .587431 .83493 .98501));background:linear-gradient(140deg,lab(91.1973% -17.1507 -11.3706),lab(81.7193% -18.824 -28.2505))}.good:nth-child(5n+5) .good-cover-wrapper{background:linear-gradient(140deg,#ffe0dc,#ffbabf);background:linear-gradient(140deg,color(display-p3 1.03959 .872621 .849733),color(display-p3 1.00146 .729007 .742076));background:linear-gradient(140deg,lab(92.48% 18.4745 10.0271),lab(82.6709% 32.5121 10.4743))}.good-cover{object-fit:cover;border-radius:inherit;width:100%;height:100%;box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--ink), transparent 88%);transition:transform .3s var(--ease-out), opacity .2s var(--ease-out);background:#fff;display:block;position:absolute;top:0;bottom:0;left:0;right:0}:root[data-theme=dark] .good-cover{background:#f3f5f8}.good:hover .good-cover{transform:scale(1.04)}.good-cover-letter{font-family:var(--font-display);letter-spacing:-.05em;color:#151b2452;color:color(display-p3 .0872986 .10452 .138078/.32);color:lab(9.42785% -.533104 -7.25476/.32);place-items:center;font-size:clamp(2rem,4vw,3.4rem);font-weight:700;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.good-name{color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:0 2px;font-size:.92rem;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}@media (max-width:600px){.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px}.good-name{font-size:.85rem}.catalog-filter_item{padding:8px 14px;font-size:.86rem}}.leader{background:radial-gradient(circle at 80% 20%,#483eb58c,#0000 50%),radial-gradient(circle at 10% 90%,#00809f73,#0000 50%),linear-gradient(135deg,#0b111f 0%,#141d3b 50%,#342661 100%);background:radial-gradient(circle at 80% 20%,color(display-p3 .275643 .245289 .682438/.55),#0000 50%),radial-gradient(circle at 10% 90%,color(display-p3 -.248113 .508239 .705182/.45),#0000 50%),linear-gradient(135deg,color(display-p3 .0480826 .0667447 .117019) 0%,color(display-p3 .0863241 .111492 .224969) 50%,color(display-p3 .194532 .152484 .367699) 100%);background:radial-gradient(circle at 80% 20%,lab(33.352% 31.7025 -62.8641/.55),#0000 50%),radial-gradient(circle at 10% 90%,lab(48.477% -35.0644 -41.4319/.45),#0000 50%),linear-gradient(135deg,lab(5.10478% .614077 -10.0448) 0%,lab(11.2278% 4.96501 -21.4365) 50%,lab(19.6239% 18.9223 -33.4752) 100%)}.leader-deco .orb-1{animation:14s ease-in-out infinite orb-float-1}.leader-deco .orb-2{animation:18s ease-in-out infinite orb-float-2}.leader-deco .orb-3{animation:12s ease-in-out infinite orb-float-3}.leader-deco .orb-4{filter:blur(50px);background:radial-gradient(closest-side,#00d1d959,#0000 70%);background:radial-gradient(closest-side,color(display-p3 -.0658587 .829227 .883766/.35),#0000 70%);background:radial-gradient(closest-side,lab(76.1967% -55.9719 -22.8738/.35),#0000 70%);border-radius:50%;width:320px;height:320px;animation:16s ease-in-out infinite reverse orb-float-1;position:absolute;bottom:20%;right:30%}.leader-grid{pointer-events:none;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-image:linear-gradient(color(display-p3 1 1 1/.03) 1px,#0000 1px),linear-gradient(90deg,color(display-p3 1 1 1/.03) 1px,#0000 1px);background-image:linear-gradient(lab(100% 0 0/.03) 1px,#0000 1px),linear-gradient(90deg,lab(100% 0 0/.03) 1px,#0000 1px);background-size:40px 40px;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:radial-gradient(circle,#000 30%,#0000 75%);mask-image:radial-gradient(circle,#000 30%,#0000 75%)}@keyframes orb-float-1{0%,to{transform:translate(0)}50%{transform:translate(-20px,30px)}}@keyframes orb-float-2{0%,to{transform:translate(0)}50%{transform:translate(30px,-25px)}}@keyframes orb-float-3{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-15px,-15px)scale(1.1)}}.leader-cta{gap:12px}.leader-cta .btn-lg{border-radius:14px;padding:14px 24px;font-size:1rem}.leader-trending{flex-wrap:wrap;align-items:center;gap:12px;margin-top:22px;display:flex}.leader-trending-label{color:#ffffff8c;color:color(display-p3 1 1 1/.55);color:lab(100% 0 0/.55);text-transform:uppercase;letter-spacing:.06em;font-size:.8rem;font-weight:600}.leader-trending-chips{flex-wrap:wrap;gap:8px;display:flex}.leader-chip{color:#ffffffeb;color:color(display-p3 1 1 1/.92);color:lab(100% 0 0/.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .16s var(--ease-out), border-color .16s var(--ease-out), transform .16s var(--ease-out);background:#ffffff1a;background:color(display-p3 1 1 1/.1);background:lab(100% 0 0/.1);border:1px solid #ffffff2e;border:1px solid color(display-p3 1 1 1/.18);border:1px solid lab(100% 0 0/.18);border-radius:999px;align-items:center;padding:7px 14px;font-size:.85rem;font-weight:500;display:inline-flex}.leader-chip:hover{color:#fff;background:#ffffff2e;background:color(display-p3 1 1 1/.18);background:lab(100% 0 0/.18);border-color:#ffffff4d;border-color:color(display-p3 1 1 1/.3);border-color:lab(100% 0 0/.3);transform:translateY(-1px)}.leader-stats .stat-item{align-items:center;gap:12px;display:flex}.stat-icon{width:42px;height:42px;color:var(--accent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;background:color(display-p3 1 1 1/.1);background:lab(100% 0 0/.1);border:1px solid #ffffff2e;border:1px solid color(display-p3 1 1 1/.18);border:1px solid lab(100% 0 0/.18);border-radius:12px;flex-shrink:0;place-items:center;display:grid}@media (max-width:700px){.leader-cta{flex-direction:column;align-items:stretch}.leader-cta .btn-lg{justify-content:center;width:100%}.leader-trending{flex-direction:column;align-items:flex-start;gap:8px}.leader-stats .stat-item{gap:10px}.stat-icon{width:36px;height:36px}.stat-icon svg{width:18px;height:18px}}.good-more .good-cover-wrapper{background:linear-gradient(135deg, var(--accent), color-mix(in oklch, var(--accent), #000 25%))!important}.good-more .good-cover-letter{color:#fff;font-size:clamp(1.6rem,3vw,2.4rem);font-weight:700}.good-more .good-name{color:var(--accent-ink);font-weight:700}.section-head .btn{flex-shrink:0}.leader,.leader-inner{max-width:100%}.empty-state{box-sizing:border-box;max-width:100%}.empty-state .big{overflow-wrap:break-word;font-size:clamp(1.2rem,4vw + .4rem,2rem)}@media (max-width:480px){.leader{border-radius:var(--radius-xl);padding:24px 18px}.leader-inner h1{font-size:clamp(1.55rem,6vw + .4rem,2rem)}.leader-inner .lede{font-size:.92rem}.leader-stats{gap:14px}.leader-stats .stat-item .num{font-size:1.2rem}.leader-stats .stat-item .lbl{font-size:.7rem}.empty-state{padding:40px 18px}}.cat-description{color:var(--ink-3);max-width:80ch;margin:-8px 0 18px;font-size:.95rem;line-height:1.55}.games-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));align-items:start;gap:14px;display:grid}.game-tile{background:var(--surface);border:1px solid var(--line);border-radius:16px;flex-direction:column;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden}.game-tile:hover{border-color:color-mix(in oklch, var(--accent), transparent 50%);box-shadow:0 14px 32px -18px color-mix(in oklch, var(--accent), transparent 50%);transform:translateY(-2px)}.game-tile-cover{aspect-ratio:1;background:linear-gradient(135deg, color-mix(in oklch, var(--accent), transparent 65%) 0%, color-mix(in oklch, var(--accent), transparent 88%) 100%);place-items:center;display:grid;position:relative;overflow:hidden}.game-tile-cover img{object-fit:cover;width:100%;height:100%;display:block}.game-tile-letter{letter-spacing:-.04em;color:color-mix(in oklch, var(--accent), white 20%);text-shadow:0 6px 24px color-mix(in oklch, var(--accent), transparent 50%);font-size:4rem;font-weight:800}.game-tile-cover-glow{background:radial-gradient(50% 50% at 50% 50%, color-mix(in oklch, var(--accent), transparent 75%) 0%, transparent 70%);pointer-events:none;position:absolute;top:-30%;bottom:-30%;left:-30%;right:-30%}.game-tile-body{justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;display:flex}.game-tile-name{color:var(--ink);letter-spacing:-.01em;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;min-width:0;font-size:.92rem;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.game-tile-arrow{width:28px;height:28px;color:var(--accent);background:color-mix(in oklch, var(--accent), transparent 85%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .18s,transform .18s;display:inline-flex}.game-tile:hover .game-tile-arrow{background:var(--accent);color:var(--ink-on-accent);transform:translate(2px)}@media (max-width:600px){.games-grid{grid-template-columns:repeat(2,1fr);gap:10px}.game-tile-name{font-size:.84rem}.game-tile-body{padding:10px 12px}.game-tile-letter{font-size:2.8rem}}.game-hero{background:radial-gradient(120% 80% at 0% 0%, color-mix(in oklch, var(--accent), transparent 86%) 0%, transparent 60%), radial-gradient(120% 80% at 100% 100%, color-mix(in oklch, var(--accent), transparent 90%) 0%, transparent 55%), var(--surface);border:1px solid var(--line);box-shadow:0 14px 40px -28px color-mix(in oklch, var(--accent), transparent 50%);border-radius:22px;grid-template-columns:132px 1fr;align-items:center;gap:22px;margin:0 0 18px;padding:22px 26px;display:grid;position:relative;overflow:hidden}.game-hero-cover{background:linear-gradient(135deg, color-mix(in oklch, var(--accent), transparent 65%) 0%, color-mix(in oklch, var(--accent), transparent 88%) 100%);border:1px solid color-mix(in oklch, var(--accent), transparent 60%);border-radius:22px;flex-shrink:0;place-items:center;width:132px;height:132px;display:grid;position:relative;overflow:hidden}.game-hero-cover img{object-fit:cover;width:100%;height:100%;display:block}.game-hero-letter{letter-spacing:-.04em;color:color-mix(in oklch, var(--accent), white 20%);text-shadow:0 4px 22px color-mix(in oklch, var(--accent), transparent 50%);font-size:3.6rem;font-weight:800}.game-hero-cover-glow{background:radial-gradient(50% 50% at 50% 50%, color-mix(in oklch, var(--accent), transparent 70%) 0%, transparent 70%);pointer-events:none;position:absolute;top:-30%;bottom:-30%;left:-30%;right:-30%}.game-hero-body{min-width:0}.game-hero-crumb{color:var(--ink-3);align-items:center;gap:6px;margin:0 0 8px;font-size:.78rem;display:flex}.game-hero-crumb a{color:var(--ink-3);text-decoration:none;transition:color .15s}.game-hero-crumb a:hover{color:var(--accent)}.game-hero-crumb span:last-child{color:var(--ink);font-weight:500}.game-hero-title{letter-spacing:-.02em;margin:0 0 10px;font-size:clamp(1.2rem,1.4vw + .6rem,1.85rem);font-weight:800;line-height:1.15}.game-hero-badges{flex-wrap:wrap;gap:6px;margin:0 0 10px;display:flex}.game-hero-badge{background:color-mix(in oklch, var(--surface), var(--ink) 4%);border:1px solid var(--line);color:var(--ink-2);border-radius:999px;align-items:center;gap:5px;padding:5px 11px;font-size:.76rem;font-weight:600;display:inline-flex}.game-hero-badge svg{flex-shrink:0}.game-hero-badge.is-official{background:color-mix(in oklch, var(--accent), transparent 84%);border-color:color-mix(in oklch, var(--accent), transparent 50%);color:color-mix(in oklch, var(--accent), var(--ink) 20%)}.game-hero-desc{color:var(--ink-3);max-width:72ch;font-size:.88rem;line-height:1.55}.game-hero-desc p{margin:0}@media (max-width:720px){.game-hero{border-radius:18px;grid-template-columns:86px 1fr;gap:14px;padding:14px 16px}.game-hero-cover{border-radius:16px;width:86px;height:86px}.game-hero-letter{font-size:2.3rem}.game-hero-title{margin-bottom:8px;font-size:1.05rem}.game-hero-desc{font-size:.82rem}}.game-tabs{background:color-mix(in oklch, var(--surface), var(--ink) 3%);border:1px solid var(--line);border-radius:14px;flex-wrap:wrap;gap:4px;margin:0 0 18px;padding:4px;display:flex}.game-tab{-webkit-appearance:none;appearance:none;color:var(--ink-3);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:10px;padding:9px 16px;font-size:.86rem;font-weight:600;transition:background .15s,color .15s,box-shadow .15s}.game-tab:hover{color:var(--ink);background:color-mix(in oklch, var(--surface), var(--ink) 6%)}.game-tab.is-active{background:var(--accent);color:var(--ink-on-accent);box-shadow:0 6px 18px -8px color-mix(in oklch, var(--accent), transparent 30%)}@media (max-width:720px){.game-tabs{scrollbar-width:none;-webkit-overflow-scrolling:touch;background:0 0;border:none;border-radius:0;flex-wrap:nowrap;margin-inline-start:calc(-1*clamp(14px,2.4vw,28px));margin-inline-end:calc(-1*clamp(14px,2.4vw,28px));padding-inline-start:clamp(14px,2.4vw,28px);padding-inline-end:clamp(14px,2.4vw,28px);overflow-x:auto}.game-tabs::-webkit-scrollbar{display:none}.game-tab{background:var(--surface);border:1px solid var(--line);border-radius:999px;flex-shrink:0;padding:8px 14px;font-size:.82rem}.game-tab.is-active{border-color:var(--accent)}}.hero-banners{margin-bottom:16px;position:relative}.hero-banners-track{scroll-snap-type:x proximity;scrollbar-width:none;grid-auto-columns:minmax(220px,1fr);grid-auto-flow:column;gap:12px;padding-bottom:4px;display:grid;overflow-x:auto}.hero-banners-track::-webkit-scrollbar{display:none}.hero-banner-card{aspect-ratio:16/11;background:linear-gradient(140deg, var(--surface-2), var(--surface-3));border:1px solid var(--line);scroll-snap-align:start;color:inherit;transition:transform .28s var(--ease-out), border-color .2s;border-radius:18px;text-decoration:none;display:block;position:relative;overflow:hidden}.hero-banner-card:hover{border-color:var(--line-hi);transform:translateY(-3px)}.hero-banner-card img{object-fit:cover;width:100%;height:100%;transition:transform .38s var(--ease-out);position:absolute;top:0;bottom:0;left:0;right:0}.hero-banner-card:hover img{transform:scale(1.06)}.hero-banner-letter{font-family:var(--font-display);color:#396fc866;color:color(display-p3 .275291 .428427 .758483/.4);color:lab(46.5658% 5.53095 -52.6513/.4);place-items:center;font-size:4rem;font-weight:700;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.hero-banner-overlay{color:#fff;background:linear-gradient(#0000 0%,#080a128c 40%,#080a12eb 100%);flex-direction:column;gap:2px;padding:14px 16px;display:flex;position:absolute;bottom:0;left:0;right:0}.hero-banner-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#ffffff9e;font-size:.65rem;font-weight:600}.hero-banner-title{letter-spacing:-.005em;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.96rem;font-weight:700;line-height:1.18;display:-webkit-box;overflow:hidden}@media (max-width:760px){.hero-banners-track{grid-auto-columns:minmax(180px,220px)}}.featured-tiles-wrap{margin-bottom:18px;position:relative}.featured-tiles-track{scroll-snap-type:x proximity;scrollbar-width:none;grid-auto-columns:92px;grid-auto-flow:column;gap:10px;padding:2px 0 6px;display:grid;overflow-x:auto}.featured-tiles-track::-webkit-scrollbar{display:none}.featured-tile{aspect-ratio:1;background:linear-gradient(140deg, var(--surface-2), var(--surface-3));border:1px solid var(--line);scroll-snap-align:start;transition:transform .28s var(--ease-out), border-color .2s;border-radius:14px;display:block;position:relative;overflow:hidden}.featured-tile:hover{border-color:var(--line-hi);z-index:2;transform:translateY(-3px)scale(1.04)}.featured-tile img{object-fit:cover;width:100%;height:100%;transition:transform .32s var(--ease-out)}.featured-tile:hover img{transform:scale(1.08)}.featured-tile-letter{font-family:var(--font-display);color:#396fc866;color:color(display-p3 .275291 .428427 .758483/.4);color:lab(46.5658% 5.53095 -52.6513/.4);place-items:center;font-size:1.8rem;font-weight:700;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}@media (max-width:600px){.featured-tiles-track{grid-auto-columns:76px}}.catalog-filter_item.is-active{background:var(--accent);border-color:var(--accent);color:var(--ink-on-accent);box-shadow:0 8px 18px -10px color-mix(in oklch, var(--accent), transparent 30%)}.catalog-subfilter{flex-wrap:wrap;justify-content:center;gap:6px;margin:0 0 10px;display:flex}.catalog-subfilter_item{-webkit-appearance:none;appearance:none;background:var(--surface);border:1px solid var(--line);color:var(--ink-2);cursor:pointer;white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:7px 16px;font-size:.83rem;font-weight:500;transition:background .15s,color .15s,border-color .15s,box-shadow .15s;display:inline-flex}.catalog-subfilter_item:hover{color:var(--ink);border-color:var(--ink-3);background:var(--surface-2,var(--surface))}.catalog-subfilter_item.is-active{background:var(--accent);border-color:var(--accent);color:var(--ink-on-accent);box-shadow:0 4px 14px -6px color-mix(in oklch, var(--accent), transparent 38%)}.catalog-subfilter_item__icon{opacity:.55;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.catalog-subfilter_item.is-active .catalog-subfilter_item__icon{opacity:.9}.catalog-subfilter--sub{margin-top:2px;margin-bottom:18px}.catalog-subfilter--sub .catalog-subfilter_item{border-color:color-mix(in oklch, var(--accent), transparent 60%);color:var(--ink-3);background:0 0;padding:5px 13px;font-size:.78rem}.catalog-subfilter--sub .catalog-subfilter_item:hover{color:var(--accent);border-color:var(--accent);background:color-mix(in oklch, var(--accent), transparent 90%);box-shadow:none}.catalog-subfilter--sub .catalog-subfilter_item.is-active{background:color-mix(in oklch, var(--accent), transparent 82%);border-color:var(--accent);color:var(--accent);box-shadow:none}@media (max-width:700px){.catalog-subfilter{padding-bottom:4px;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;flex-wrap:nowrap;justify-content:flex-start;margin-inline-start:calc(-1*clamp(14px,2.4vw,28px));margin-inline-end:calc(-1*clamp(14px,2.4vw,28px));padding-inline-start:clamp(14px,2.4vw,28px);padding-inline-end:clamp(14px,2.4vw,28px);overflow-x:auto}.catalog-subfilter::-webkit-scrollbar{display:none}.catalog-subfilter_item{scroll-snap-align:start}.catalog-filter_item{flex-shrink:0}}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}@media (min-width:900px){.catalog-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:1200px){.catalog-grid{grid-template-columns:repeat(4,1fr);gap:20px}}.product-grid.product-grid--home{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.product-grid.product-grid--home>*{flex:0 calc(50% - 7px);min-width:160px;max-width:280px}@media (min-width:720px){.product-grid.product-grid--home{gap:16px}.product-grid.product-grid--home>*{flex:0 calc(33.3333% - 10.6667px)}}@media (min-width:1024px){.product-grid.product-grid--home{gap:18px}.product-grid.product-grid--home>*{flex:0 calc(25% - 13.5px)}}.hero3d{isolation:isolate;color:#fff;background:radial-gradient(900px 600px at 95% 100%,#7c5cff73,#0000 60%),radial-gradient(700px 500px at 5% 0,#00d4ff66,#0000 55%),linear-gradient(135deg,#0a0e22 0%,#131838 55%,#1f1645 100%);border:1px solid #7c5cff59;border-radius:28px;margin-bottom:28px;padding:56px 56px 48px;display:block;position:relative;overflow:hidden;box-shadow:0 30px 80px -40px #7c5cff8c,inset 0 1px #ffffff0d}.hero3d-bg{z-index:0;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.hero3d-orb{filter:blur(70px);will-change:transform;border-radius:50%;position:absolute}.hero3d-orb-1{opacity:.55;background:radial-gradient(circle,#00d4ff 0%,#0000 65%);width:460px;height:460px;top:-25%;left:-8%}.hero3d-orb-2{opacity:.6;background:radial-gradient(circle,#b364ff 0%,#0000 65%);width:560px;height:560px;bottom:-30%;right:-12%}.hero3d-orb-3{opacity:.35;background:radial-gradient(circle,#ff5b9b 0%,#0000 70%);width:320px;height:320px;top:25%;left:35%}.hero3d-grid{transform-origin:top;background-image:linear-gradient(#7cdcff2e 1px,#0000 1px),linear-gradient(90deg,#7cdcff2e 1px,#0000 1px);background-size:48px 48px;height:90%;position:absolute;bottom:-45%;left:-20%;right:-20%;transform:perspective(900px)rotateX(62deg);-webkit-mask-image:linear-gradient(#0000 25%,#0009 65%,#000000f2 90%);mask-image:linear-gradient(#0000 25%,#0009 65%,#000000f2 90%)}.hero3d-noise{opacity:.06;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");position:absolute;top:0;bottom:0;left:0;right:0}.hero3d-left{z-index:2;flex-direction:column;gap:18px;max-width:540px;display:flex;position:relative}.hero3d-eyebrow{letter-spacing:.06em;text-transform:uppercase;color:#b4c8fff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #b4c8ff33;border-radius:999px;align-self:flex-start;align-items:center;gap:8px;padding:7px 14px;font-size:.72rem;font-weight:700;display:inline-flex}.hero3d-eyebrow-dot{background:#00ffd1;border-radius:50%;width:8px;height:8px;animation:1.6s ease-in-out infinite hero3d-pulse;box-shadow:0 0 12px #00ffd1}@keyframes hero3d-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.85)}}.hero3d-title{letter-spacing:-.025em;color:#fff;text-shadow:0 4px 30px #00d4ff33;margin:6px 0 0;font-size:clamp(2.2rem,4.8vw,3.8rem);font-weight:900;line-height:1.02}.hero3d-title em{background:linear-gradient(135deg,#00f0ff 0%,#b364ff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal;position:relative}.hero3d-title em:after{content:"";opacity:.25;background:linear-gradient(90deg,#00f0ff,#b364ff);border-radius:2px;height:.18em;position:absolute;bottom:.05em;left:0;right:0}.hero3d-lead{color:#dce6ffc7;max-width:460px;margin:0;font-size:1rem;line-height:1.55}.hero3d-cta{flex-wrap:wrap;gap:10px;margin-top:6px;display:flex}.hero3d-btn{letter-spacing:-.005em;cursor:pointer;border:1px solid #0000;border-radius:14px;align-items:center;gap:9px;padding:13px 22px;font-size:.95rem;font-weight:700;text-decoration:none;transition:transform .25s cubic-bezier(.2,.9,.3,1.2),box-shadow .3s,background .25s,border-color .25s;display:inline-flex}.hero3d-btn-primary{color:#0a0e22;background:linear-gradient(135deg,#00f0ff 0%,#66e0ff 100%);box-shadow:0 14px 30px -12px #00d4ffa6}.hero3d-btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 40px -10px #00d4ffd9}.hero3d-btn-ghost{color:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0f;border-color:#ffffff2e}.hero3d-btn-ghost:hover{background:#ffffff1f;border-color:#ffffff52;transform:translateY(-2px)}.hero3d-btn-tg svg{color:#229ed9}.hero3d-stats{border-top:1px solid #ffffff1a;align-items:center;gap:14px;margin-top:12px;padding-top:18px;display:flex}.hero3d-stat{flex-direction:column;gap:2px;display:flex}.hero3d-stat-num{background:linear-gradient(135deg,#fff 0%,#b8d4ff 100%);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;font-size:1.6rem;font-weight:800;line-height:1}.hero3d-stat-lbl{letter-spacing:.05em;text-transform:uppercase;color:#b4c8ff99;font-size:.7rem;font-weight:600}.hero3d-stat-sep{background:linear-gradient(#0000,#ffffff26,#0000);width:1px;height:30px}@media (max-width:980px){.hero3d{padding:36px 24px}.hero3d-title{font-size:clamp(1.9rem,7vw,2.6rem)}}@media (max-width:720px){.hero3d{border-radius:22px;padding:28px 20px}.hero3d-stats{flex-wrap:wrap;gap:14px;padding-top:14px}.hero3d-stat-num{font-size:1.3rem}.hero3d-cta{flex-direction:column;align-items:stretch}.hero3d-btn{justify-content:center}}.auth-page{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-xl);max-width:460px;box-shadow:var(--shadow-2);margin:clamp(32px,6vw,80px) auto;padding:clamp(28px,3vw,40px)}.auth-page h1{font-family:var(--font-display);letter-spacing:-.025em;margin-bottom:8px;font-size:clamp(1.7rem,1.5vw + 1rem,2.2rem)}.auth-page .sub{color:var(--ink-3);margin-bottom:28px;font-size:.95rem}.form-group{flex-direction:column;gap:6px;margin-bottom:18px;display:flex}.form-group label{color:var(--ink-2);font-size:.82rem;font-weight:500}.form-row{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.form-error{color:var(--danger-ink);background:var(--danger-soft);border:1px solid color-mix(in oklch, var(--danger), transparent 70%);border-radius:var(--radius-md);margin-bottom:16px;padding:12px 14px;font-size:.88rem}.form-ok{color:var(--accent-ink);background:var(--accent-soft);border:1px solid color-mix(in oklch, var(--accent), transparent 65%);border-radius:var(--radius-md);margin-bottom:16px;padding:12px 14px;font-size:.88rem}.form-hint{color:var(--ink-4);font-size:.78rem}.auth-switch{text-align:center;color:var(--ink-3);margin-top:22px;font-size:.92rem}.auth-switch a{color:var(--accent-lo);font-weight:600}.divider{background:var(--line);height:1px;margin:18px 0}.field-check{color:var(--ink-2);align-items:center;gap:8px;font-size:.9rem;display:flex}.field-check input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);flex-shrink:0}.price-box{background:var(--surface-3);border-radius:var(--radius-md);justify-content:space-between;align-items:center;margin-bottom:16px;padding:14px 18px;display:flex}.price-box .label{color:var(--ink-3);font-size:.88rem}.price-box .val{font-family:var(--font-display);color:var(--ink);font-size:1.15rem;font-weight:700}textarea{resize:vertical;min-height:96px}.product-page{grid-template-columns:minmax(0,1fr) minmax(280px,380px);align-items:start;gap:clamp(24px,3vw,44px);display:grid}.product-page>*{min-width:0}.product-hero{grid-template-columns:minmax(240px,340px) minmax(0,1fr);align-items:start;gap:clamp(20px,2.5vw,32px);margin-bottom:28px;display:grid}.product-hero.no-media{grid-template-columns:minmax(0,1fr)}.product-hero>*{min-width:0}.product-hero .media{aspect-ratio:1;border-radius:var(--radius-xl);background:linear-gradient(140deg, var(--surface-2), var(--surface-3));border:1px solid var(--line);place-items:center;display:grid;position:relative;overflow:hidden}.product-hero .media img{object-fit:contain;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.product-hero .media .letter{font-family:var(--font-display);color:var(--ink-4);opacity:.5;letter-spacing:-.05em;font-size:5rem;font-weight:700}.product-hero h1{font-family:var(--font-display);letter-spacing:-.028em;margin-bottom:14px;font-size:clamp(1.5rem,2vw + .8rem,2.4rem);line-height:1.08}.product-hero .chips-row{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.product-hero .desc{color:var(--ink-2);margin-bottom:20px;font-size:.97rem;line-height:1.65}.buy-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-xl);top:calc(var(--header-h) + 20px);box-shadow:var(--shadow-1);padding:24px;position:sticky}.buy-card .big-price{font-family:var(--font-display);color:var(--ink);letter-spacing:-.03em;margin-bottom:4px;font-size:clamp(1.8rem,2vw + .5rem,2.3rem);font-weight:700}.buy-card .stock-line{color:var(--ink-3);margin-bottom:18px;font-size:.9rem}.buy-card .btn{border-radius:var(--radius-md);width:100%;padding:14px;font-size:1rem}.buy-card .btn+.btn{margin-top:10px}.buy-card .cart-promo-row{align-items:stretch;gap:8px;margin-bottom:4px}.buy-card .cart-promo-row input{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-2);min-width:0;height:44px;color:var(--ink);flex:auto;padding:0 14px;font-size:.92rem;transition:border-color .15s,background .15s}.buy-card .cart-promo-row input::placeholder{color:var(--ink-3)}.buy-card .cart-promo-row input:focus{border-color:var(--accent);background:var(--surface);outline:none}.buy-card .cart-promo-row input:disabled{opacity:.6;cursor:not-allowed}.buy-card .cart-promo-row .btn{border-radius:var(--radius-md);flex:none;width:auto;min-width:110px;height:44px;padding:0 18px;font-size:.9rem;font-weight:600;margin-top:0!important}.qty-row{background:var(--surface-3);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;padding:14px 4px 14px 16px;display:flex}.qty-label{color:var(--ink-2);font-size:.9rem;font-weight:500}.qty-stepper{background:var(--surface);border:1px solid var(--line);border-radius:999px;align-items:center;gap:2px;padding:4px;display:inline-flex}.qty-stepper button{width:32px;height:32px;color:var(--ink);transition:background .14s var(--ease-out), color .14s var(--ease-out);border-radius:999px;place-items:center;font-size:1.25rem;font-weight:600;line-height:1;display:grid}.qty-stepper button:hover:not(:disabled){background:var(--accent-soft);color:var(--accent-ink)}.qty-stepper button:disabled{color:var(--ink-4);cursor:not-allowed}.qty-stepper input{text-align:center;width:48px;font-family:var(--font-display);color:var(--ink);background:0 0;border:none;padding:0;font-size:1rem;font-weight:700}.qty-stepper input:focus{box-shadow:none}.instructions{background:var(--surface-3);border:1px solid var(--line);border-radius:var(--radius-md);color:var(--ink-2);margin-top:18px;padding:16px 18px;font-size:.9rem;line-height:1.55}.instructions .ttl{color:var(--ink);margin-bottom:6px;font-size:.92rem;font-weight:600}.product-tabs{border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--line);min-width:0;max-width:100%;margin-top:22px;overflow:hidden}.product-tab-bar{background:var(--surface-3);border-bottom:1px solid var(--line);scrollbar-width:none;gap:4px;padding:6px;display:flex;overflow-x:auto}.product-tab-bar::-webkit-scrollbar{display:none}.product-tab{color:var(--ink-2);border-radius:calc(var(--radius-md) - 4px);cursor:pointer;white-space:nowrap;transition:color .16s var(--ease-out), background .16s var(--ease-out);background:0 0;border:0;align-items:center;gap:8px;padding:10px 16px;font-size:.95rem;font-weight:600;display:inline-flex}.product-tab:hover{color:var(--ink);background:color-mix(in oklch, var(--ink), transparent 92%)}.product-tab.is-active{color:var(--accent);background:color-mix(in oklch, var(--accent), transparent 86%)}.product-tab.is-active svg{color:var(--accent)}.product-tab-count{background:color-mix(in oklch, var(--accent), transparent 78%);min-width:20px;height:20px;color:var(--accent);border-radius:999px;justify-content:center;align-items:center;padding:0 6px;font-size:.78rem;font-weight:700;display:inline-flex}.product-tab-panel{overflow-wrap:break-word;word-wrap:break-word;min-width:0;max-width:100%;padding:20px}.product-tab-panel .reviews-section,.product-tab-panel .desc{margin-top:0}.product-tab-panel .instructions{background:0 0;border:none;border-radius:0;margin-top:0;padding:0;font-size:.97rem;line-height:1.65}.product-tab-panel img,.product-tab-panel pre,.product-tab-panel code{max-width:100%}.product-tab-panel pre{overflow-x:auto}.reviews-carousel{margin-top:16px;position:relative}.reviews-track{scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;gap:12px;padding:4px 2px 8px;scroll-padding-inline:4px;display:flex;overflow-x:auto}.reviews-track::-webkit-scrollbar{display:none}.reviews-track .review-card{scroll-snap-align:start;flex:0 0 min(320px,88%)}.reviews-nav{border:1px solid var(--line);background:var(--surface);width:36px;height:36px;color:var(--ink);cursor:pointer;z-index:2;transition:background .16s var(--ease-out), color .16s var(--ease-out), transform .16s var(--ease-out);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 6px 18px #0000002e}.reviews-nav:hover{background:var(--accent);color:var(--ink-on-accent);border-color:var(--accent)}.reviews-nav:active{transform:translateY(-50%)scale(.95)}.reviews-nav.prev{left:-8px}.reviews-nav.next{right:-8px}@media (max-width:560px){.reviews-nav{display:none}.reviews-track .review-card{flex-basis:85%}}@media (max-width:960px){.product-page{flex-direction:column;grid-template-columns:1fr;gap:12px;display:flex}.product-page>.buy-card{order:2}.product-page>:not(.buy-card){order:1}.product-hero{grid-template-columns:1fr;margin-bottom:0}.product-hero .media{aspect-ratio:1;max-width:360px;margin-inline-start:auto;margin-inline-end:auto}.buy-card{position:static}}@media (max-width:560px){.product-tab-bar{gap:2px;padding:4px}.product-tab{gap:6px;padding:8px 10px;font-size:.85rem}.product-tab svg{width:14px;height:14px}.product-tab-count{min-width:16px;height:16px;padding:0 4px;font-size:.7rem}.product-tab-panel{padding:14px}}.buy-card.bcp{background:linear-gradient(180deg, color-mix(in oklch, var(--accent), var(--surface) 92%) 0%, var(--surface) 18%, var(--surface) 100%);border:1px solid var(--line);box-shadow:0 30px 60px -30px color-mix(in oklch, var(--accent), transparent 50%), inset 0 1px 0 color-mix(in oklch, var(--accent), transparent 75%);border-radius:22px;flex-direction:column;gap:14px;padding:22px 22px 18px;display:flex;position:relative;overflow:hidden}.bcp-accent{background:linear-gradient(90deg, transparent 0%, var(--accent) 30%, color-mix(in oklch, var(--accent), #fff 35%) 50%, var(--accent) 70%, transparent 100%);pointer-events:none;height:3px;position:absolute;top:0;left:0;right:0}.bcp-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:2px;display:flex}.bcp-badge{letter-spacing:.02em;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.bcp-badge.is-auto{color:#ffb43c;background:#ffb43c26;background:color(display-p3 .956318 .718275 .334093/.15);background:lab(79.1809% 20.8964 68.3686/.15);border:1px solid #ffb43c4d;border:1px solid color(display-p3 .956318 .718275 .334093/.3);border:1px solid lab(79.1809% 20.8964 68.3686/.3)}.bcp-badge.is-manual{color:#5b9dff;background:#5b9dff26;background:color(display-p3 .418091 .609245 .971651/.15);background:lab(63.8034% 1.66383 -55.9981/.15);border:1px solid #5b9dff4d;border:1px solid color(display-p3 .418091 .609245 .971651/.3);border:1px solid lab(63.8034% 1.66383 -55.9981/.3)}.bcp-stock{color:var(--ink-2);align-items:center;gap:6px;font-size:.78rem;font-weight:600;display:inline-flex}.bcp-stock-dot{background:#34d399;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #34d39999}.bcp-price{flex-direction:column;gap:4px;display:flex}.bcp-price-label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-size:.7rem;font-weight:700}.bcp-price-sale{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.bcp-price-old{color:var(--ink-3);font-size:.95rem;text-decoration:line-through}.bcp-discount{color:#fff;letter-spacing:-.01em;background:linear-gradient(135deg,#ef4444,#f97316);border-radius:6px;align-items:center;padding:2px 8px;font-size:.72rem;font-weight:800;display:inline-flex}.bcp-price-main{align-items:baseline;gap:4px;margin-top:2px;line-height:1;display:flex}.bcp-price-num{letter-spacing:-.03em;background:linear-gradient(135deg, var(--ink) 30%, color-mix(in oklch, var(--accent), var(--ink) 50%) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.6rem;font-weight:800}.bcp-price-cur{color:var(--ink-2);font-size:1.4rem;font-weight:700}.bcp-price-unit{color:var(--ink-3);margin-top:2px;font-size:.78rem}.bcp-stepper-row{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.bcp-stepper-label{color:var(--ink-2);font-size:.85rem;font-weight:600}.bcp-stepper{background:var(--surface);border:1px solid var(--line);border-radius:12px;align-items:center;display:inline-flex;overflow:hidden}.bcp-stepper button{width:34px;height:34px;color:var(--ink);cursor:pointer;background:0 0;border:none;place-items:center;font-size:1.1rem;font-weight:700;transition:background .15s,color .15s;display:grid}.bcp-stepper button:hover:not(:disabled){background:color-mix(in oklch, var(--accent), transparent 88%);color:var(--accent)}.bcp-stepper button:disabled{opacity:.35;cursor:not-allowed}.bcp-stepper input{text-align:center;width:48px;height:34px;color:var(--ink);-webkit-appearance:textfield;appearance:textfield;background:0 0;border:none;font-size:.95rem;font-weight:700}.bcp-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.bcp-stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.bcp-stepper input:focus{outline:none}.bcp-note{flex-direction:column;gap:6px;display:flex}.bcp-note label{color:var(--ink-2);font-size:.78rem;font-weight:600}.bcp-note textarea{background:var(--surface-2);border:1px solid var(--line);min-height:70px;color:var(--ink);resize:vertical;border-radius:12px;padding:10px 12px;font-family:inherit;font-size:.88rem}.bcp-note textarea:focus{border-color:var(--accent);background:var(--surface);outline:none}.bcp-promo{align-items:stretch;gap:8px;display:flex}.bcp-promo input{border:1px solid var(--line);background:var(--surface-2);min-width:0;height:44px;color:var(--ink);border-radius:12px;flex:auto;padding:0 14px;font-size:.9rem;transition:border-color .15s,background .15s}.bcp-promo input::placeholder{color:var(--ink-3)}.bcp-promo input:focus{border-color:var(--accent);background:var(--surface);outline:none}.bcp-promo input:disabled{opacity:.6;cursor:not-allowed}.bcp-promo-btn{border:1px solid var(--line);background:var(--surface-2);min-width:100px;height:44px;color:var(--ink);cursor:pointer;border-radius:12px;flex:none;justify-content:center;align-items:center;padding:0 16px;font-size:.88rem;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.bcp-promo-btn:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:var(--ink-on-accent)}.bcp-promo-btn:disabled{opacity:.45;cursor:not-allowed}.bcp-promo-applied{color:#34d399;background:#34d3991a;border:1px solid #34d3994d;border-radius:12px;align-items:center;gap:8px;padding:10px 12px;font-size:.85rem;display:flex}.bcp-promo-applied b{font-weight:800}.bcp-promo-applied em{opacity:.85;font-style:normal}.bcp-error{color:#ef4444;background:#ef44441a;border:1px solid #ef444440;border-radius:10px;padding:8px 12px;font-size:.82rem}.bcp-balance{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.bcp-balance-label{color:var(--ink-3);align-items:center;gap:6px;font-size:.8rem;font-weight:600;display:inline-flex}.bcp-balance-val{color:var(--ink);letter-spacing:-.01em;font-size:1rem;font-weight:800}.bcp-balance-val.is-low{color:#ef4444}.bcp-cta{gap:8px;margin-top:4px;display:flex}.bcp-buy{background:linear-gradient(135deg, var(--accent) 0%, color-mix(in oklch, var(--accent), #fff 18%) 100%);height:54px;color:var(--ink-on-accent);letter-spacing:-.005em;cursor:pointer;box-shadow:0 14px 30px -10px color-mix(in oklch, var(--accent), transparent 35%);border:none;border-radius:14px;flex:auto;justify-content:center;align-items:center;gap:10px;padding:0 20px;font-size:1rem;font-weight:700;transition:transform .25s cubic-bezier(.2,.9,.3,1.2),box-shadow .25s;display:inline-flex;position:relative;overflow:hidden}.bcp-buy:before{content:"";pointer-events:none;background:linear-gradient(120deg,#0000 30%,#ffffff40 50%,#0000 70%);transition:transform .6s;position:absolute;top:0;bottom:0;left:0;right:0;transform:translate(-100%)}.bcp-buy:hover:not(:disabled){box-shadow:0 20px 40px -10px color-mix(in oklch, var(--accent), transparent 25%);transform:translateY(-2px)}.bcp-buy:hover:not(:disabled):before{transform:translate(100%)}.bcp-buy:disabled{cursor:not-allowed;opacity:.55;background:var(--surface-3);color:var(--ink-3);box-shadow:none}.bcp-buy-label{font-weight:700}.bcp-buy-price{color:inherit;background:#0000002e;border-radius:8px;align-items:center;padding:4px 10px;font-size:.92rem;font-weight:800;display:inline-flex}.bcp-cart{border:1px solid var(--line);background:var(--surface-2);height:54px;color:var(--ink);cursor:pointer;border-radius:14px;flex:none;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:.92rem;font-weight:600;transition:background .18s,border-color .18s,transform .18s,color .18s;display:inline-flex}.bcp-cart svg{flex-shrink:0}.bcp-cart-label{white-space:nowrap}.bcp-cart:hover{background:var(--accent);border-color:var(--accent);color:var(--ink-on-accent);transform:translateY(-2px)}@media (max-width:420px){.bcp-cart{width:50px;height:50px;padding:0}.bcp-cart-label{display:none}}.bcp-topup{color:#ef4444;background:#ef444414;border:1px dashed #ef444466;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:.85rem;font-weight:600;text-decoration:none;transition:background .18s;display:inline-flex}.bcp-topup:hover{background:#ef444424}.bcp-trust{border-top:1px solid var(--line);justify-content:space-around;align-items:center;margin-top:4px;padding-top:12px;display:flex}.bcp-trust-item{color:var(--ink-3);align-items:center;gap:5px;font-size:.72rem;font-weight:600;display:inline-flex}.bcp-trust-item svg{color:var(--accent);opacity:.85}.bcp-trust-sep{background:var(--line);width:1px;height:14px}.buy-card.bcp .bcp-buy,.buy-card.bcp .bcp-cart,.buy-card.bcp .bcp-promo-btn,.buy-card.bcp .bcp-topup{width:auto;margin-top:0}@media (max-width:960px){.product-page>.buy-card.bcp{box-shadow:0 14px 28px -18px color-mix(in oklch, var(--accent), transparent 70%), inset 0 1px 0 color-mix(in oklch, var(--accent), transparent 80%);margin-top:0!important;margin-bottom:64px!important}}@media (max-width:600px){.product-page>.buy-card.bcp{gap:12px;padding:18px 16px 16px;margin-bottom:80px!important}.bcp-price-num{font-size:2.2rem}.bcp-buy{height:50px;font-size:.95rem}.bcp-cart{height:50px;padding:0 14px}}@media (max-width:420px){.product-page>.buy-card.bcp{margin-bottom:96px!important}}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.page-head h1{font-family:var(--font-display);letter-spacing:-.028em;font-size:clamp(1.6rem,1.6vw + 1rem,2.3rem)}.account-grid{grid-template-columns:1fr;align-items:start;gap:clamp(22px,2.8vw,36px);display:grid}.side-nav{display:none}.side-nav::-webkit-scrollbar{width:0;height:0;display:none}.side-nav a{color:var(--ink-2);border-radius:10px;align-items:center;gap:8px;padding:11px 14px;font-size:.92rem;font-weight:500;display:flex}.side-nav a.active,.side-nav a:hover{background:var(--surface-3);color:var(--ink)}.side-nav a.active{background:var(--accent-soft);color:var(--accent-ink)}.stat-row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:28px;display:grid}.profile-head{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:18px;display:flex}.profile-head-info{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.profile-head-title{word-break:break-word;font-size:clamp(1.4rem,1.4vw + 1rem,2.1rem);line-height:1.15;font-family:var(--font-display);margin:0;font-weight:700}.profile-staff-btn{letter-spacing:-.005em;background:var(--surface);border:1px solid var(--line);color:var(--ink);transition:transform .18s var(--ease-out), border-color .18s var(--ease-out), box-shadow .22s var(--ease-out);border-radius:10px;align-self:flex-start;align-items:center;gap:8px;padding:6px 10px 6px 6px;font-size:.82rem;font-weight:600;text-decoration:none;display:inline-flex}.profile-staff-icon{color:#fff;border-radius:7px;flex-shrink:0;place-items:center;width:24px;height:24px;display:grid}.profile-staff-btn.is-admin .profile-staff-icon{background:linear-gradient(135deg,#f7c43c,#ff7a1a)}.profile-staff-btn.is-support .profile-staff-icon{background:linear-gradient(135deg,#4ea6ff,#1f6dd0)}.profile-staff-arrow{color:var(--ink-3);transition:color .18s var(--ease-out), transform .22s var(--ease-out);margin-left:2px}.profile-staff-btn:hover{border-color:color-mix(in oklch, var(--accent), transparent 50%);box-shadow:0 8px 20px -10px color-mix(in oklch, var(--accent), transparent 50%);color:var(--ink);transform:translateY(-1px)}.profile-staff-btn:hover .profile-staff-arrow{color:var(--accent-ink);transform:translate(2px)}.profile-avatar-wrap{position:relative}.profile-avatar-btn{cursor:pointer;transition:transform .2s var(--ease-out);background:0 0;border:none;border-radius:50%;padding:0;display:inline-block;position:relative}.profile-avatar-btn:hover{transform:scale(1.04)}.profile-avatar-edit{background:var(--accent);width:24px;height:24px;color:var(--ink-on-accent);border:2px solid var(--bg);pointer-events:none;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-2px;right:-2px}.profile-avatar-menu{z-index:50;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);flex-direction:column;min-width:180px;padding:4px;display:flex;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 12px 32px -10px #00000059}.profile-avatar-menu button{text-align:left;border-radius:var(--radius-sm);color:var(--ink);cursor:pointer;transition:background .14s var(--ease-out);background:0 0;border:none;padding:10px 12px;font-size:.9rem}.profile-avatar-menu button:hover{background:var(--surface-3)}.profile-avatar-menu button.danger{color:var(--danger)}.profile-avatar-menu button.danger:hover{background:color-mix(in oklch, var(--danger), transparent 88%)}.profile-avatar-menu button:disabled{opacity:.5;cursor:not-allowed}.profile-name-btn{cursor:pointer;color:var(--ink);text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:0;display:inline-flex}.profile-name-pencil{color:var(--ink-3);opacity:0;transition:opacity .16s var(--ease-out)}.profile-name-btn:hover .profile-name-pencil{opacity:1}.profile-name-input{font-family:var(--font-display);width:auto;min-width:160px;max-width:100%;padding:4px 10px;font-size:clamp(1.2rem,1.2vw + .9rem,1.8rem);font-weight:700}.toggle-row{border-top:1px solid var(--line);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.toggle-row:first-of-type{border-top:none}.toggle-row>span{flex-direction:column;gap:2px;min-width:0;display:flex}.toggle-row strong{font-size:.95rem;font-weight:600}.toggle-row small{color:var(--ink-3);font-size:.8rem}.toggle-row input[type=checkbox]{-webkit-appearance:none;appearance:none;background:var(--surface-3);border:1px solid var(--line);cursor:pointer;width:42px;height:24px;transition:background .18s var(--ease-out);border-radius:999px;flex-shrink:0;margin:0;padding:0;position:relative}.toggle-row input[type=checkbox]:after{content:"";width:20px;height:20px;transition:transform .18s var(--ease-out);background:#fff;border-radius:50%;position:absolute;top:1px;left:1px}.toggle-row input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}.toggle-row input[type=checkbox]:checked:after{transform:translate(18px)}.toggle-row input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}@media (max-width:560px){.stat-row{grid-template-columns:1fr;gap:10px;margin-bottom:18px}.stat{padding:16px 18px}.stat .v{font-size:1.4rem}.stat .k{font-size:.72rem}.profile-head{gap:12px;margin-bottom:14px}}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:22px}.stat .k{color:var(--ink-3);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;font-size:.82rem;font-weight:500}.stat .v{font-family:var(--font-display);color:var(--ink);letter-spacing:-.025em;word-break:break-word;font-size:1.75rem;font-weight:700}.stat.accent{color:#fff;background:linear-gradient(135deg,#161635 0%,#38255f 100%);background:linear-gradient(135deg,color(display-p3 .0857612 .0863575 .201837) 0%,color(display-p3 .207385 .147486 .360882) 100%);background:linear-gradient(135deg,lab(8.75798% 8.29504 -21.0807) 0%,lab(19.5801% 20.6506 -32.3166) 100%);border-color:#0000}.stat.accent .k{color:#ffffffa6;color:color(display-p3 1 1 1/.65);color:lab(100% 0 0/.65)}.stat.accent .v{color:var(--accent)}.order-row{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);color:inherit;transition:border-color .16s var(--ease-out), box-shadow .16s var(--ease-out), transform .16s var(--ease-out);grid-template-columns:90px 1fr auto auto auto;align-items:center;gap:14px;margin-bottom:10px;padding:16px 18px;text-decoration:none;display:grid}.order-row:hover{border-color:var(--line-hi);box-shadow:var(--shadow-1);color:inherit;transform:translateY(-1px)}.order-id{font-family:var(--font-display);color:var(--ink);font-size:.95rem;font-weight:700}.order-name{color:var(--ink);font-weight:500}.order-row .muted{color:var(--ink-3);font-size:.85rem}.order-price{font-family:var(--font-display);color:var(--ink);font-size:1.02rem;font-weight:700}.topup-form{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);grid-template-columns:1fr auto;align-items:end;gap:12px;padding:24px;display:grid}.topup-form .amt label{color:var(--ink-2);margin-bottom:6px;font-size:.82rem;font-weight:500;display:block}.theme-switch{background:var(--surface-3);border:1px solid var(--line);border-radius:12px;gap:4px;padding:4px;display:inline-flex}.theme-opt{color:var(--ink-3);transition:all .14s var(--ease-out);border-radius:8px;align-items:center;gap:8px;padding:8px 14px;font-size:.88rem;font-weight:500;display:inline-flex}.theme-opt:hover{color:var(--ink)}.theme-opt.active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-1)}.settings-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);margin-top:24px;padding:22px}.settings-card h3{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:6px;font-size:1.1rem}.settings-card .sub{color:var(--ink-3);margin-bottom:16px;font-size:.88rem}@media (max-width:940px){.order-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"id name""status price";gap:10px}.order-row .order-id{grid-area:id}.order-row .order-name{text-align:right;grid-area:name;min-width:0}.order-row .order-status{grid-area:status}.order-row .order-price{text-align:right;grid-area:price}.order-row .order-arrow{display:none}}@media (max-width:560px){.topup-form{grid-template-columns:1fr}}.my-giveaway-section{margin-bottom:28px}.my-giveaway-section-head{align-items:baseline;gap:10px;margin-bottom:12px;display:flex}.my-giveaway-section-head h2{letter-spacing:-.015em;font-size:1.12rem;font-weight:600}.section-counter{color:var(--ink-3);background:var(--surface-3,color-mix(in oklch, var(--ink), transparent 92%));border-radius:999px;padding:2px 9px;font-size:.78rem;font-weight:600}.section-counter.winner{color:#b45309;background:#f59e0b33;background:color(display-p3 .912161 .63495 .230453/.2);background:lab(72.7914% 26.933 75.434/.2)}.section-counter.info{color:var(--info-ink);background:var(--info-soft)}.my-giveaway-list{flex-direction:column;gap:10px;display:flex}.my-giveaway-row{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);color:var(--ink);transition:border-color .18s var(--ease-out), transform .18s var(--ease-out), box-shadow .18s var(--ease-out);grid-template-columns:64px 1fr auto;align-items:center;gap:14px;padding:10px 14px 10px 10px;display:grid}.my-giveaway-row:hover{border-color:color-mix(in oklch, var(--accent) 30%, var(--line));transform:translateY(-1px)}.my-giveaway-row.is-winner{border-color:color-mix(in oklch, #f59e0b 50%, var(--line));background:linear-gradient(135deg, color-mix(in oklch, #f59e0b 8%, var(--surface)), var(--surface) 60%);box-shadow:0 8px 22px -16px #f59e0bcc;box-shadow:0 8px 22px -16px color(display-p3 .912161 .63495 .230453/.8);box-shadow:0 8px 22px -16px lab(72.7914% 26.933 75.434/.8)}.my-giveaway-thumb{background:color-mix(in oklch, var(--accent) 6%, var(--surface-3,var(--surface)));border-radius:10px;width:64px;height:64px;overflow:hidden}.my-giveaway-thumb img{object-fit:cover;width:100%;height:100%;display:block}.my-giveaway-thumb-empty{width:100%;height:100%;color:color-mix(in oklch, var(--accent) 70%, var(--ink-3));place-items:center;display:grid}.my-giveaway-main{flex-direction:column;gap:5px;min-width:0;display:flex}.my-giveaway-title{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-size:.96rem;font-weight:600;overflow:hidden}.my-giveaway-sub{color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:.82rem;display:flex}.my-giveaway-arrow{opacity:.6;font-size:1.05rem}.chip.chip-winner{color:#92400e;background:#f59e0b38;background:color(display-p3 .912161 .63495 .230453/.22);background:lab(72.7914% 26.933 75.434/.22);border-color:#f59e0b80;border-color:color(display-p3 .912161 .63495 .230453/.5);border-color:lab(72.7914% 26.933 75.434/.5)}.chip.chip-muted{color:var(--ink-3);background:var(--surface-3,color-mix(in oklch, var(--ink), transparent 94%));border-color:var(--line)}@media (max-width:480px){.my-giveaway-row{grid-template-columns:56px 1fr;gap:12px;padding:10px}.my-giveaway-thumb{width:56px;height:56px}.my-giveaway-arrow{display:none}.my-giveaway-title{white-space:normal}}.page-head h1,.product-name,.good-name,.product-hero h1{overflow-wrap:anywhere;word-break:break-word}.order-detail{grid-template-columns:1fr minmax(280px,380px);align-items:start;gap:clamp(20px,2.5vw,32px);display:grid}.order-auto-view{max-width:560px;margin:0 auto}.order-auto-view .order-sidebar{padding:28px;position:static}.chat-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-xl);flex-direction:column;height:min(72vh,640px);min-height:420px;display:flex;overflow:hidden}.chat-head{border-bottom:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.chat-head .t{font-family:var(--font-display);color:var(--ink);font-weight:600}.chat-body{background:var(--bg-alt);flex-direction:column;flex:1;gap:10px;padding:18px 20px;display:flex;overflow-y:auto}.msg{background:var(--surface);border:1px solid var(--line);max-width:78%;color:var(--ink);word-wrap:break-word;overflow-wrap:break-word;border-radius:14px;flex-direction:column;gap:2px;padding:10px 14px;font-size:.93rem;line-height:1.45;display:flex;position:relative}.msg .body{white-space:pre-wrap;word-break:break-word}.msg.mine{background:var(--accent);border-color:var(--accent);color:var(--ink-on-accent);align-self:flex-end}.msg.sys{border:1px dashed var(--line-hi);color:var(--ink-3);text-align:center;background:0 0;align-self:center;max-width:92%;font-size:.82rem}.msg .meta{color:var(--ink-4);align-self:flex-end;margin-top:4px;font-size:.7rem;font-weight:500;display:block}.msg.mine .meta{color:color-mix(in oklch, var(--ink-on-accent), transparent 35%)}.msg .author{color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:4px;font-size:.74rem;font-weight:600;display:flex}.msg .staff-badge{background:var(--accent-soft);color:var(--accent-ink);text-transform:uppercase;letter-spacing:.06em;border:1px solid color-mix(in oklch, var(--accent), transparent 65%);border-radius:999px;flex-shrink:0;align-items:center;padding:2px 7px;font-size:.62rem;font-weight:700;line-height:1.2;display:inline-flex}.msg .author-name{color:var(--ink-2);font-weight:600}.msg.from-staff{border-color:color-mix(in oklch, var(--accent), transparent 75%)}.msg.from-staff:not(.mine) .body{color:var(--ink)}.chat-input{border-top:1px solid var(--line);background:var(--surface);flex-wrap:wrap;align-items:center;gap:8px;padding:12px 14px;display:flex}.chat-input>input[type=text],.chat-input>input:not([type=file]){background:var(--surface-3);border-color:#0000;border-radius:999px;flex:1;min-width:120px;padding:11px 18px}.chat-input>input:not([type=file]):focus{background:var(--surface)}.chat-input .btn-primary{border-radius:999px;padding:11px 20px}.chat-attach-btn{background:var(--surface-3);width:40px;height:40px;color:var(--ink-2);transition:all .14s var(--ease-out);border-radius:999px;flex-shrink:0;place-items:center;display:grid}.chat-attach-btn:hover:not(:disabled){background:var(--accent-soft);color:var(--accent-ink)}.chat-attach-btn:disabled{opacity:.4;cursor:not-allowed}.chat-attach-preview{background:var(--surface-3);border:1px dashed var(--line-hi);border-radius:var(--radius-md);align-items:center;gap:10px;width:100%;padding:10px 12px;display:flex;position:relative}.chat-attach-preview img{object-fit:cover;border:1px solid var(--line);border-radius:8px;width:54px;height:54px}.chat-attach-x{background:var(--surface);width:28px;height:28px;color:var(--ink-2);transition:all .14s var(--ease-out);border:1px solid var(--line);border-radius:999px;place-items:center;margin-left:auto;display:grid}.chat-attach-x:hover{background:var(--danger-soft);color:var(--danger-ink);border-color:var(--danger)}.msg-attach{max-width:280px;transition:transform .16s var(--ease-out);background:0 0;border-radius:10px;margin:2px 0;padding:0;display:block;overflow:hidden}.msg-attach:hover{transform:scale(1.01)}.msg-attach img{object-fit:cover;border-radius:10px;width:100%;max-height:320px;display:block}.lightbox{z-index:1200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:lb-in .18s var(--ease-out);background:#000000e0;place-items:center;padding:24px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes lb-in{0%{opacity:0}to{opacity:1}}.lightbox img{object-fit:contain;cursor:default;border-radius:10px;max-width:min(1400px,96vw);max-height:92vh;box-shadow:0 40px 80px #00000080}.lightbox-close{color:#fff;width:40px;height:40px;transition:background .14s var(--ease-out);background:#ffffff1f;border-radius:999px;place-items:center;display:grid;position:absolute;top:20px;right:20px}.lightbox-close:hover{background:#ffffff38}.order-sidebar{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-xl);top:calc(var(--header-h) + 18px);padding:22px;position:sticky}.order-sidebar .kv{border-bottom:1px solid var(--line-lo);justify-content:space-between;gap:12px;padding:10px 0;display:flex}.order-sidebar .kv:last-of-type{border-bottom:none}.order-sidebar .kv .k{color:var(--ink-3);font-size:.85rem}.order-sidebar .kv .v{color:var(--ink);text-align:right;font-size:.9rem;font-weight:600}.delivery-box{background:var(--accent-soft);border:1px solid color-mix(in oklch, var(--accent), transparent 65%);border-radius:var(--radius-md);color:var(--accent-ink);margin-top:18px;padding:14px 16px;font-size:.9rem}.delivery-box .ttl{margin-bottom:6px;font-size:.95rem;font-weight:700}.delivery-box code{background:var(--surface);word-break:break-all;color:var(--ink);border:1px solid color-mix(in oklch, var(--accent), transparent 75%);border-radius:8px;margin-top:6px;padding:6px 12px;font-family:Onest,monospace;font-size:.88rem;font-weight:500;display:inline-block}.staff-actions{border-top:1px dashed var(--line);margin-top:20px;padding-top:18px}.staff-actions .sa-head{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-bottom:12px;font-size:.82rem;font-weight:700}.staff-actions .sa-row{flex-wrap:wrap;gap:6px;display:flex}.sa-confirm{background:var(--surface-3);border-radius:var(--radius-md);margin-top:14px;padding:14px}.sa-confirm .ttl{font-family:var(--font-display);color:var(--ink);margin-bottom:4px;font-size:.95rem;font-weight:700}.sa-confirm .hint{color:var(--ink-3);font-size:.82rem;line-height:1.4}.sa-confirm textarea{min-height:56px;font-size:.88rem}.sa-toggle{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);cursor:pointer;transition:all .16s var(--ease-out);align-items:flex-start;gap:12px;margin-top:12px;padding:12px;display:flex}.sa-toggle:hover{border-color:var(--line-hi)}.sa-toggle input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);flex-shrink:0;margin-top:2px}.sa-toggle-text{flex-direction:column;gap:2px;display:flex}.sa-toggle-ttl{color:var(--ink);font-size:.9rem;font-weight:600}.sa-toggle-sub{color:var(--ink-3);font-size:.8rem;line-height:1.4}@media (max-width:960px){.order-detail{grid-template-columns:1fr}.order-sidebar{position:static}.chat-panel{height:62vh}}.ticket-detail{grid-template-columns:1fr minmax(280px,360px);align-items:start;gap:clamp(20px,2.5vw,32px);display:grid}@media (max-width:960px){.ticket-detail{grid-template-columns:1fr}}.ticket-list{flex-direction:column;gap:10px;display:flex}.ticket-row{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);color:inherit;transition:border-color .16s var(--ease-out), box-shadow .16s var(--ease-out), transform .16s var(--ease-out);grid-template-columns:80px 1fr auto;align-items:center;gap:16px;padding:16px 18px;display:grid}.ticket-row:hover{border-color:var(--line-hi);box-shadow:var(--shadow-1);color:inherit;transform:translateY(-1px)}.ticket-id{font-family:var(--font-display);color:var(--ink);font-size:.95rem;font-weight:700}.ticket-subject{color:var(--ink);font-size:.96rem;font-weight:600;line-height:1.3}.ticket-meta{color:var(--ink-3);flex-wrap:wrap;gap:10px;margin-top:4px;font-size:.8rem;display:flex}@media (max-width:640px){.ticket-row{grid-template-columns:1fr auto;gap:10px}.ticket-id{grid-column:1/-1;justify-content:space-between;display:flex}.ticket-status{grid-column:1/-1}}.ticket-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:18px;display:grid}.ticket-stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:16px 18px;position:relative;overflow:hidden}.ticket-stat:before{content:"";background:var(--info);width:3px;position:absolute;top:0;bottom:0;left:0;right:auto}.ticket-stat.warn:before{background:var(--warn)}.ticket-stat.ok:before{background:var(--ok,#2ec27e)}.ticket-stat.danger:before{background:var(--danger)}.ticket-stat .num{font-family:var(--font-display);color:var(--ink);letter-spacing:-.02em;font-size:1.7rem;font-weight:700;line-height:1}.ticket-stat .lbl{color:var(--ink-3);text-transform:uppercase;letter-spacing:.04em;margin-top:6px;font-size:.78rem;font-weight:500}.ticket-admin-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;display:grid}.ticket-admin-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);transition:all .16s var(--ease-out);flex-direction:column;gap:10px;padding:16px 18px;display:flex;position:relative}.ticket-admin-card:hover{border-color:var(--line-hi);box-shadow:var(--shadow-2);transform:translateY(-2px)}.ticket-admin-card.status-open{background:color-mix(in oklch, var(--info), transparent 94%);border-color:color-mix(in oklch, var(--info), transparent 65%);box-shadow:inset 3px 0 0 var(--info)}.ticket-admin-card.status-in_progress{background:color-mix(in oklch, var(--warn), transparent 94%);border-color:color-mix(in oklch, var(--warn), transparent 65%);box-shadow:inset 3px 0 0 var(--warn)}.ticket-admin-card.status-closed{opacity:.62;background:var(--surface);border-color:var(--line-lo);box-shadow:inset 3px 0 0 var(--line-hi)}.ticket-admin-card.status-closed:hover{opacity:.85}.ticket-admin-card.status-open.has-unread,.ticket-admin-card.status-in_progress.has-unread{background:color-mix(in oklch, var(--accent), transparent 88%);border-color:color-mix(in oklch, var(--accent), transparent 50%);box-shadow:inset 3px 0 0 var(--accent), 0 6px 22px -14px color-mix(in oklch, var(--accent), transparent 40%)}.tac-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.tac-id{font-family:var(--font-display);color:var(--ink);align-items:center;gap:6px;font-size:.95rem;font-weight:700;display:inline-flex}.tac-subject{color:var(--ink);font-family:var(--font-display);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.tac-subject:hover{color:var(--accent-lo)}.tac-meta{flex-wrap:wrap;gap:6px;font-size:.84rem;display:flex}.tac-user{color:var(--ink-2);font-weight:600}.tac-time{color:var(--ink-3);flex-wrap:wrap;gap:6px;font-size:.78rem;display:flex}.tac-foot{align-items:center;gap:8px;margin-top:auto;padding-top:8px;display:flex}.tac-assign{flex:1;min-width:0}.admin-shell{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:clamp(22px,2.5vw,32px);display:grid}.admin-shell>*{min-width:0}.admin-nav{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;gap:2px;padding:10px;display:flex;position:sticky;top:18px}.admin-nav::-webkit-scrollbar{width:0;height:0;display:none}.admin-nav a{color:var(--ink-2);border-radius:10px;padding:10px 14px;font-size:.92rem;font-weight:500}.admin-nav a.active,.admin-nav a:hover{background:var(--surface-3);color:var(--ink)}.admin-nav a.active{background:var(--accent-soft);color:var(--accent-ink)}.admin-table{border-collapse:separate;border-spacing:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);width:100%;overflow:hidden}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--line-lo);vertical-align:middle;padding:13px 16px;font-size:.92rem}.admin-table th{background:var(--surface-2);color:var(--ink-3);letter-spacing:.06em;text-transform:uppercase;font-size:.76rem;font-weight:600}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:var(--surface-2)}.admin-table input{border-radius:8px;padding:7px 10px;font-size:.88rem}.admin-table .fselect{min-width:140px}.admin-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);margin-bottom:22px;padding:24px}.admin-card h2{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:16px;font-size:1.15rem}.row-actions{flex-wrap:wrap;gap:6px;display:flex}.form-actions{border-top:1px solid var(--line);flex-wrap:wrap;gap:10px;margin-top:18px;padding-top:18px;display:flex}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;display:flex}.toolbar .grow{flex:1;min-width:220px}.search-input{align-items:center;display:flex;position:relative}.search-input svg{color:var(--ink-3);pointer-events:none;position:absolute;left:14px}.search-input input{background:var(--surface);border-radius:999px;height:42px;padding-left:40px;padding-right:40px}.search-input input:focus{background:var(--surface)}.search-clear{width:26px;height:26px;color:var(--ink-3);transition:all .14s var(--ease-out);background:0 0;border-radius:999px;place-items:center;display:grid;position:absolute;right:8px}.search-clear:hover{background:var(--surface-3);color:var(--ink)}.fsel-status .fselect-trigger{letter-spacing:-.005em;font-weight:600}.fsel-status-paid .fselect-trigger{background:color-mix(in oklch, var(--info), transparent 88%);border-color:color-mix(in oklch, var(--info), transparent 55%);color:var(--info-ink)}.fsel-status-paid .fselect-trigger:before{content:"";background:var(--info);width:6px;height:6px;box-shadow:0 0 8px var(--info);border-radius:999px;flex-shrink:0;margin-right:6px;animation:1.6s ease-in-out infinite status-pulse}.fsel-status-in_progress .fselect-trigger{background:color-mix(in oklch, var(--warn), transparent 82%);border-color:color-mix(in oklch, var(--warn), transparent 50%);color:var(--warn-ink)}.fsel-status-delivered .fselect-trigger{background:color-mix(in oklch, var(--accent), transparent 85%);border-color:color-mix(in oklch, var(--accent), transparent 55%);color:var(--accent-ink)}.fsel-status-cancelled .fselect-trigger{background:color-mix(in oklch, var(--danger), transparent 88%);border-color:color-mix(in oklch, var(--danger), transparent 60%);color:var(--danger-ink);opacity:.85}@keyframes status-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}.admin-table tr.status-paid td{background:color-mix(in oklch, var(--info), transparent 95%)}.admin-table tr.status-paid:hover td{background:color-mix(in oklch, var(--info), transparent 90%)}.admin-table tr.status-in_progress td{background:color-mix(in oklch, var(--warn), transparent 96%)}.admin-table tr.status-in_progress:hover td{background:color-mix(in oklch, var(--warn), transparent 91%)}.admin-table tr.status-cancelled td{opacity:.65}.admin-table tr.has-unread td{background:color-mix(in oklch, var(--accent), transparent 92%)}.admin-table tr.has-unread:hover td{background:color-mix(in oklch, var(--accent), transparent 86%)}.product-cell{vertical-align:middle;flex-wrap:wrap;align-items:center;gap:4px 8px;display:inline-flex}.product-cell-info{flex-direction:column;gap:2px;min-width:0;display:flex}.staff-stats-filters{flex-direction:column;gap:12px;margin-bottom:18px;display:flex}.staff-stats-filters .ssf-row{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.staff-stats-filters .ssf-presets{align-items:center}.staff-stats-filters .ssf-field{flex-direction:column;gap:4px;min-width:160px;display:flex}.staff-stats-filters .ssf-field label{color:var(--ink-3);text-transform:uppercase;letter-spacing:.04em;font-size:.78rem}.staff-stats-filters .ssf-field.ssf-grow{flex:240px;min-width:200px}.staff-stats-filters .ssf-refresh{align-self:flex-end;height:42px}.profile-avatar{object-fit:cover;border:2px solid var(--line);background:var(--surface-3);border-radius:50%}.profile-avatar-letter{background:linear-gradient(135deg, var(--accent-hi), var(--accent-lo));color:#fff;font-weight:700;font-family:var(--font-display);place-items:center;display:grid}.review-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:32px;height:32px}.review-avatar-letter{background:linear-gradient(135deg, var(--accent-hi), var(--accent-lo));color:#fff;place-items:center;font-size:.85rem;font-weight:700;display:inline-grid}@media (max-width:640px){.staff-stats-filters .ssf-field{flex:100%;min-width:0}.staff-stats-filters .ssf-refresh{width:100%}}.product-cat-path{color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;max-width:220px;font-size:.75rem;overflow:hidden}.product-cell .product-name{color:var(--ink);font-weight:400;font-size:inherit;-webkit-line-clamp:unset;min-height:0;display:inline;overflow:visible}.product-cell .chip{flex-shrink:0;align-self:center}.order-id-cell{align-items:center;gap:7px;font-weight:600;display:inline-flex}.unread-dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 3px color-mix(in oklch, var(--accent), transparent 78%), 0 0 10px var(--accent);border-radius:999px;flex-shrink:0;animation:1.7s ease-in-out infinite unread-pulse}@keyframes unread-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.7)}}@media (max-width:960px){.admin-shell{grid-template-columns:1fr}.admin-nav{display:none}.admin-table{background:0 0;border:none;display:block}.admin-table thead{display:none}.admin-table tbody,.admin-table tr,.admin-table td{display:block}.admin-table tr{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);margin-bottom:10px;padding:14px}.admin-table tr:hover td{background:0 0}.admin-table td{border:none;justify-content:space-between;align-items:center;gap:10px;padding:6px 0;display:flex}.admin-table td:before{content:attr(data-k);color:var(--ink-3);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;font-size:.78rem;font-weight:500}.admin-table td.row-accent{display:none}}.users-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px;margin-bottom:18px;display:grid}.user-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);transition:border-color .18s var(--ease-out), transform .18s var(--ease-out), box-shadow .18s var(--ease-out);flex-direction:column;gap:14px;padding:16px;display:flex;position:relative}.user-card:hover{border-color:color-mix(in oklch, var(--accent) 30%, var(--line));box-shadow:0 10px 26px -18px color-mix(in oklch, var(--accent) 60%, transparent);transform:translateY(-1px)}.user-card.is-banned{border-color:color-mix(in oklch, var(--danger) 50%, var(--line));background:color-mix(in oklch, var(--danger) 4%, var(--surface))}.user-card-head{align-items:center;gap:12px;display:flex}.user-avatar{color:#fff;letter-spacing:.02em;text-transform:uppercase;border-radius:999px;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:.95rem;font-weight:700;display:grid;box-shadow:inset 0 -3px 8px #0000002e}.user-id-block{flex:1;min-width:0}.user-name{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:600;overflow:hidden}.user-email{color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;overflow:hidden}.user-card-stats{background:var(--surface-2);border-radius:var(--radius-md);grid-template-columns:minmax(0,1fr) max-content max-content;gap:8px;padding:10px 12px;display:grid}.ucs-item .k{color:var(--ink-3);text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px;font-size:.7rem;font-weight:600}.ucs-item .v{color:var(--ink);white-space:nowrap;font-size:.92rem;font-weight:600}.ucs-balance{color:var(--accent-ink);cursor:pointer;transition:border-color .14s var(--ease-out), background .14s var(--ease-out);background:0 0;border:1px dashed #0000;border-radius:6px;margin:-1px -4px;padding:0 4px;font-size:.95rem;font-weight:700}.ucs-balance:hover{border-color:color-mix(in oklch, var(--accent) 40%, transparent);background:color-mix(in oklch, var(--accent) 8%, transparent)}.user-card-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.user-card-row .k{color:var(--ink-3);text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;font-weight:600}.user-card-actions{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.user-card-actions .btn{flex:1;min-width:120px}.user-banned-flag{letter-spacing:.05em;text-transform:uppercase;max-width:calc(100% - 24px);color:var(--danger);background:color-mix(in oklch, var(--danger) 14%, var(--surface));border:1px solid color-mix(in oklch, var(--danger) 40%, transparent);border-radius:999px;align-items:center;gap:6px;padding:3px 8px;font-size:.7rem;font-weight:700;display:inline-flex;position:absolute;top:12px;right:12px}.user-ban-reason{background:color-mix(in oklch, var(--danger) 22%, transparent);border:1px solid color-mix(in oklch, var(--danger) 35%, transparent);letter-spacing:0;text-transform:none;max-width:220px;color:var(--ink);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-radius:999px;padding:0 6px;font-size:.66rem;font-weight:600;transition:background .18s,border-color .18s;overflow:hidden}.user-ban-reason:hover{background:color-mix(in oklch, var(--danger) 30%, transparent);border-color:color-mix(in oklch, var(--danger) 55%, transparent)}.user-ban-reason.muted{color:var(--ink-3);background:0 0;border-style:dashed}.pwd-modal{width:min(440px,92vw);padding:24px}.pwd-modal h3{letter-spacing:-.01em;margin:0 0 8px;font-size:1.15rem}.pwd-modal .sub{color:var(--ink-3);margin:0 0 16px;font-size:.88rem;line-height:1.45}.pwd-display{background:var(--surface-3);border:1px solid var(--line);border-radius:var(--radius-md);align-items:center;gap:8px;margin-bottom:14px;padding:12px 14px;display:flex}.pwd-display code{letter-spacing:.04em;color:var(--ink);word-break:break-all;-webkit-user-select:all;user-select:all;flex:1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.05rem;font-weight:700}.bottom-bar{z-index:40;background:var(--surface);-webkit-backdrop-filter:saturate(1.2)blur(14px);backdrop-filter:saturate(1.2)blur(14px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0);will-change:transform;display:none;position:fixed;bottom:0;left:0;right:0;transform:translateZ(0)}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.bottom-bar{background:color-mix(in oklch, var(--surface), transparent 6%)}}.bottom-bar-inner{height:58px;max-width:var(--content-max);grid-auto-columns:1fr;grid-auto-flow:column;align-items:stretch;margin-inline-start:auto;margin-inline-end:auto;padding-inline-start:4px;padding-inline-end:4px;display:grid}.bottom-tab{color:var(--ink-3);letter-spacing:-.005em;-webkit-tap-highlight-color:transparent;transition:color .18s var(--ease-out);flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:6px 2px;font-size:.66rem;font-weight:500;display:flex;position:relative}.bottom-tab .bt-icon{width:44px;height:26px;transition:background .22s var(--ease-out), transform .22s var(--ease-out);border-radius:999px;place-items:center;display:grid}.bottom-tab:hover{color:var(--ink-2)}.bottom-tab:hover .bt-icon{background:color-mix(in oklch, var(--ink-1,currentColor) 6%, transparent)}.bottom-tab.active{color:var(--accent)}.bottom-tab.active .bt-icon{background:color-mix(in oklch, var(--accent) 16%, transparent);transform:translateY(-1px)}.bottom-bar-sections{border-bottom:1px solid color-mix(in oklch, var(--line), transparent 40%);height:50px}.bottom-bar-sections .bottom-tab{gap:1px;padding-top:4px;padding-bottom:4px;font-size:.62rem}.bottom-bar-sections .bottom-tab .bt-icon{width:40px;height:22px}.bottom-bar-sections .bottom-tab .bt-icon svg{width:18px;height:18px}@media (max-width:940px){.bottom-bar{display:block}body:has(.bottom-bar){padding-bottom:calc(108px + env(safe-area-inset-bottom,0))}}@media (max-width:380px){.bottom-tab{font-size:.62rem}}.admin-bottom-bar .bottom-bar-sections{display:none}.admin-bottom-bar .bottom-bar-inner{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;grid-auto-columns:minmax(72px,1fr);grid-auto-flow:column;overflow:auto hidden}.admin-bottom-bar .bottom-bar-inner::-webkit-scrollbar{display:none}.admin-bottom-bar .bottom-tab{scroll-snap-align:center;min-width:72px}.fselect{min-width:150px;font-family:var(--font-body);display:inline-flex;position:relative}.fselect-trigger{background:linear-gradient(180deg, color-mix(in oklch, var(--surface) 90%, var(--ink) 2%), var(--surface));border:1px solid var(--line);width:100%;color:var(--ink);cursor:pointer;text-align:left;box-shadow:0 1px 0 color-mix(in oklch, var(--ink), transparent 96%) inset;transition:background .18s var(--ease-out), border-color .18s var(--ease-out), box-shadow .22s var(--ease-out);-webkit-tap-highlight-color:transparent;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px 9px 14px;font-family:inherit;font-size:.88rem;font-weight:500;line-height:1.2;display:inline-flex}.fselect-trigger:hover{background:linear-gradient(180deg, color-mix(in oklch, var(--surface-2) 90%, var(--ink) 2%), var(--surface-2));border-color:var(--line-hi)}.fselect-trigger.open{border-color:var(--accent);box-shadow:var(--focus-ring), 0 1px 0 color-mix(in oklch, var(--ink), transparent 96%) inset}.fselect-trigger.is-placeholder{color:var(--ink-4)}.fselect-trigger:disabled{opacity:.55;cursor:not-allowed}.fselect-label{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:8px;min-width:0;display:inline-flex;overflow:hidden}.fselect-ico{width:18px;height:18px;color:var(--ink-3);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.fselect-caret{color:var(--ink-3);transition:transform .2s var(--ease-out);flex-shrink:0}.fselect-caret.flip{color:var(--accent);transform:rotate(180deg)}.fselect-panel{z-index:80;background:var(--surface);border:1px solid var(--line);min-width:100%;max-width:320px;box-shadow:var(--shadow-3);max-height:280px;animation:fsel-in .18s var(--ease-out);scrollbar-width:thin;border-radius:12px;flex-direction:column;gap:1px;padding:4px;display:flex;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto}.fselect-align-right{left:auto;right:0}.fselect-opt{color:var(--ink);cursor:pointer;text-align:left;transition:background .12s var(--ease-out), color .12s var(--ease-out);-webkit-tap-highlight-color:transparent;background:0 0;border-radius:8px;align-items:center;gap:10px;padding:9px 12px;font-family:inherit;font-size:.88rem;font-weight:500;display:flex}.fselect-opt span:first-of-type{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.fselect-opt:hover{background:var(--surface-3)}.fselect-opt.active{background:var(--accent-soft);color:var(--accent-ink);font-weight:600}.fselect-check{color:var(--accent);flex-shrink:0}.fselect-sm .fselect-trigger{border-radius:8px;padding:7px 10px 7px 12px;font-size:.82rem}.fselect-sm .fselect-opt{padding:7px 10px;font-size:.82rem}.fselect-lg .fselect-trigger{border-radius:var(--radius-md);padding:12px 14px 12px 16px;font-size:.95rem}.fsel-block{width:100%;display:flex}.fsel-block .fselect-trigger{border-radius:var(--radius-md);padding:12px 14px;font-size:.95rem}@keyframes fsel-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.fselect-panel::-webkit-scrollbar{width:8px}.fselect-panel::-webkit-scrollbar-thumb{background:color-mix(in oklch, var(--ink), transparent 82%);border-radius:999px}.toast-host{z-index:1000;top:calc(var(--header-h) + 14px);pointer-events:none;flex-direction:column;gap:10px;max-width:min(420px,100vw - 32px);display:flex;position:fixed;right:18px}.toast{pointer-events:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-2,0 18px 40px #0000002e);animation:toast-in .28s var(--ease-out,cubic-bezier(.2,.7,.2,1));align-items:flex-start;gap:12px;padding:14px 14px 14px 16px;display:flex;position:relative;overflow:hidden}.toast:before{content:"";background:var(--accent);width:3px;position:absolute;top:0;bottom:0;left:0;right:auto}.toast.toast-error:before{background:var(--danger)}.toast.toast-info:before{background:var(--info)}.toast.toast-success:before{background:var(--accent)}.toast-icon{border-radius:999px;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid}.toast-success .toast-icon{background:var(--accent-soft);color:var(--accent-ink)}.toast-error .toast-icon{background:var(--danger-soft);color:var(--danger-ink)}.toast-info .toast-icon{background:var(--info-soft);color:var(--info-ink)}.toast-content{flex:1;min-width:0}.toast-title{color:var(--ink);font-size:.94rem;font-weight:600;line-height:1.25}.toast-body{color:var(--ink-2);word-break:break-word;margin-top:3px;font-size:.86rem;line-height:1.4}.toast-close{color:var(--ink-3);width:26px;height:26px;transition:all .14s var(--ease-out);background:0 0;border-radius:8px;flex-shrink:0;place-items:center;display:grid}.toast-close:hover{background:var(--surface-3);color:var(--ink)}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:640px){.toast-host{max-width:none;top:10px;left:10px;right:10px}}.bell-wrap{display:inline-block;position:relative}.bell-btn{position:relative}.bell-dot{background:var(--danger);color:#fff;min-width:18px;height:18px;box-shadow:0 0 0 2px var(--surface);border-radius:999px;place-items:center;padding:0 5px;font-size:.65rem;font-weight:700;line-height:1;display:grid;position:absolute;top:-2px;right:-2px}.bell-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);z-index:60;width:min(360px,100vw - 32px);animation:bell-in .18s var(--ease-out,cubic-bezier(.2,.7,.2,1));position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 22px 50px #0000002e}@keyframes bell-in{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.bell-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.bell-head .t{font-weight:600;font-family:var(--font-display);color:var(--ink)}.bell-list{max-height:min(60vh,460px);overflow-y:auto}.bell-empty{text-align:center;padding:28px 16px}.bell-empty .ttl{color:var(--ink-2);font-size:.92rem;font-weight:600}.bell-empty .sub{color:var(--ink-3);margin-top:4px;font-size:.82rem}.bell-item{text-align:left;border-bottom:1px solid var(--line-lo);width:100%;transition:background .14s var(--ease-out);cursor:pointer;background:0 0;border-radius:0;grid-template-columns:32px 1fr;align-items:start;gap:12px;padding:11px 14px;display:grid}.bell-item:last-child{border-bottom:none}.bell-item:hover{background:var(--surface-2)}.bell-item.is-unread{background:color-mix(in oklch, var(--accent), transparent 93%)}.bell-item.is-unread:hover{background:color-mix(in oklch, var(--accent), transparent 88%)}.bell-icon{background:var(--surface-3);width:32px;height:32px;color:var(--ink-2);border-radius:999px;flex-shrink:0;place-items:center;display:grid}.bell-icon.kind-order_delivered{background:var(--accent-soft);color:var(--accent-ink)}.bell-icon.kind-order_refunded,.bell-icon.kind-order_cancelled{background:var(--danger-soft);color:var(--danger-ink)}.bell-icon.kind-chat_reply,.bell-icon.kind-order_in_progress,.bell-icon.kind-ticket_reply{background:var(--warn-soft);color:var(--warn-ink)}.bell-icon.kind-order_created{background:var(--info-soft);color:var(--info-ink)}.bell-icon.kind-ticket_closed{background:var(--surface-3);color:var(--ink-3)}.bell-body{flex-direction:column;gap:2px;min-width:0;display:flex}.bell-body .ttl{color:var(--ink);font-size:.88rem;font-weight:600;line-height:1.25}.bell-body .sub{color:var(--ink-2);word-break:break-word;font-size:.81rem;line-height:1.35}.bell-body .time{color:var(--ink-4);margin-top:4px;font-size:.72rem;font-weight:500}.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;margin-top:18px;display:flex}.pg-btn{background:var(--surface);border:1px solid var(--line);min-width:34px;height:34px;color:var(--ink-2);transition:all .14s var(--ease-out);border-radius:10px;padding:0 10px;font-size:.88rem;font-weight:500}.pg-btn:hover:not(:disabled){background:var(--surface-3);color:var(--ink);border-color:var(--line-hi)}.pg-btn.active{background:var(--accent);color:var(--ink-on-accent);border-color:var(--accent);font-weight:600}.pg-btn:disabled{opacity:.4;cursor:not-allowed}.pg-gap{color:var(--ink-3);padding:0 6px;font-size:.88rem}.req{color:var(--danger);margin-left:2px;font-weight:700}.slug-code{background:var(--surface-3);color:var(--ink-2);border:1px solid var(--line-lo);border-radius:6px;padding:2px 7px;font-family:Onest,monospace;font-size:.82rem;font-weight:500}.confirm-backdrop{z-index:1100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:cfrm-fade-in .18s var(--ease-out,cubic-bezier(.2,.7,.2,1));background:#00000073;background:color(display-p3 0 0 0/.45);background:lab(0% 0 0/.45);place-items:center;padding:16px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.confirm-modal{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-xl);width:100%;max-width:440px;animation:cfrm-pop-in .22s var(--ease-out,cubic-bezier(.2,.9,.2,1));grid-template-columns:44px 1fr;align-items:start;gap:18px;padding:26px 26px 22px;display:grid;position:relative;box-shadow:0 30px 70px #00000059}@keyframes cfrm-fade-in{0%{opacity:0}to{opacity:1}}@keyframes cfrm-pop-in{0%{opacity:0;transform:translateY(6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.confirm-icon{background:var(--info-soft);width:44px;height:44px;color:var(--info-ink);border-radius:14px;flex-shrink:0;place-items:center;display:grid}.confirm-icon.tone-danger{background:var(--danger-soft);color:var(--danger-ink);box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--danger), transparent 70%)}.confirm-title{font-family:var(--font-display);color:var(--ink);letter-spacing:-.012em;font-size:1.12rem;font-weight:700;line-height:1.2}.confirm-body{color:var(--ink-2);margin-top:8px;font-size:.92rem;line-height:1.5}.confirm-input-wrap{flex-direction:column;gap:6px;margin-top:14px;display:flex}.confirm-input{background:var(--surface-3);border-radius:var(--radius-md);isolation:isolate;transition:background .2s var(--ease-out), border-color .18s var(--ease-out), box-shadow .22s var(--ease-out);border:1px solid #0000;align-items:stretch;display:flex;position:relative;overflow:hidden}.confirm-input:hover{border-color:var(--line-hi)}.confirm-input:focus-within{background:var(--surface);border-color:var(--accent);box-shadow:var(--focus-ring)}.confirm-input.has-error,.confirm-input.has-error:focus-within{border-color:var(--danger);box-shadow:0 0 0 3px color-mix(in oklch, var(--danger), transparent 78%)}.confirm-input>input{border-radius:inherit;min-width:0;color:var(--ink);box-shadow:none;background:0 0;border:none;flex:1;padding:12px 14px;font-size:.97rem}.confirm-input>input:focus{box-shadow:none;background:0 0}.confirm-input-suffix{color:var(--ink-3);pointer-events:none;align-items:center;padding:0 14px 0 4px;font-size:.95rem;font-weight:600;display:inline-flex}.confirm-input-error{color:var(--danger-ink);padding-left:2px;font-size:.84rem;font-weight:500}.confirm-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:22px;display:flex}.confirm-actions .btn{min-width:110px}.confirm-close{width:30px;height:30px;color:var(--ink-3);transition:all .14s var(--ease-out);background:0 0;border-radius:10px;place-items:center;display:grid;position:absolute;top:12px;right:12px}.confirm-close:hover{background:var(--surface-3);color:var(--ink)}@media (max-width:480px){.confirm-modal{grid-template-columns:1fr;padding:22px}.confirm-icon{margin-bottom:4px}.confirm-actions{flex-direction:column-reverse}.confirm-actions .btn{width:100%}}.img-picker{flex-direction:column;gap:10px;display:flex}.ip-tabs{background:var(--surface-3);border:1px solid var(--line);border-radius:12px;align-self:flex-start;gap:2px;margin-top:6px;padding:3px;display:inline-flex}.ip-tab{color:var(--ink-3);transition:all .14s var(--ease-out);background:0 0;border-radius:9px;padding:7px 14px;font-size:.84rem;font-weight:500}.ip-tab:hover{color:var(--ink-2)}.ip-tab.active{background:var(--surface);color:var(--ink);font-weight:600;box-shadow:0 1px 2px #0000000d}.ip-dropzone{background:var(--surface-3);border:1.5px dashed var(--line-hi);border-radius:var(--radius-lg);width:100%;color:var(--ink-2);transition:all .16s var(--ease-out);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:28px 20px;display:flex}.ip-dropzone:hover:not(:disabled){background:color-mix(in oklch, var(--accent), transparent 92%);border-color:var(--accent);color:var(--ink)}.ip-drop-ttl{color:var(--ink);margin-top:2px;font-size:.94rem;font-weight:600}.ip-drop-hint{color:var(--ink-3);font-size:.8rem}.ip-preview{background:var(--surface-3);border:1px solid var(--line);border-radius:var(--radius-md);grid-template-columns:72px 1fr;align-items:center;gap:14px;padding:12px;display:grid}.ip-thumb{background:var(--surface-2);border:1px solid var(--line-lo);border-radius:10px;place-items:center;width:72px;height:72px;display:grid;overflow:hidden}.ip-thumb img{object-fit:cover;width:100%;height:100%;display:block}.ip-meta{flex-direction:column;gap:8px;min-width:0;display:flex}.ip-name{color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:500;overflow:hidden}.ip-name-url{color:var(--ink-3);font-family:Onest,monospace;font-size:.8rem}.ip-actions{flex-wrap:wrap;gap:6px;display:flex}.ip-url input{width:100%}.guddi-page{max-width:760px;margin:0 auto;padding:28px 16px 48px}.guddi-page h1{overflow-wrap:anywhere;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;margin:0 0 6px;font-size:clamp(1.4rem,3vw + .7rem,2.4rem);line-height:1.15}.guddi-page .page-sub{color:var(--ink-3);margin:0 0 22px;font-size:15px}.empty-block{text-align:center;border:1px dashed var(--line);border-radius:var(--radius-lg);background:var(--surface);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:56px 24px;display:flex}.empty-block .icon{background:var(--accent-soft);width:64px;height:64px;color:var(--accent-ink);border-radius:50%;place-items:center;display:grid}.empty-block h2{margin:0;font-size:1.2rem}.empty-block p{color:var(--ink-3);max-width:420px;margin:0}.empty-block .actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px;display:flex}.cart-list{flex-direction:column;gap:10px;margin:20px 0;display:flex}.cart-item{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);grid-template-columns:70px 1fr auto auto auto;align-items:center;gap:14px;padding:12px;display:grid}.cart-thumb{background:var(--surface-2);border-radius:var(--radius-sm);justify-content:center;align-items:center;width:70px;height:70px;display:flex;overflow:hidden}.cart-thumb img{object-fit:cover;width:100%;height:100%}.cart-thumb-empty{background:linear-gradient(135deg, var(--accent-soft), var(--surface-2));width:100%;height:100%}.cart-meta{flex-direction:column;gap:4px;min-width:0;display:flex}.cart-name{color:var(--ink);font-weight:600;text-decoration:none}.cart-name:hover{color:var(--accent-lo)}.cart-price{color:var(--ink-3);font-size:14px}.cart-qty{justify-content:center;align-items:center;gap:8px;min-width:100px;display:inline-flex}.cart-qty span{text-align:center;min-width:28px;font-weight:600}.cart-subtotal{text-align:right;min-width:90px;font-weight:700}.cart-summary{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);flex-direction:column;gap:12px;margin-top:16px;padding:16px;display:flex}.cart-promo-row{gap:8px;display:flex}.cart-promo-row input{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);height:40px;color:var(--ink);flex:1;padding:0 12px}.cart-promo-info{color:var(--accent-ink);background:var(--accent-soft);border-radius:var(--radius-sm);padding:8px 12px;font-size:14px}.cart-totals{justify-content:space-between;align-items:center;font-size:18px;display:flex}.cart-totals strong{font-size:22px}.giveaway-grid,.blog-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:16px;display:grid}.giveaway-card,.blog-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);transition:transform .2s var(--ease-out), box-shadow .2s var(--ease-out), border-color .2s var(--ease-out);flex-direction:column;display:flex;overflow:hidden}.giveaway-card:hover,.blog-card:hover{border-color:color-mix(in oklch, var(--accent) 30%, var(--line));box-shadow:0 10px 24px -16px color-mix(in oklch, var(--accent) 60%, transparent);transform:translateY(-2px)}.blog-card{color:inherit;cursor:pointer;text-decoration:none}.blog-card:hover{color:inherit}.blog-card img{aspect-ratio:16/9;object-fit:cover;width:100%}.blog-card h3{padding:12px 14px 4px}.blog-card p{color:var(--ink-2);margin:0;padding:0 14px 12px}.blog-card .blog-card-cta{background:var(--surface-3);color:var(--ink-2);transition:background .18s var(--ease-out), color .18s var(--ease-out), transform .18s var(--ease-out);border-radius:8px;align-self:flex-start;align-items:center;gap:6px;margin:auto 14px 14px;padding:6px 12px;font-size:.85rem;font-weight:600;display:inline-flex}.blog-card:hover .blog-card-cta{background:color-mix(in oklch, var(--accent), transparent 75%);color:var(--accent-ink)}.blog-card:hover .blog-card-cta svg{transform:translate(2px)}.blog-card .blog-card-cta svg{transition:transform .2s var(--ease-out)}.giveaway-media{aspect-ratio:16/9;background:linear-gradient(135deg, color-mix(in oklch, var(--accent) 10%, var(--surface)), var(--surface));width:100%;position:relative;overflow:hidden}.giveaway-media img{object-fit:cover;width:100%;height:100%;display:block}.giveaway-thumb-empty{width:100%;height:100%;color:color-mix(in oklch, var(--accent) 70%, var(--ink-3));background:radial-gradient(circle at 30% 30%, color-mix(in oklch, var(--accent) 18%, transparent), transparent 60%), radial-gradient(circle at 70% 70%, color-mix(in oklch, var(--accent) 12%, transparent), transparent 55%);place-items:center;display:grid}.giveaway-badge{letter-spacing:-.01em;background:color-mix(in oklch, var(--ink-1,#111) 78%, transparent);color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;padding:4px 10px;font-size:.72rem;font-weight:600;position:absolute;top:10px;right:10px}.giveaway-body{flex-direction:column;flex:1;gap:8px;padding:14px;display:flex}.giveaway-body h3{margin:0;font-size:1.02rem;line-height:1.25}.giveaway-excerpt{color:var(--ink-2);-webkit-line-clamp:3;-webkit-box-orient:vertical;max-height:4.35em;margin:0;font-size:.88rem;line-height:1.45;display:-webkit-box;overflow:hidden}.giveaway-actions{flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:4px;display:flex}.giveaway-actions .btn{margin:0}.giveaway-detail .giveaway-detail-img{border-radius:var(--radius-md);object-fit:cover;width:100%;max-height:360px;margin-top:16px;display:block}.giveaway-meta{flex-wrap:wrap;gap:8px;margin:8px 0 4px;display:flex}.giveaway-meta-chip{color:var(--ink-2);background:color-mix(in oklch, var(--accent) 8%, var(--surface-2,var(--surface)));border:1px solid color-mix(in oklch, var(--accent) 18%, var(--line));border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:.82rem;font-weight:500;display:inline-flex}.giveaway-meta-chip svg{flex:none}.giveaway-cta{border-top:1px solid var(--line);flex-wrap:wrap;gap:12px;margin-top:24px;padding-top:20px;display:flex}.giveaway-back-link{color:var(--ink-3);align-items:center;gap:4px;margin-bottom:16px;font-size:.92rem;transition:color .15s;display:inline-flex}.giveaway-back-link:hover{color:var(--accent)}.giveaway-header{flex-direction:column;gap:14px;margin-bottom:18px;display:flex}.giveaway-detail-title{letter-spacing:-.01em;margin:0;font-size:1.7rem;line-height:1.25}.giveaway-result{border-radius:var(--radius-md);border:1px solid var(--line);background:var(--surface-2,var(--surface));align-items:flex-start;gap:14px;margin:16px 0 18px;padding:16px 18px;display:flex}.giveaway-result-icon{background:var(--surface);border-radius:14px;flex:none;justify-content:center;align-items:center;width:56px;height:56px;display:flex;box-shadow:0 6px 18px -8px #00000059,inset 0 1px #ffffff0f}.giveaway-result-icon svg{filter:drop-shadow(0 2px 4px #00000040);display:block}.giveaway-result-title{color:var(--ink-1);margin-bottom:4px;font-size:1.05rem;font-weight:600}.giveaway-result-body{color:var(--ink-2);margin:0;font-size:.93rem;line-height:1.5}.giveaway-result-won{background:color-mix(in oklch, #28a745 14%, var(--surface));border-color:color-mix(in oklch, #28a745 38%, var(--line))}.giveaway-result-won .giveaway-result-title{color:#6cbe75;color:color(display-p3 .499655 .736379 .487753);color:lab(70.3328% -37.7366 28.4758)}.giveaway-result-lost{background:color-mix(in oklch, var(--ink-3) 8%, var(--surface));border-color:var(--line)}.giveaway-result-pending{background:color-mix(in oklch, #f5b50a 10%, var(--surface));border-color:color-mix(in oklch, #f5b50a 30%, var(--line))}.giveaway-result-info{background:color-mix(in oklch, var(--accent) 8%, var(--surface));border-color:color-mix(in oklch, var(--accent) 22%, var(--line))}.giveaway-body-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);margin:6px 0 18px;padding:18px 20px}.giveaway-body-card .bb-content{margin:0}.giveaway-winners{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);margin:18px 0 4px;padding:16px 18px}.giveaway-winners-title{color:var(--ink-1);align-items:center;gap:8px;margin:0 0 12px;font-size:1.05rem;font-weight:600;display:flex}.giveaway-winners-cup{font-size:1.2rem}.giveaway-winners-title svg{flex:none}.giveaway-winners-count{color:var(--ink-3);background:var(--surface-2,color-mix(in oklch, var(--ink-3) 10%, var(--surface)));border-radius:999px;margin-left:auto;padding:2px 10px;font-size:.78rem;font-weight:500}.giveaway-winners-empty{color:var(--ink-3);margin:0;font-size:.92rem}.giveaway-winners-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.giveaway-winner-row{border-radius:var(--radius-sm,8px);background:var(--surface-2,color-mix(in oklch, var(--ink-3) 4%, var(--surface)));align-items:center;gap:12px;padding:10px 12px;transition:background .15s;display:flex}.giveaway-winner-row:hover{background:color-mix(in oklch, var(--accent) 6%, var(--surface))}.giveaway-winner-row-me{background:color-mix(in oklch, #28a745 12%, var(--surface));border:1px solid color-mix(in oklch, #28a745 32%, var(--line))}.giveaway-winner-row-me:hover{background:color-mix(in oklch, #28a745 18%, var(--surface))}.giveaway-winner-avatar{background:linear-gradient(135deg, var(--accent), color-mix(in oklch, var(--accent), white 28%));color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:.95rem;font-weight:600;display:flex}.giveaway-winner-row-me .giveaway-winner-avatar{background:linear-gradient(135deg,#28a745,#34c759)}.giveaway-winner-avatar-img{background:var(--surface);object-fit:cover;color:#0000}.giveaway-winner-row-me .giveaway-winner-avatar-img{box-shadow:0 0 0 2px #28a745}.giveaway-winner-name{color:var(--ink-1);font-size:.95rem;font-weight:500}.giveaway-winner-you{color:#fff;letter-spacing:.02em;text-transform:uppercase;background:#28a745;border-radius:999px;margin-left:auto;padding:3px 10px;font-size:.75rem;font-weight:600}.reviews-feed{flex-direction:column;gap:12px;margin-top:16px;display:flex}.review-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);padding:14px 16px}.review-head{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px;display:flex}.review-author{font-weight:600}.stars{letter-spacing:1px}.stars .star{color:var(--ink-4)}.stars .star.on{color:#f5b50a}.review-product{color:var(--accent-lo);margin-top:8px;display:inline-block}.review-delete{border:1px solid var(--line);width:30px;height:30px;color:var(--ink-3,var(--ink));cursor:pointer;background:0 0;border-radius:8px;place-items:center;margin-left:auto;transition:color .15s,border-color .15s,background .15s;display:inline-grid}.review-delete:hover{color:#e5484d;border-color:color-mix(in oklch, #e5484d 45%, var(--line));background:#e5484d1a;background:color(display-p3 .830003 .329422 .323926/.1);background:lab(54.5836% 61.4482 33.7329/.1)}.support-cta{margin:0 0 24px}.sort-row{flex-wrap:wrap;gap:8px;margin:4px 0 18px;display:flex}.chip-sort{border:1px solid var(--line);background:var(--surface);color:var(--ink-2);cursor:pointer;transition:all .16s var(--ease-out);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:500}.chip-sort:hover{color:var(--accent-lo);border-color:var(--accent)}.chip-sort.active{background:var(--accent);color:var(--ink-on-accent);border-color:var(--accent)}.faq-list{flex-direction:column;gap:8px;display:flex}.faq-item{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);padding:12px 16px}.faq-item summary{cursor:pointer;font-weight:600}.faq-item p{color:var(--ink-2);margin:8px 0 0}.faq-answer{white-space:pre-line;line-height:1.6}.support-page{max-width:760px}.support-panel{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);flex-direction:column;gap:18px;padding:16px;display:flex}.support-hint{border-radius:var(--radius-md);background:color-mix(in oklch, var(--accent) 7%, var(--surface-2,var(--surface)));border:1px solid color-mix(in oklch, var(--accent) 18%, var(--line));align-items:flex-start;gap:14px;padding:14px 16px;display:flex}.support-hint p{color:var(--ink-2);margin:0;line-height:1.5}.support-hint-icon{background:var(--surface);border:1px solid var(--line);border-radius:12px;flex:none;place-items:center;width:52px;height:52px;font-size:1.7rem;display:grid}.support-hint-link{color:var(--accent-lo,var(--accent));font:inherit;cursor:pointer;background:0 0;border:none;margin-top:8px;padding:0;font-weight:600}.support-hint-link:hover{text-decoration:underline}.support-sched{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.support-sched-label{margin-top:6px;font-weight:600}.support-sched-label .muted{font-weight:400}.support-sched-label.muted-label{color:var(--ink-3,var(--ink-2));font-size:.9rem;font-weight:500}.support-chips{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.support-chip{background:var(--surface-2,var(--surface));border:1px solid var(--line);border-radius:999px;padding:7px 16px;font-size:.92rem;font-weight:600}.support-contact{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.support-contact .btn{border-radius:999px;align-items:center;gap:8px;padding:11px 22px;display:inline-flex}.support-btn-dot{font-size:.7rem}.support-btn-tg{background:color-mix(in oklch, var(--accent) 25%, var(--surface));border:1px solid color-mix(in oklch, var(--accent) 40%, var(--line));color:var(--ink)}.support-btn-tg:hover{background:color-mix(in oklch, var(--accent) 35%, var(--surface));color:var(--ink)}.support-pins{flex-direction:column;gap:9px;margin:0;padding:2px 4px;list-style:none;display:flex}.support-pins li{align-items:baseline;gap:8px;display:flex}.support-pin-mark{flex:none}.support-pin-link{font:inherit;text-align:left;color:var(--accent-lo,var(--accent));cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:color-mix(in oklch, var(--accent) 35%, transparent);text-decoration-color:color-mix(in oklch, var(--accent) 35%, transparent);text-underline-offset:3px;background:0 0;border:none;padding:0}.support-pin-link:hover{text-decoration-color:currentColor}.support-faq{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);margin-top:18px;padding:16px}.support-faq-title{align-items:center;gap:10px;margin:0 0 12px;font-size:1.05rem;display:flex}.support-faq-q{border:2px solid color-mix(in oklch, var(--accent-pink) 70%, var(--line));width:22px;height:22px;color:var(--accent-pink);border-radius:50%;place-items:center;font-size:.8rem;font-weight:700;display:inline-grid}.faq-tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:4px;margin-bottom:14px;display:flex}.faq-tab{font:inherit;color:var(--ink-2);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 14px;font-weight:600}.faq-tab:hover{color:var(--ink)}.faq-tab.active{color:var(--accent-pink);border-bottom-color:var(--accent-pink)}@media (max-width:520px){.support-hint{flex-direction:column}.support-contact .btn{justify-content:center;width:100%}}.blog-post{max-width:820px;padding:32px 16px}.blog-post .blog-body{white-space:pre-wrap;margin-top:16px;line-height:1.6}@media (max-width:480px){.blog-post{padding:18px 12px 32px}.guddi-page{padding:18px 12px 36px}.guddi-page h1{font-size:clamp(1.2rem,5vw + .4rem,1.8rem)}}.bb-content{color:var(--ink-2);overflow-wrap:break-word;word-wrap:break-word;min-width:0;margin-top:16px;line-height:1.65}.bb-content p{max-width:none;margin:0 0 12px}.bb-content a{color:var(--accent-ink);text-decoration:underline;-webkit-text-decoration-color:color-mix(in oklch, var(--accent), transparent 60%);text-decoration-color:color-mix(in oklch, var(--accent), transparent 60%);text-underline-offset:3px;word-break:break-word}.bb-content a:hover{color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.chat-body .body a,.review-body a,.cat-reviews-section .review-body a{color:var(--accent-ink);text-decoration:underline;-webkit-text-decoration-color:color-mix(in oklch, var(--accent), transparent 60%);text-decoration-color:color-mix(in oklch, var(--accent), transparent 60%);text-underline-offset:2px;word-break:break-word}.chat-body .body a:hover,.review-body a:hover,.cat-reviews-section .review-body a:hover{color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.bb-content h2.bb-h1{margin:18px 0 8px;font-size:1.4rem}.bb-content h3.bb-h2{margin:16px 0 6px;font-size:1.15rem}.bb-content blockquote{border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:6px;margin:12px 0;padding:8px 14px}.bb-content pre{background:var(--surface-2);border-radius:8px;margin:12px 0;padding:12px 14px;font-size:13px;overflow-x:auto}.bb-content img{border-radius:10px;max-width:100%;margin:8px 0}.bb-content a{color:var(--accent-lo)}.bb-content a:hover{color:var(--accent)}.bb-content ul,.bb-content ol{padding-left:22px}.bb-content hr{border:none;border-top:1px solid var(--line);margin:16px 0}.bb-content .bb-spoiler{background:var(--surface-2);border-radius:8px;margin:8px 0;padding:8px 12px}.bb-content .bb-spoiler summary{cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:600}.bb-editor{flex-direction:column;gap:8px;margin-bottom:18px;display:flex}.bb-editor-label{color:var(--ink-2);font-size:.82rem;font-weight:500}.bb-toolbar{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-2);flex-wrap:wrap;gap:6px;padding:8px;display:flex}.bb-group{border-right:1px solid var(--line);gap:4px;padding-right:6px;display:flex}.bb-group:last-child{border-right:none;padding-right:0}.bb-group-right{border-right:none;margin-left:auto;padding-right:0}.bb-btn{background:var(--surface);min-width:30px;height:30px;color:var(--ink-2);cursor:pointer;transition:all .14s var(--ease-out);border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;padding:0 8px;font-size:13px;font-weight:500;display:inline-flex}.bb-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.bb-btn.active{background:var(--accent);color:var(--ink-on-accent);border-color:var(--accent)}.bb-textarea{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);width:100%;min-height:200px;color:var(--ink);resize:vertical;padding:12px 14px;font-family:ui-monospace,SFMono-Regular,JetBrains Mono,Fira Code,monospace;font-size:13.5px;line-height:1.55}.bb-textarea:focus{border-color:var(--accent);box-shadow:var(--focus-ring);outline:none}.bb-preview{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);min-height:200px;color:var(--ink-2);padding:14px 16px;line-height:1.65}.bb-preview p{margin:0 0 10px}.bb-preview a{color:var(--accent-lo)}.bb-preview img{border-radius:8px;max-width:100%}@media (max-width:640px){.bb-group{border-right:none;padding-right:0}.bb-btn{min-width:28px;height:28px;padding:0 6px;font-size:12px}}.sys-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px;display:grid}.sys-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);padding:16px}.sys-card-title{color:var(--ink);margin-bottom:12px;font-size:1.05rem;font-weight:700}.sys-row{color:var(--ink-2);justify-content:space-between;align-items:center;padding:4px 0;font-size:14px;display:flex}.sys-row strong{color:var(--ink);font-weight:600}.sys-bar{background:var(--surface-3);border-radius:999px;height:8px;margin:6px 0 4px;overflow:hidden}.sys-bar-fill{height:100%;transition:width .28s var(--ease-out)}.sys-cores{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:6px;margin-top:10px;display:grid}.sys-core{color:var(--ink-3);flex-direction:column;gap:2px;font-size:11px;display:flex}.sys-core span{font-weight:600}.sys-filter-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.sys-filter-row select{width:auto;min-width:140px}.sys-filter-row>.fselect{flex:none}.sys-filter-row>.sys-search{flex:220px;min-width:200px}.sys-filter-row>.btn{flex:none}.sys-search{align-items:center;display:inline-flex;position:relative}.sys-search>input{background:var(--surface-3);width:100%;height:40px;box-shadow:0 1px 0 color-mix(in oklch, var(--ink), transparent 96%) inset;transition:background .2s var(--ease-out), border-color .18s var(--ease-out), box-shadow .22s var(--ease-out);border:1px solid #0000;border-radius:999px;padding:0 14px 0 40px}.sys-search>input:hover{border-color:var(--line-hi)}.sys-search>input:focus{background:var(--surface);border-color:var(--accent);box-shadow:var(--focus-ring), 0 1px 0 color-mix(in oklch, var(--ink), transparent 96%) inset}.sys-search>input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;width:14px;height:14px;color:var(--ink-3);cursor:pointer;opacity:.6;transition:opacity .14s var(--ease-out);background:linear-gradient(45deg,#0000 45%,currentColor 45% 55%,#0000 55%),linear-gradient(-45deg,#0000 45%,currentColor 45% 55%,#0000 55%);border-radius:999px;margin-right:2px}.sys-search>input::-webkit-search-cancel-button:hover{opacity:1;color:var(--accent)}.sys-search-ico{color:var(--ink-3);pointer-events:none;transition:color .16s var(--ease-out);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.sys-search:focus-within .sys-search-ico{color:var(--accent)}.method-pill{letter-spacing:.04em;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.m-get{color:#39456e;color:color(display-p3 .232766 .270484 .417989);color:lab(29.7989% 4.04806 -25.2737);background:#dfe7ff;background:color(display-p3 .874699 .905809 1.00823);background:lab(91.638% .65884 -14.9501)}.m-post{color:#013f0b;color:color(display-p3 .0932327 .243124 .0766903);color:lab(22.29% -28.1985 24.6072);background:#c4f3c4;background:color(display-p3 .805842 .949146 .784814);background:lab(91.7467% -22.3603 17.6397)}.m-patch{color:#513800;color:color(display-p3 .324839 .213197 -.0578817);color:lab(25.6633% 12.3603 48.396);background:#ffe0ac;background:color(display-p3 .986089 .88107 .685446);background:lab(90.8527% 6.35555 31.7379)}.m-put{color:#003f5d;color:color(display-p3 -.106862 .242788 .398313);color:lab(23.4511% -14.5735 -32.6761);background:#bcedff;background:color(display-p3 .733658 .931544 1.05326);background:lab(90.9706% -15.6688 -22.7941)}.m-delete{color:#8d0001;color:color(display-p3 .516428 .0227042 .0281362);color:lab(28.5726% 56.8891 46.3554);background:#ffd6cf;background:color(display-p3 1.04925 .830719 .790409);background:lab(90.0065% 24.1743 14.9733)}.status-2xx{color:#006c15;color:color(display-p3 .148908 .420483 .120432);color:lab(39.2064% -45.2416 40.6297);font-weight:600}.status-3xx{color:#006d93;color:color(display-p3 -.0797475 .425468 .620057);color:lab(42.1373% -20.2001 -38.4184);font-weight:600}.status-4xx{color:#944f00;color:color(display-p3 .565006 .308137 -.0454755);color:lab(41.3182% 31.0067 70.9209);font-weight:600}.status-5xx{color:#c21919;color:color(display-p3 .696996 .180343 .144988);color:lab(42.332% 62.8445 47.7885);font-weight:700}.role-chip{letter-spacing:.03em;text-transform:uppercase;border-radius:999px;padding:1px 7px;font-size:10px;font-weight:700;display:inline-block}.role-admin{background:color-mix(in oklch, var(--accent), transparent 80%);color:var(--accent-ink)}.role-support{background:color-mix(in oklch, var(--info), transparent 78%);color:var(--info-ink)}.role-user{background:var(--surface-3,color-mix(in oklch, var(--ink), transparent 92%));color:var(--ink-2)}.role-anon{border:1px dashed var(--line);color:var(--ink-3);background:0 0}.who-cell{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.action-code{color:var(--ink-3);font-size:11px}.activity-table td{vertical-align:top}.activity-table td:nth-child(3){word-break:break-word;max-width:280px}.activity-table td:nth-child(5){max-width:220px}.activity-table td:nth-child(5) code{word-break:break-all}@keyframes bb-modal-in{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes bb-modal-fade{0%{opacity:0}to{opacity:1}}.bb-modal-backdrop{-webkit-backdrop-filter:blur(8px)saturate(1.1);z-index:200;animation:bb-modal-fade .16s var(--ease-out);background:#00000080;background:color(display-p3 0 0 0/.5);background:lab(0% 0 0/.5);place-items:center;padding:16px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.bb-modal{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);width:min(440px,100%);box-shadow:0 32px 80px #0006, 0 0 0 1px color-mix(in oklch, var(--accent), transparent 86%) inset;animation:bb-modal-in .22s var(--ease-out);flex-direction:column;gap:14px;padding:22px;display:flex}@supports (color:color(display-p3 0 0 0)){.bb-modal{box-shadow:0 32px 80px color(display-p3 0 0 0/.4), 0 0 0 1px color-mix(in oklch, var(--accent), transparent 86%) inset}}@supports (color:lab(0% 0 0)){.bb-modal{box-shadow:0 32px 80px lab(0% 0 0/.4), 0 0 0 1px color-mix(in oklch, var(--accent), transparent 86%) inset}}.bb-modal-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.bb-modal-title{color:var(--ink);font-size:1.1rem;font-weight:700;font-family:var(--font-display);letter-spacing:-.01em}.bb-modal-close{width:30px;height:30px;color:var(--ink-3);transition:all .14s var(--ease-out);border-radius:8px;place-items:center;font-size:22px;line-height:1;display:grid}.bb-modal-close:hover{color:var(--ink);background:var(--surface-3)}.bb-modal-hint{color:var(--ink-3);margin:-6px 0 0;font-size:13px;line-height:1.45}.bb-modal-input{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-2);height:46px;color:var(--ink);transition:border-color .16s var(--ease-out), box-shadow .2s var(--ease-out);padding:0 16px;font-size:15px}.bb-modal-input:focus{border-color:var(--accent);box-shadow:var(--focus-ring);background:var(--surface);outline:none}.bb-modal-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.bb-modal-actions .btn{padding:10px 18px}.redeem-box{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);margin-top:28px;padding:16px 18px}.redeem-box h3{margin:0 0 6px;font-size:1.1rem}.redeem-form{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.redeem-box input{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);min-width:0;height:40px;color:var(--ink);text-transform:uppercase;letter-spacing:1px;font-family:var(--font-display);padding:0 12px}@media (max-width:400px){.redeem-form{grid-template-columns:1fr}}.bulk-result{background:var(--accent-soft);border:1px solid color-mix(in oklch, var(--accent), transparent 60%);border-radius:var(--radius-md);margin-top:14px;padding:12px 14px}.bulk-result h4{margin:0 0 8px}.bulk-result ul{max-height:280px;margin:0 0 10px;padding:0;list-style:none;overflow-y:auto}.bulk-result li{align-items:center;gap:8px;padding:4px 0;display:flex}.bulk-result code{font-size:14px}.popular-strip{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:24px;display:grid}.bottom-links{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:center;gap:16px;margin-top:24px;padding:28px 0;display:flex}@media (max-width:940px){.bottom-links{display:none}}.bottom-links a{color:var(--ink-2);border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:6px 14px;font-weight:500}.bottom-links a:hover{border-color:var(--accent);color:var(--accent-lo)}.coupon-block{background:var(--accent-soft);border:1px solid color-mix(in oklch, var(--accent), transparent 60%);border-radius:var(--radius-md);margin-top:18px;padding:14px 16px}.coupon-block .ttl{color:var(--accent-ink);margin-bottom:4px;font-weight:700}.coupon-block p{color:var(--ink-2);margin:0 0 10px}.reviews-section{margin-top:28px}.reviews-head{align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.reviews-head h3{margin:0}.reviews-head .muted{color:var(--ink-3);font-size:14px}.leave-review{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);flex-direction:column;gap:10px;margin-top:16px;padding:14px;display:flex}.leave-review h4{margin:0}.rating-row{gap:4px;display:flex}.star-btn{color:var(--ink-4);cursor:pointer;background:0 0;border:none;padding:4px;font-size:22px}.star-btn.on{color:#f5b50a}.leave-review textarea{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);min-height:88px;color:var(--ink);resize:vertical;padding:10px 12px}@media (max-width:720px){.cart-item{grid-template-columns:60px 1fr;grid-template-areas:"thumb meta""thumb price""qty subtotal""remove remove";gap:8px 12px}.cart-thumb{grid-area:thumb;width:60px;height:60px}.cart-meta{grid-area:meta}.cart-qty{grid-area:qty;justify-content:flex-start}.cart-subtotal{grid-area:subtotal}.cart-item .btn{grid-area:remove}}.legal-page{flex-direction:column;gap:14px;max-width:820px;margin:0 auto;padding:18px 0 60px;display:flex}.legal-back{color:var(--ink-3);letter-spacing:.01em;transition:color .16s var(--ease-out);background:0 0;border:0;align-self:flex-start;align-items:center;gap:8px;padding:6px 4px;font-size:.9rem;font-weight:500;text-decoration:none;display:inline-flex}.legal-back .legal-back-arrow{background:var(--surface-2);border:1px solid var(--line);width:26px;height:26px;color:var(--ink-2);transition:transform .22s var(--ease-out), background .16s var(--ease-out), border-color .16s var(--ease-out), color .16s var(--ease-out);border-radius:50%;justify-content:center;align-items:center;font-size:1rem;display:inline-flex}.legal-back:hover{color:var(--ink)}.legal-back:hover .legal-back-arrow{background:color-mix(in oklch, var(--accent), transparent 86%);border-color:var(--accent);color:var(--accent);transform:translate(-3px)}.legal-doc{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:clamp(22px,3vw,44px) clamp(20px,4vw,56px);position:relative;overflow:hidden;box-shadow:0 30px 60px -40px #00000073}.legal-doc:before{content:"";background:linear-gradient(90deg, var(--accent), color-mix(in oklch, var(--accent), #ff5e1a 35%));height:4px;position:absolute;top:0;bottom:auto;left:0;right:0}.legal-doc h1{font-family:var(--font-display);letter-spacing:-.022em;margin:0 0 6px;font-size:clamp(1.6rem,2vw + .7rem,2.2rem);line-height:1.12}.legal-doc h2{font-family:var(--font-display);letter-spacing:-.012em;color:var(--ink);margin:28px 0 10px;padding-top:4px;font-size:clamp(1.1rem,.6vw + .95rem,1.32rem);position:relative}.legal-doc h2:before{content:"";background:var(--accent);opacity:.85;border-radius:4px;width:4px;height:1em;position:absolute;top:.6em;left:-14px}.legal-doc p{color:var(--ink-2);max-width:none;margin:0 0 12px;font-size:.97rem;line-height:1.65}.legal-doc .legal-meta{color:var(--ink-3);margin:0 0 22px;font-size:.85rem}.legal-doc ul{color:var(--ink-2);flex-direction:column;gap:6px;margin:6px 0 14px;padding-left:20px;font-size:.95rem;line-height:1.55;display:flex}.legal-doc ul li::marker{color:var(--accent)}.legal-doc ol{color:var(--ink-2);flex-direction:column;gap:8px;margin:6px 0 14px;padding-left:24px;font-size:.95rem;line-height:1.6;display:flex}.legal-doc ol li::marker{color:var(--accent)}.legal-doc .legal-ol{font-size:.97rem}.legal-doc .legal-ol>li{margin-top:6px}.legal-doc .legal-ol>li>strong{color:var(--ink-1);margin-bottom:4px;font-size:1.02rem;display:inline-block}.legal-doc .legal-ol-a,.legal-doc .legal-ol-i{margin-top:4px}.legal-defs{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-md);color:var(--ink-2);grid-template-columns:minmax(160px,max-content) 1fr;gap:8px 18px;margin:10px 0 22px;padding:14px 16px;font-size:.94rem;line-height:1.55;display:grid}.legal-defs dt{color:var(--ink-1);font-weight:600}.legal-defs dd{margin:0}@media (max-width:600px){.legal-defs{grid-template-columns:1fr;gap:2px 0}.legal-defs dt{margin-top:8px}.legal-defs dt:first-child{margin-top:0}}.legal-doc a{color:var(--accent);word-break:break-word;font-weight:500}.legal-doc a:hover{color:color-mix(in oklch, var(--accent), white 25%);text-decoration:underline}.register-agreements{flex-direction:column;gap:6px;margin:6px 0;display:flex}.agreement-row{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-md);cursor:pointer;transition:background .18s var(--ease-out), border-color .18s var(--ease-out), box-shadow .18s var(--ease-out), transform .12s var(--ease-out);-webkit-user-select:none;user-select:none;grid-template-columns:22px 1fr;align-items:center;gap:12px;padding:12px 14px;display:grid;position:relative}.agreement-row:hover{border-color:color-mix(in oklch, var(--accent), transparent 55%);background:color-mix(in oklch, var(--accent), var(--surface-2) 92%)}.agreement-row:active{transform:scale(.995)}.agreement-row>input[type=checkbox]{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.agreement-box{border:1.5px solid var(--line-hi);background:var(--surface);color:#0000;width:22px;height:22px;transition:background .18s var(--ease-out), border-color .18s var(--ease-out), color .18s var(--ease-out), transform .2s var(--ease-out);border-radius:7px;flex-shrink:0;place-items:center;display:grid}.agreement-row:hover .agreement-box{border-color:var(--accent)}.agreement-row.is-checked{border-color:color-mix(in oklch, var(--accent), transparent 35%);background:color-mix(in oklch, var(--accent), var(--surface-2) 86%);box-shadow:0 0 0 3px color-mix(in oklch, var(--accent), transparent 88%)}.agreement-row.is-checked .agreement-box{background:var(--accent);border-color:var(--accent);color:var(--ink-on-accent);transform:scale(1.05)}.agreement-row.is-checked .agreement-box svg{animation:agreement-check-pop .28s var(--ease-out)}@keyframes agreement-check-pop{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.agreement-text{color:var(--ink-2);flex-wrap:wrap;align-items:baseline;gap:0 6px;font-size:.92rem;line-height:1.4;display:flex}.agreement-prefix{color:var(--ink-3)}.agreement-row.is-checked .agreement-prefix{color:var(--ink-2)}.agreement-link{color:var(--accent);border-bottom:1px dashed color-mix(in oklch, var(--accent), transparent 45%);transition:color .16s var(--ease-out), border-color .16s var(--ease-out);padding-bottom:1px;font-weight:600;text-decoration:none}.agreement-link:hover{color:color-mix(in oklch, var(--accent), white 25%);border-bottom-color:color-mix(in oklch, var(--accent), white 25%)}@media (max-width:480px){.agreement-row{gap:10px;padding:10px 12px}.agreement-text{font-size:.88rem}}@media (max-width:600px){.legal-doc h2:before{left:-10px}}.legal-table{border-collapse:collapse;border:1px solid var(--line);border-radius:12px;width:100%;margin:14px 0 18px;font-size:.9rem;line-height:1.5;overflow:hidden}.legal-table th,.legal-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);border-right:1px solid var(--line);padding:10px 12px}.legal-table th:last-child,.legal-table td:last-child{border-right:none}.legal-table tr:last-child td{border-bottom:none}.legal-table th{background:color-mix(in oklch, var(--surface), var(--ink) 5%);color:var(--ink);font-weight:700}.legal-table td{color:var(--ink-2)}@media (max-width:600px){.legal-table{font-size:.82rem}.legal-table th,.legal-table td{padding:8px 10px}}.topup-callback{min-height:calc(100vh - var(--header-h,64px) - 200px);place-items:center;padding:40px 20px;display:grid}.topup-card{background:linear-gradient(180deg, color-mix(in oklch, var(--surface), var(--ink) 1%), var(--surface));border:1px solid var(--line);text-align:center;border-radius:24px;width:100%;max-width:480px;padding:40px 32px 32px;position:relative;overflow:hidden;box-shadow:0 30px 80px -40px #0009;box-shadow:0 30px 80px -40px color(display-p3 0 0 0/.6);box-shadow:0 30px 80px -40px lab(0% 0 0/.6)}.topup-card:before{content:"";background:linear-gradient(90deg, transparent, var(--accent), color-mix(in oklch, var(--accent), white 20%), var(--accent), transparent);background-size:200% 100%;height:3px;animation:6s linear infinite topup-shimmer;position:absolute;top:0;left:0;right:0}.topup-card--paid:before{background:linear-gradient(90deg,#0000,#4cc157,#82e687,#4cc157,#0000) 0 0/200% 100%;background:linear-gradient(90deg,#0000,color(display-p3 .428591 .746057 .390042),color(display-p3 .60447 .89076 .566815),color(display-p3 .428591 .746057 .390042),#0000) 0 0/200% 100%;background:linear-gradient(90deg,#0000,lab(69.679% -50.5618 42.4636),lab(83.4061% -44.8265 36.6319),lab(69.679% -50.5618 42.4636),#0000) 0 0/200% 100%}.topup-card--error:before,.topup-card--unknown:before{background:linear-gradient(90deg, transparent, var(--danger), color-mix(in oklch, var(--danger), white 20%), var(--danger), transparent);background-size:200% 100%}@keyframes topup-shimmer{0%{background-position:200% 0}to{background-position:-100% 0}}.topup-anim{place-items:center;width:120px;height:120px;margin:0 auto 22px;display:grid;position:relative}.topup-anim-ring{border:1px solid color-mix(in oklch, var(--accent), transparent 70%);opacity:0;border-radius:50%;animation:5s ease-out infinite topup-ring;position:absolute;top:0;bottom:0;left:0;right:0}.topup-anim-ring--2,.topup-anim-ring--3{display:none}@keyframes topup-ring{0%{opacity:0;transform:scale(.55)}30%{opacity:.5}to{opacity:0;transform:scale(1.25)}}.topup-anim-coin{background:linear-gradient(135deg, var(--accent-hi), var(--accent-lo));width:72px;height:72px;color:var(--ink-on-accent);font-size:2rem;font-weight:800;font-family:var(--font-display);box-shadow:0 12px 30px -8px color-mix(in oklch, var(--accent), transparent 30%);z-index:1;border-radius:50%;place-items:center;animation:3.6s ease-in-out infinite topup-breathe;display:grid}@keyframes topup-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.topup-anim--ok{background:radial-gradient(circle,#4cc1574d,#0000 70%);background:radial-gradient(circle,color(display-p3 .428591 .746057 .390042/.3),#0000 70%);background:radial-gradient(circle,lab(69.679% -50.5618 42.4636/.3),#0000 70%)}.topup-anim-pulse{opacity:.18;background:#4cc157;background:color(display-p3 .428591 .746057 .390042);background:lab(69.679% -50.5618 42.4636);border-radius:50%;width:110px;height:110px;animation:1.6s ease-out infinite topup-pulse;position:absolute}@keyframes topup-pulse{0%{opacity:.4;transform:scale(.6)}to{opacity:0;transform:scale(1.5)}}.topup-anim-check{z-index:1;color:#fff;stroke-dasharray:30;stroke-dashoffset:30px;background:linear-gradient(135deg,#4cc157,#00a247);background:linear-gradient(135deg,color(display-p3 .428591 .746057 .390042),color(display-p3 .207577 .635759 .285103));background:linear-gradient(135deg,lab(69.679% -50.5618 42.4636),lab(58.3654% -61.3311 41.6345));border-radius:50%;width:96px;height:96px;padding:20px;animation:.5s cubic-bezier(.34,1.56,.64,1) both topup-pop,.6s ease-out .35s forwards topup-draw;position:relative;box-shadow:0 16px 40px -10px #00a2478c;box-shadow:0 16px 40px -10px color(display-p3 .207577 .635759 .285103/.55);box-shadow:0 16px 40px -10px lab(58.3654% -61.3311 41.6345/.55)}@keyframes topup-pop{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes topup-draw{to{stroke-dashoffset:0}}.topup-anim--wait svg{background:color-mix(in oklch, var(--accent), transparent 80%);border:1px solid color-mix(in oklch, var(--accent), transparent 60%);width:96px;height:96px;color:var(--accent);border-radius:50%;padding:16px;animation:12s linear infinite topup-tick}@keyframes topup-tick{to{transform:rotate(360deg)}}.topup-anim--err svg{background:color-mix(in oklch, var(--danger), transparent 80%);border:1px solid color-mix(in oklch, var(--danger), transparent 60%);width:96px;height:96px;color:var(--danger);border-radius:50%;padding:18px;animation:.5s ease-out topup-shake}@keyframes topup-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.topup-title{letter-spacing:-.02em;margin:0 0 8px;font-size:clamp(1.4rem,2.4vw + .4rem,1.8rem);font-weight:800}.topup-title--ok{color:#61d46a;color:color(display-p3 .502044 .823029 .461993);color:lab(76.6558% -50.5136 42.0179)}.topup-sub{color:var(--ink-3);margin:0 0 20px;font-size:.92rem;line-height:1.5}.topup-sub--err{color:var(--danger)}.topup-amount{font-family:var(--font-display);letter-spacing:-.03em;color:#61d46a;color:color(display-p3 .502044 .823029 .461993);color:lab(76.6558% -50.5136 42.0179);margin:0 0 18px;font-size:2.6rem;font-weight:800}.topup-amount span{opacity:.7;margin-left:4px;font-size:1.6rem}.topup-progress{margin:18px 0}.topup-progress-bar{background:color-mix(in oklch, var(--surface), var(--ink) 6%);border-radius:999px;height:6px;overflow:hidden}.topup-progress-fill{background:linear-gradient(90deg, var(--accent-lo), var(--accent-hi));border-radius:inherit;height:100%;box-shadow:0 0 10px color-mix(in oklch, var(--accent), transparent 40%);transition:width .4s ease-out}.topup-progress-bar--indeterminate{position:relative;overflow:hidden}.topup-progress-bar--indeterminate .topup-progress-fill{width:30%;height:100%;animation:8s ease-in-out infinite alternate topup-indeterminate;position:absolute;top:0;left:0}@keyframes topup-indeterminate{0%{transform:translate(0%)}to{transform:translate(233%)}}.topup-progress-label{color:var(--ink-3);letter-spacing:.02em;margin-top:8px;font-size:.78rem}.topup-order{background:color-mix(in oklch, var(--surface), var(--ink) 5%);border:1px solid var(--line);color:var(--ink-3);font-size:.78rem;font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.02em;border-radius:8px;margin:0 0 8px;padding:6px 12px;display:inline-block}.topup-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px;display:flex}.topup-actions .btn{min-width:150px}@media (max-width:520px){.topup-card{border-radius:18px;padding:28px 18px 22px}.topup-anim{width:96px;height:96px;margin-bottom:16px}.topup-anim-coin{width:60px;height:60px;font-size:1.6rem}.topup-anim-pulse{width:90px;height:90px}.topup-anim-check,.topup-anim--wait svg,.topup-anim--err svg{width:78px;height:78px}.topup-amount{font-size:2rem}.topup-actions .btn{flex:1;min-width:auto}}@keyframes motion-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes motion-header-enter{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes motion-select{0%{box-shadow:0 0 0 0 color-mix(in oklch, var(--accent), transparent 50%)}to{box-shadow:0 0 0 8px color-mix(in oklch, var(--accent), transparent 100%)}}.header{animation:motion-header-enter .38s var(--ease-out) backwards}.hero3d-left>*{animation:motion-enter .46s var(--ease-out) backwards}.hero3d-left>:nth-child(2){animation-delay:75ms}.hero3d-left>:nth-child(3){animation-delay:.135s}.hero3d-left>:nth-child(4){animation-delay:.195s}.hero3d-left>:nth-child(5){animation-delay:.255s}.hero3d-orb-1{animation:16s ease-in-out infinite alternate orb-float-1}.hero3d-orb-2{animation:20s ease-in-out infinite alternate orb-float-2}.hero3d-orb-3{animation:14s ease-in-out infinite alternate orb-float-3}.catalog-filter,.catalog-subfilter,.game-tabs,.section-head,.game-hero{animation:motion-enter .34s var(--ease-out) backwards}.catalog-filter_item,.catalog-subfilter_item,.game-tab{transition:transform .16s var(--ease-out), background .18s var(--ease-out), color .18s var(--ease-out), border-color .18s var(--ease-out), box-shadow .22s var(--ease-out)}.catalog-filter_item:active,.catalog-subfilter_item:active,.game-tab:active{transform:scale(.96)}.catalog-filter_item.is-active,.catalog-subfilter_item.is-active,.game-tab.is-active{animation:motion-select .26s var(--ease-out)}.games-grid>*,.catalog-grid>*,.product-grid>*,.trending-grid>*{animation:motion-enter .32s var(--ease-out) backwards;animation-delay:0s}.games-grid>:nth-child(2),.catalog-grid>:nth-child(2),.product-grid>:nth-child(2),.trending-grid>:nth-child(2){animation-delay:45ms}.games-grid>:nth-child(3),.catalog-grid>:nth-child(3),.product-grid>:nth-child(3),.trending-grid>:nth-child(3){animation-delay:90ms}.games-grid>:nth-child(4),.catalog-grid>:nth-child(4),.product-grid>:nth-child(4),.trending-grid>:nth-child(4){animation-delay:.135s}.games-grid>:nth-child(5),.catalog-grid>:nth-child(5),.product-grid>:nth-child(5),.trending-grid>:nth-child(5){animation-delay:.18s}.game-tile-cover img,.game-tile-letter,.product-media img,.product-media .letter{transition:transform .24s var(--ease-out)}@media (hover:hover){.game-tile:hover .game-tile-cover img,.game-tile:hover .game-tile-letter,.product-card:hover .product-media img,.product-card:hover .product-media .letter{transform:scale(1.045)}}.game-tile:active,.product-card:active,.trending-card:active{transform:scale(.985)}