:root,:root[data-theme=light]{color-scheme:light;--bg: oklch(.985 .003 120);--bg-alt: oklch(.97 .004 120);--surface: #ffffff;--surface-2: oklch(.975 .005 140);--surface-3: oklch(.955 .008 140);--line: oklch(.91 .008 140);--line-hi: oklch(.85 .01 140);--line-lo: oklch(.94 .006 140);--ink: oklch(.22 .02 260);--ink-2: oklch(.4 .02 260);--ink-3: oklch(.58 .015 260);--ink-4: oklch(.72 .012 260);--ink-on-accent: #ffffff;--accent: oklch(.62 .18 240);--accent-hi: oklch(.72 .18 220);--accent-lo: oklch(.55 .17 245);--accent-soft: oklch(.94 .06 230);--accent-ink: oklch(.3 .1 240);--accent-pink: #c9377b;--warn: oklch(.68 .17 60);--warn-soft: oklch(.96 .06 70);--warn-ink: oklch(.36 .1 55);--danger: oklch(.58 .22 28);--danger-soft: oklch(.96 .06 28);--danger-ink: oklch(.4 .2 28);--info: oklch(.58 .18 240);--info-soft: oklch(.95 .04 240);--info-ink: oklch(.34 .14 240);--shadow-1: 0 1px 2px oklch(.2 .02 260 / .06), 0 1px 1px oklch(.2 .02 260 / .04);--shadow-2: 0 8px 24px oklch(.2 .02 260 / .08), 0 2px 6px oklch(.2 .02 260 / .05);--shadow-3: 0 20px 50px oklch(.2 .02 260 / .12), 0 6px 14px oklch(.2 .02 260 / .06);--shadow-accent: 0 12px 30px oklch(.62 .18 240 / .28);--focus-ring: 0 0 0 2px oklch(.62 .18 240 / .18)}:root[data-theme=dark]{color-scheme:dark;--bg: oklch(.15 .02 265);--bg-alt: oklch(.18 .02 265);--surface: oklch(.22 .025 265);--surface-2: oklch(.25 .025 265);--surface-3: oklch(.29 .03 265);--line: oklch(.32 .025 265);--line-hi: oklch(.42 .03 265);--line-lo: oklch(.27 .02 265);--ink: oklch(.97 .005 100);--ink-2: oklch(.83 .01 260);--ink-3: oklch(.68 .012 260);--ink-4: oklch(.54 .015 260);--ink-on-accent: #ffffff;--accent: oklch(.72 .16 230);--accent-hi: oklch(.8 .16 215);--accent-lo: oklch(.66 .16 240);--accent-soft: oklch(.72 .16 230 / .18);--accent-ink: oklch(.86 .12 220);--accent-pink: #e5488f;--warn: oklch(.82 .16 65);--warn-soft: oklch(.82 .16 65 / .14);--warn-ink: oklch(.88 .14 65);--danger: oklch(.72 .19 28);--danger-soft: oklch(.72 .19 28 / .15);--danger-ink: oklch(.82 .16 28);--info: oklch(.76 .14 235);--info-soft: oklch(.76 .14 235 / .14);--info-ink: oklch(.84 .12 235);--shadow-1: 0 1px 2px oklch(0 0 0 / .45), 0 1px 1px oklch(0 0 0 / .3);--shadow-2: 0 8px 24px oklch(0 0 0 / .45), 0 2px 6px oklch(0 0 0 / .3);--shadow-3: 0 20px 50px oklch(0 0 0 / .55), 0 6px 14px oklch(0 0 0 / .35);--shadow-accent: 0 12px 30px oklch(.72 .16 230 / .32);--focus-ring: 0 0 0 2px oklch(.72 .16 230 / .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{margin:0;padding:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body{overflow-x:clip;max-width:100vw;touch-action:pan-y;overscroll-behavior-x:none}#root{max-width:100%}h1,h2,h3,h4{font-family:var(--font-display);margin:0;letter-spacing:-.02em;font-weight:600;color:var(--ink)}h1{font-size:clamp(1.8rem,2.2vw + 1rem,2.8rem);line-height:1.08;font-weight:700}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{margin:0;max-width:72ch}a{color:var(--ink);text-decoration:none;transition:color .16s var(--ease-out)}a:hover{color:var(--accent-lo)}button,input,select,textarea{font:inherit;color:inherit}button{border:none;background:transparent;cursor:pointer;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);padding:12px 14px;width:100%;font-size:.95rem;transition:border-color .18s var(--ease-out),background .2s var(--ease-out),box-shadow .22s var(--ease-out);outline:none;box-shadow:0 1px color-mix(in oklch,var(--ink),transparent 96%) inset}select{appearance:none;-webkit-appearance:none;-moz-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>");background-position:0 0,right 14px center;background-repeat:no-repeat,no-repeat;background-size:cover,12px 8px;padding-right:38px;cursor:pointer}: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,input[type=datetime-local]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator,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,input[type=datetime-local]:hover::-webkit-calendar-picker-indicator,input[type=time]:hover::-webkit-calendar-picker-indicator,input[type=month]:hover::-webkit-calendar-picker-indicator{filter:invert(35%) sepia(60%) saturate(1500%) hue-rotate(190deg) opacity(1)}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]{-moz-appearance:textfield;appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}input[type=search]::-webkit-search-cancel-button,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:transparent}*::-webkit-scrollbar-thumb{background:color-mix(in oklch,var(--ink),transparent 78%);border-radius:999px;border:2px solid transparent;background-clip:padding-box;transition:background .18s var(--ease-out)}*::-webkit-scrollbar-thumb:hover{background:color-mix(in oklch,var(--ink),transparent 55%);background-clip:padding-box;border:2px solid transparent}*::-webkit-scrollbar-corner{background:transparent}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}.pwd-input-wrap{position:relative;width:100%}.pwd-input-wrap input{padding-right:40px}.pwd-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:32px;height:32px;display:grid;place-items:center;border-radius:8px;color:var(--ink-3);cursor:pointer}.pwd-toggle:hover{color:var(--ink);background:color-mix(in oklch,var(--ink),transparent 92%)}.pwd-strength{margin-top:6px;display:flex;flex-direction:column;gap:4px}.pwd-strength-bar{height:4px;background:var(--surface-3);border-radius:999px;overflow:hidden}.pwd-strength-fill{height:100%;border-radius:inherit;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{outline:none;border-color:var(--line-hi);box-shadow:0 1px color-mix(in oklch,var(--ink),transparent 96%) inset}input:-webkit-autofill,input:-webkit-autofill:hover,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:auto;padding-inline:clamp(14px,2.4vw,28px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;border-radius:var(--radius-sm);font-weight:600;font-size:.93rem;letter-spacing:-.005em;border:1px solid transparent;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;line-height:1;position:relative;isolation:isolate}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important;filter:saturate(.6)}.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;border:1px solid transparent;color:var(--ink-on-accent);box-shadow:0 1px color-mix(in oklch,#fff,transparent 60%) inset,0 10px 24px -10px color-mix(in oklch,var(--accent),transparent 40%)}.btn-primary:hover{filter:brightness(1.06);box-shadow:0 1px color-mix(in oklch,#fff,transparent 50%) 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);backdrop-filter:blur(8px);-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{padding:7px 14px;font-size:.85rem;border-radius:8px}.btn-lg{padding:14px 22px;font-size:1rem;border-radius:var(--radius-md)}.btn-success{background:color-mix(in oklch,#16a34a,transparent 86%);border:1px solid color-mix(in oklch,#16a34a,transparent 50%);color:#15803d}.btn-success:hover{background:color-mix(in oklch,#16a34a,transparent 78%)}.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{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;font-size:.76rem;font-weight:500;border-radius:999px;background:var(--surface-3);color:var(--ink-2);border:1px solid var(--line);line-height:1.5}.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{width:18px;height:18px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:rot .7s linear infinite}@keyframes rot{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}.icon{display:inline-block;vertical-align:-.18em;flex-shrink:0}.icon-text{display:inline-flex;align-items:center;gap:.4em}.icon-star{color:var(--text-muted, #889);transition:color .12s ease}.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{-webkit-transform:translateZ(0);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-height:44px;min-width: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),a:focus:not(:focus-visible){outline:none}@media (max-width: 360px){.container{padding-inline: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){display:block;max-width:100%;overflow-x:auto}.app-shell{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.header{position:sticky;top:0;z-index:50;background:var(--surface);border-bottom:1px solid var(--line)}.header-inner{min-height:var(--header-h);display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:clamp(12px,1.8vw,24px);padding-block:12px}.brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:700;font-size:1.22rem;letter-spacing:-.025em;flex-shrink:0;color:var(--ink)}.brand:hover{color:var(--ink)}.brand-mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent-hi),var(--accent-lo));color:#fff;font-weight:800;font-family:var(--font-display);font-size:1.05rem;box-shadow:0 6px 18px oklch(.62 .18 240 / .32)}.brand-logo{height:38px;width:auto;max-width:200px;object-fit:contain;display:block;flex-shrink:0}@media (max-width: 700px){.brand-logo{height:32px;max-width:150px}}.nav{display:flex;align-items:center;gap:2px}.nav a{padding:8px 14px;border-radius:10px;font-size:.9rem;font-weight:500;color:var(--ink-2)}.nav a.active,.nav a:hover{color:var(--ink);background:var(--surface-3)}.search{position:relative;width:100%;max-width:640px;justify-self:stretch}.search input{padding-left:44px;padding-right:40px;height:46px;background:var(--surface-3);border-color:transparent;border-radius:999px;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{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--ink-3);pointer-events:none}.search .search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:28px;height:28px;display:grid;place-items:center;border-radius:50%;border:none;background:transparent;color:var(--ink-3);cursor:pointer;transition:background .18s,color .18s}.search .search-clear:hover{background:var(--surface-2);color:var(--ink)}.header-actions{display:flex;align-items:center;gap:8px;justify-self:end;grid-column:-1}.icon-btn{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:var(--ink-2);background:transparent;transition:background .16s var(--ease-out),color .16s var(--ease-out)}.icon-btn:hover{background:var(--surface-3);color:var(--ink)}.cart-badge{position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--accent);color:var(--ink-on-accent);font-size:11px;line-height:18px;text-align:center;font-weight:600}.icon-btn{position:relative}.balance-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;background:var(--accent-soft);color:var(--accent-ink);font-weight:700;font-size:.85rem;white-space:nowrap;flex-shrink:0;transition:background .16s var(--ease-out)}.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:clamp(20px,3vw,40px) clamp(40px,6vw,80px)}.footer{margin-top:auto;background:var(--surface);border-top:1px solid var(--line);padding-block:36px;color:var(--ink-3);font-size:.85rem}.footer-inner{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.footer-inner strong{color:var(--ink);font-weight:600}.footer-nav{display:flex;gap:16px;flex-wrap:wrap}.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: 940px){.header-menu-btn{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--accent);color:var(--ink-on-accent);border:none;cursor:pointer;flex-shrink:0;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)}.header-menu-btn:hover{filter:brightness(1.06)}.header-menu-btn:active{transform:scale(.94)}}.md-overlay{position:fixed;inset:0;z-index:1000;background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:md-fade .18s var(--ease-out)}@keyframes md-fade{0%{opacity:0}to{opacity:1}}.md-drawer{position:absolute;top:0;right:0;bottom:0;width:min(340px,86vw);background:var(--surface);border-left:1px solid var(--line);display:flex;flex-direction:column;box-shadow:-16px 0 40px -12px #00000073;animation:md-slide .22s var(--ease-out);overflow-y:auto;padding-bottom:env(safe-area-inset-bottom,0)}@keyframes md-slide{0%{transform:translate(100%)}to{transform:translate(0)}}.md-head{display:flex;align-items:center;gap:12px;padding:18px 16px;border-bottom:1px solid var(--line)}.md-user{display:flex;align-items:center;gap:12px;flex:1;min-width:0;text-decoration:none;color:var(--ink)}.md-user-guest{cursor:default}.md-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;flex-shrink:0}.md-avatar-letter{display:grid;place-items:center;background:linear-gradient(135deg,var(--accent-hi),var(--accent-lo));color:#fff;font-weight:700;font-family:var(--font-display);font-size:1.1rem}.md-user-name{font-weight:600;font-size:.98rem;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.md-user-email{font-size:.78rem;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.md-close{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:transparent;color:var(--ink-2);flex-shrink:0;cursor:pointer}.md-close:hover{background:var(--surface-3);color:var(--ink)}.md-nav{display:flex;flex-direction:column;padding:8px 8px 18px;gap:2px}.md-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:10px;text-decoration:none;color:var(--ink);font-size:.95rem;font-weight:500;background:transparent;border:none;text-align:left;width:100%;cursor:pointer;transition:background .14s var(--ease-out)}.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{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:var(--surface-3);color:var(--ink-2);flex-shrink:0}.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);flex-shrink:0;opacity:.6}.md-divider{height:1px;background:var(--line);margin:8px 4px}.header-auth-btn{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 16px;border-radius:10px;font-size:.86rem;font-weight:600;letter-spacing:-.005em;white-space:nowrap;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 transparent}.header-auth-login{color:var(--ink-2);background:transparent;border-color:var(--line)}.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);transform:translateY(-1px);box-shadow:0 8px 18px -6px color-mix(in oklch,var(--accent),transparent 35%)}.footer-socials{display:flex;gap:8px;align-items:center}.footer-social{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--surface-3);transition:transform .2s var(--ease-out),background .2s var(--ease-out)}.footer-social:hover{transform:translateY(-2px);background:color-mix(in oklch,var(--accent),var(--surface-3) 70%)}.footer-social svg{display:block}.footer-link{color:var(--ink-3);font:inherit;padding:2px 0;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:transparent}.footer-link:hover{color:var(--accent-lo);border-color:var(--accent-lo)}@media (max-width: 940px){.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";row-gap:10px;gap:8px;padding-block:10px}.header-inner>.brand{grid-area:brand}.header-inner>.header-actions{grid-area:actions;justify-self:end}.header-inner>.search{grid-area:search;max-width:100%;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{padding:7px 10px}}.home-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(24px,3vw,40px)}.home-grid>*{min-width:0}.back-to-catalog{display:inline-flex;align-items:center;gap:8px;justify-self:start;width:fit-content;padding:9px 16px 9px 12px;background:var(--surface);border:1px solid var(--line);border-radius:999px;color:var(--ink-2);font-size:.88rem;font-weight:500;transition:all .16s var(--ease-out);margin-bottom:-12px}.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{background:linear-gradient(135deg,#121b29,#222c4c 60%,#4f2980);border-radius:var(--radius-2xl);color:#fff;padding:clamp(28px,4vw,64px) clamp(24px,3vw,56px);position:relative;overflow:hidden;isolation:isolate;min-height:clamp(320px,34vw,440px);display:flex;align-items:center}.leader-inner{max-width:680px;position:relative;z-index:2}.leader-deco{position:absolute;inset:0;overflow:hidden;z-index:1;pointer-events:none}.leader-deco .orb{position:absolute;border-radius:50%;filter:blur(40px);opacity:.7}.leader-deco .orb-1{width:520px;height:520px;top:-180px;right:-160px;background:radial-gradient(closest-side,oklch(.72 .22 140 / .55),transparent 70%)}.leader-deco .orb-2{width:420px;height:420px;bottom:-160px;left:-120px;background:radial-gradient(closest-side,oklch(.55 .22 280 / .45),transparent 70%)}.leader-deco .orb-3{width:240px;height:240px;top:20%;right:20%;background:radial-gradient(closest-side,oklch(.72 .18 40 / .3),transparent 70%)}.leader-inner .eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:#ffffff1a;color:#ffffffe6;font-size:.75rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;margin-bottom:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.eyebrow-dot{width:6px;height:6px;background:var(--accent);border-radius:999px;box-shadow:0 0 12px var(--accent)}.leader-inner h1{color:#fff;font-family:var(--font-display);font-size:clamp(2rem,3.4vw + 1rem,4.2rem);line-height:1.02;letter-spacing:-.04em;margin-bottom:16px;font-weight:700}.leader-inner h1 em{font-style:normal;color:var(--accent);background:linear-gradient(180deg,transparent 65%,oklch(.72 .22 140 / .35) 65%);padding-inline:4px}.leader-inner .lede{color:#ffffffc7;font-size:clamp(.96rem,.4vw + .8rem,1.1rem);margin-bottom:28px;max-width:54ch;line-height:1.55}.leader-cta{display:flex;gap:10px;flex-wrap:wrap}.leader-btn-secondary{background:#ffffff14;border:1px solid oklch(1 0 0 / .22);color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.leader-btn-secondary:hover{background:#ffffff26;border-color:#ffffff59;color:#fff}.leader-stats{display:flex;gap:clamp(20px,3vw,40px);flex-wrap:wrap;margin-top:32px;padding-top:28px;border-top:1px solid oklch(1 0 0 / .15)}.leader-stats .stat-item .num{font-family:var(--font-display);font-weight:700;font-size:1.6rem;color:var(--accent);letter-spacing:-.02em}.leader-stats .stat-item .lbl{font-size:.76rem;color:#ffffffa6;text-transform:uppercase;letter-spacing:.06em;margin-top:2px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:20px;flex-wrap:wrap}.section-head h2{font-family:var(--font-display);font-size:clamp(1.2rem,1vw + .9rem,1.75rem);font-weight:700;letter-spacing:-.02em}.section-head .hint{color:var(--ink-3);font-size:.88rem}.cat-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:10px;margin-bottom:8px}.cat-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:14px 10px;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);min-height:92px}.cat-tile:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow-2);color:var(--ink)}.cat-tile.active{border-color:var(--accent);background:var(--accent-soft)}.cat-icon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:1rem;color:var(--accent-ink);background:var(--accent-soft);border:1px solid color-mix(in oklch,var(--accent),transparent 70%);flex-shrink:0}.cat-tile .name{font-size:.84rem;font-weight:600;line-height:1.2}.cat-icon img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.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-weight:700;font-size:1rem}.cat-tile-more .name{color:var(--accent-ink)}.cat-nav{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding:6px 2px 12px;-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}.cat-nav::-webkit-scrollbar{height:6px}.cat-nav::-webkit-scrollbar-thumb{background:var(--line-hi);border-radius:999px}.cat-nav::-webkit-scrollbar-track{background:transparent}.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{flex-shrink:0;padding:9px 16px;border-radius:999px;background:var(--surface);border:1px solid var(--line);color:var(--ink-2);font-size:.88rem;font-weight:500;white-space:nowrap;transition:all .16s var(--ease-out);scroll-snap-align:start}.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{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:clamp(14px,1.6vw,20px)}.cat-section{margin-top:clamp(22px,3vw,38px);scroll-margin-top:calc(var(--header-h) + 14px)}.cat-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--line);flex-wrap:wrap}.cat-section-title-wrap{display:inline-flex;align-items:baseline;gap:14px;flex-wrap:wrap}.cat-section-title{font-family:var(--font-display);font-size:clamp(1.15rem,.9vw + .85rem,1.55rem);font-weight:700;letter-spacing:-.02em;color:var(--ink)}.cat-section-all{color:var(--accent-lo);font-size:.88rem;font-weight:600;display:inline-flex;align-items:center;gap:4px;transition:gap .16s var(--ease-out),color .16s var(--ease-out)}.cat-section-all:hover{color:var(--accent);gap:8px}.cat-section-sort{display:inline-flex;align-items:center;gap:8px;flex-shrink:0}@media (max-width: 640px){.cat-section-sort{width:100%;justify-content:space-between}.cat-section-sort .fselect{flex:1;max-width:260px}}.product-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden;transition:transform .2s var(--ease-out),border-color .2s var(--ease-out),box-shadow .22s var(--ease-out);text-align:left;color:inherit;position:relative}.product-card:hover{transform:translateY(-3px);border-color:var(--line-hi);box-shadow:var(--shadow-2);color:inherit}.product-media{aspect-ratio:1 / 1;position:relative;background:linear-gradient(140deg,var(--surface-2),var(--surface-3));display:grid;place-items:center;overflow:hidden}.product-card:nth-child(5n+1) .product-media{background:linear-gradient(140deg,#cdf1c5,#a1e4ae)}.product-card:nth-child(5n+2) .product-media{background:linear-gradient(140deg,oklch(.92 .06 280),oklch(.85 .1 260))}.product-card:nth-child(5n+3) .product-media{background:linear-gradient(140deg,oklch(.94 .05 60),oklch(.88 .1 45))}.product-card:nth-child(5n+4) .product-media{background:linear-gradient(140deg,#b7f0fb,#82d7ff)}.product-card:nth-child(5n+5) .product-media{background:linear-gradient(140deg,oklch(.94 .06 25),oklch(.86 .1 15))}.product-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center}.product-media .letter{font-family:var(--font-display);font-size:clamp(2.2rem,5vw,3.8rem);font-weight:700;color:#151b2452;letter-spacing:-.05em}.product-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px}.product-badge{position:absolute;top:12px;left:12px;z-index:2;background:#12161fd1;color:#fff;border-color:transparent;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-weight:600;padding:5px 11px;font-size:.72rem;letter-spacing:.01em}.popular-badge{position:absolute;top:10px;right:10px;z-index:2;display:inline-flex;align-items:center;gap:5px;padding:4px 10px 4px 8px;border-radius:999px;background:linear-gradient(135deg,#ff5e1a,#ff2a6d 60%,#c01e5a);color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;max-width:calc(100% - 20px);box-shadow:0 6px 14px #ff3c146b,0 0 0 1px #ffdcb459 inset,0 -2px 4px #96003c66 inset;animation:popular-pulse 2.6s ease-in-out infinite;pointer-events:none}.popular-badge .flame-svg{filter:drop-shadow(0 0 6px rgba(255,180,60,.85));flex-shrink:0}.product-card.is-popular .product-badge{display:none}@media (max-width: 600px){.popular-badge{padding:4px 8px;font-size:.62rem;gap:3px}.popular-badge span{display:none}.popular-badge .flame-svg{width:14px;height:16px}}@keyframes popular-pulse{0%,to{box-shadow:0 6px 14px #ff3c146b,0 0 0 1px #ffdcb459 inset,0 -2px 4px #96003c66 inset}50%{box-shadow:0 6px 22px #ff5a1ea6,0 0 0 1px #ffdcb48c inset,0 -2px 4px #96003c66 inset}}.product-card.is-popular .product-media{box-shadow:0 0 0 1px #ff5a1e73,0 18px 30px -16px #ff325a66}.product-card.is-popular:hover .product-media{box-shadow:0 0 0 1px #ff5a1eb3,0 22px 36px -18px #ff325a8c}.product-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 10px 5px 8px;border-radius:999px;font-size:.7rem;font-weight:600;letter-spacing:.02em;text-transform:none;border:none!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.product-badge .badge-svg{flex-shrink:0}.product-badge.auto{background:linear-gradient(135deg,#ffd75a2e,#ff821e2e),#140e06c7;box-shadow:inset 0 0 0 1px #ffc83c8c,0 4px 14px -4px #ff961e73;color:#ffe9a3}.product-badge.auto .badge-svg{filter:drop-shadow(0 0 5px rgba(255,200,60,.85));animation:bolt-glow 2.4s ease-in-out infinite}@keyframes bolt-glow{0%,to{filter:drop-shadow(0 0 3px rgba(255,200,60,.6))}50%{filter:drop-shadow(0 0 9px rgba(255,220,90,1))}}.product-badge.manual{background:linear-gradient(135deg,#5b9dff2e,#3c78dc2e),#08101cc7;box-shadow:inset 0 0 0 1px #78b4ff80,0 4px 14px -4px #4682e673;color:#c9e0ff}.product-badge.manual .badge-svg{filter:drop-shadow(0 0 4px rgba(120,180,255,.7))}.discount-badge{position:absolute;top:8px;right:8px;background:linear-gradient(135deg,#ef4444,#b91c1c);color:#fff;padding:4px 10px;border-radius:999px;font-weight:700;font-size:.78rem;letter-spacing:.02em;box-shadow:0 4px 12px -4px #ef444499,0 1px #fff3 inset;z-index:2}.product-price-old{text-decoration:line-through;color:var(--ink-3);font-size:.85rem;margin-right:6px;font-weight:500}.product-price-sale{color:#ef4444}.product-card.on-sale{border-color:color-mix(in oklch,#ef4444,transparent 70%)}.cat-reviews-section .cat-reviews-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.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{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px}.cat-reviews-section .review-body{white-space:pre-wrap;word-break:break-word;font-size:.92rem;line-height:1.45;color:var(--ink-2)}.cat-rating-stars{font-size:.85rem;letter-spacing:1px}.cat-rating-stars .icon-star{color:var(--text-muted, #889)}.cat-rating-stars .icon-star.is-filled{color:#f5b400}.catalog-tagline{margin:4px 0 0;color:var(--ink-3);font-size:.92rem;max-width:64ch}.trending-section{margin-bottom:32px;text-align:center}.trending-section .section-head{justify-content:center}.trending-section .section-head>div{text-align:center}.trending-title{display:inline-flex;align-items:center;gap:8px;justify-content:center}.trending-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:14px}.trending-grid .trending-card{flex:0 1 280px;min-width:220px;max-width:320px}.trending-card{position:relative;display:flex;align-items:center;gap:12px;padding:12px 14px 12px 12px;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);text-decoration:none;transition:transform .22s var(--ease-out),border-color .22s var(--ease-out),box-shadow .24s var(--ease-out);overflow:hidden;isolation:isolate}.trending-card:before{content:"";position:absolute;inset:0;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}.trending-card:hover{transform:translateY(-2px);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)}.trending-card:hover:before{opacity:1}.trending-rank{font-family:var(--font-display);font-weight:800;font-size:1rem;color:color-mix(in oklch,var(--accent),var(--ink) 30%);min-width:28px;text-align:center;letter-spacing:-.02em}.trending-card:nth-child(1) .trending-rank{background:linear-gradient(135deg,#fff5b8,#ff7a1a);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 4px rgba(255,200,60,.4))}.trending-card:nth-child(2) .trending-rank{background:linear-gradient(135deg,#e8e8ec,#a3a8b3);-webkit-background-clip:text;background-clip:text;color:transparent}.trending-card:nth-child(3) .trending-rank{background:linear-gradient(135deg,#f5b878,#b8742a);-webkit-background-clip:text;background-clip:text;color:transparent}.trending-cover{position:relative;width:48px;height:48px;border-radius:12px;overflow:hidden;flex-shrink:0;background:linear-gradient(140deg,oklch(.92 .06 280),oklch(.85 .1 260));border:1px solid var(--line)}.trending-cover .good-cover-letter{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:1.3rem;color:#4a5472b3}.trending-cover .good-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#fff;border-radius:inherit}.trending-info{flex:1;min-width:0}.trending-name{font-weight:600;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink);margin-bottom:2px}.trending-meta{display:inline-flex;align-items:center;gap:4px;font-size:.74rem;color:var(--ink-3);font-weight:500}.trending-arrow{color:var(--ink-3);flex-shrink:0;transition:transform .22s var(--ease-out),color .2s var(--ease-out)}.trending-card:hover .trending-arrow{color:var(--accent-ink);transform:translate(3px)}@media (max-width: 480px){.trending-grid{grid-template-columns:1fr}}.catalog-sub{margin:4px 0 18px;color:var(--ink-3);font-size:.92rem;max-width:80ch;line-height:1.55}.catalog-perks{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-bottom:22px}.catalog-perk{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;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)}.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{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;border-radius:10px;background:color-mix(in oklch,var(--accent),transparent 82%);color:var(--accent-ink)}.catalog-perk-title{font-weight:600;font-size:.95rem;color:var(--ink);margin-bottom:2px}.catalog-perk-body{font-size:.84rem;color:var(--ink-3);line-height:1.4}.cat-perks-bar{display:flex;flex-wrap:wrap;gap:8px 16px;padding:10px 14px;margin:4px 0 14px;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);font-size:.86rem;color:var(--ink-2)}.cat-perks-item{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.cat-perks-item svg{color:var(--accent-ink);flex-shrink:0}.product-name{font-weight:600;font-size:.95rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em;color:var(--ink)}.product-meta{display:flex;align-items:center;justify-content:space-between;margin-top:2px;gap:10px}.product-price{font-family:var(--font-display);font-weight:700;font-size:1.05rem;color:var(--ink)}.product-from{font-size:.72rem;color:var(--ink-3);font-weight:500;display:block;margin-bottom:-2px}.empty-state{padding:60px 24px;text-align:center;color:var(--ink-3);border:1px dashed var(--line);border-radius:var(--radius-lg);background:var(--surface)}.empty-state .big{font-family:var(--font-display);font-size:2rem;color:var(--ink);margin-bottom:8px}@media (max-width: 700px){.leader{padding:28px 22px;min-height:0}.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{font-size:.88rem;min-height:auto}.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{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}.subcat-chip{appearance:none;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);padding:8px 14px;border-radius:999px;font-size:.88rem;font-weight:500;cursor:pointer;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{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:0 0 14px}.catalog-filter_item{appearance:none;display:inline-flex;align-items:center;gap:10px;padding:10px 18px;background:var(--surface);border:1px solid var(--line);border-radius:999px;color:var(--ink-2);font-size:.92rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s,border-color .15s,box-shadow .15s}.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{display:inline-flex;align-items:center;justify-content:center}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}.good{display:flex;flex-direction:column;gap:8px;background:transparent;color:var(--ink);text-decoration:none;transition:transform .2s var(--ease-out)}.good:hover{transform:translateY(-3px);color:var(--ink)}.good-cover-wrapper{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:var(--radius-md);overflow:hidden;background:linear-gradient(140deg,var(--surface-2),var(--surface-3));border:1px solid var(--line)}.good:nth-child(5n+1) .good-cover-wrapper{background:linear-gradient(140deg,#cdf1c5,#a1e4ae)}.good:nth-child(5n+2) .good-cover-wrapper{background:linear-gradient(140deg,oklch(.92 .06 280),oklch(.85 .1 260))}.good:nth-child(5n+3) .good-cover-wrapper{background:linear-gradient(140deg,oklch(.94 .05 60),oklch(.88 .1 45))}.good:nth-child(5n+4) .good-cover-wrapper{background:linear-gradient(140deg,#b7f0fb,#82d7ff)}.good:nth-child(5n+5) .good-cover-wrapper{background:linear-gradient(140deg,oklch(.94 .06 25),oklch(.86 .1 15))}.good-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit;background:#fff;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)}:root[data-theme=dark] .good-cover{background:#f3f5f8}.good:hover .good-cover{transform:scale(1.04)}.good-cover-letter{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--font-display);font-size:clamp(2rem,4vw,3.4rem);font-weight:700;letter-spacing:-.05em;color:#151b2452}.good-name{font-size:.92rem;font-weight:600;line-height:1.25;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding:0 2px}@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%,oklch(.45 .18 280 / .55),transparent 50%),radial-gradient(circle at 10% 90%,oklch(.55 .18 220 / .45),transparent 50%),linear-gradient(135deg,#0b111f,#141d3b,#342661)}.leader-deco .orb-1{animation:orb-float-1 14s ease-in-out infinite}.leader-deco .orb-2{animation:orb-float-2 18s ease-in-out infinite}.leader-deco .orb-3{animation:orb-float-3 12s ease-in-out infinite}.leader-deco .orb-4{position:absolute;width:320px;height:320px;bottom:20%;right:30%;border-radius:50%;background:radial-gradient(closest-side,oklch(.78 .18 200 / .35),transparent 70%);filter:blur(50px);animation:orb-float-1 16s ease-in-out infinite reverse}.leader-grid{position:absolute;inset:0;background-image:linear-gradient(oklch(1 0 0 / .03) 1px,transparent 1px),linear-gradient(90deg,oklch(1 0 0 / .03) 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(circle at 50% 50%,black 30%,transparent 75%);-webkit-mask-image:radial-gradient(circle at 50% 50%,black 30%,transparent 75%);pointer-events:none}@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{padding:14px 24px;font-size:1rem;border-radius:14px}.leader-trending{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:22px}.leader-trending-label{color:#ffffff8c;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;font-weight:600}.leader-trending-chips{display:flex;gap:8px;flex-wrap:wrap}.leader-chip{display:inline-flex;align-items:center;padding:7px 14px;border-radius:999px;background:#ffffff1a;border:1px solid oklch(1 0 0 / .18);color:#ffffffeb;font-size:.85rem;font-weight:500;-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)}.leader-chip:hover{background:#ffffff2e;border-color:#ffffff4d;color:#fff;transform:translateY(-1px)}.leader-stats .stat-item{display:flex;align-items:center;gap:12px}.stat-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#ffffff1a;border:1px solid oklch(1 0 0 / .18);color:var(--accent);flex-shrink:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@media (max-width: 700px){.leader-cta{flex-direction:column;align-items:stretch}.leader-cta .btn-lg{width:100%;justify-content:center}.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{max-width:100%;box-sizing:border-box}.empty-state .big{font-size:clamp(1.2rem,4vw + .4rem,2rem);overflow-wrap:break-word}@media (max-width: 480px){.leader{padding:24px 18px;border-radius:var(--radius-xl)}.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{margin:-8px 0 18px;color:var(--ink-3);font-size:.95rem;line-height:1.55;max-width:80ch}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;align-items:start}.game-tile{position:relative;display:flex;flex-direction:column;text-decoration:none;background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:transform .18s,border-color .18s,box-shadow .18s}.game-tile:hover{transform:translateY(-2px);border-color:color-mix(in oklch,var(--accent),transparent 50%);box-shadow:0 14px 32px -18px color-mix(in oklch,var(--accent),transparent 50%)}.game-tile-cover{position:relative;aspect-ratio:1 / 1;display:grid;place-items:center;background:linear-gradient(135deg,color-mix(in oklch,var(--accent),transparent 65%),color-mix(in oklch,var(--accent),transparent 88%));overflow:hidden}.game-tile-cover img{width:100%;height:100%;object-fit:cover;display:block}.game-tile-letter{font-size:4rem;font-weight:800;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%)}.game-tile-cover-glow{position:absolute;inset:-30%;background:radial-gradient(50% 50% at 50% 50%,color-mix(in oklch,var(--accent),transparent 75%) 0%,transparent 70%);pointer-events:none}.game-tile-body{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px}.game-tile-name{color:var(--ink);font-size:.92rem;font-weight:700;letter-spacing:-.01em;line-height:1.25;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.game-tile-arrow{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;color:var(--accent);background:color-mix(in oklch,var(--accent),transparent 85%);flex-shrink:0;transition:background .18s,transform .18s}.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{position:relative;display:grid;grid-template-columns:132px 1fr;gap:22px;align-items:center;padding:22px 26px;margin:0 0 18px;border-radius:22px;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%);overflow:hidden}.game-hero-cover{position:relative;width:132px;height:132px;border-radius:22px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,color-mix(in oklch,var(--accent),transparent 65%),color-mix(in oklch,var(--accent),transparent 88%));border:1px solid color-mix(in oklch,var(--accent),transparent 60%);flex-shrink:0}.game-hero-cover img{width:100%;height:100%;object-fit:cover;display:block}.game-hero-letter{font-size:3.6rem;font-weight:800;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%)}.game-hero-cover-glow{position:absolute;inset:-30%;background:radial-gradient(50% 50% at 50% 50%,color-mix(in oklch,var(--accent),transparent 70%) 0%,transparent 70%);pointer-events:none}.game-hero-body{min-width:0}.game-hero-crumb{display:flex;align-items:center;gap:6px;font-size:.78rem;color:var(--ink-3);margin:0 0 8px}.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{margin:0 0 10px;font-size:clamp(1.2rem,1.4vw + .6rem,1.85rem);font-weight:800;letter-spacing:-.02em;line-height:1.15}.game-hero-badges{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}.game-hero-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:999px;font-size:.76rem;font-weight:600;background:color-mix(in oklch,var(--surface),var(--ink) 4%);border:1px solid var(--line);color:var(--ink-2)}.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);font-size:.88rem;line-height:1.55;max-width:72ch}.game-hero-desc p{margin:0}@media (max-width: 720px){.game-hero{grid-template-columns:86px 1fr;gap:14px;padding:14px 16px;border-radius:18px}.game-hero-cover{width:86px;height:86px;border-radius:16px}.game-hero-letter{font-size:2.3rem}.game-hero-title{font-size:1.05rem;margin-bottom:8px}.game-hero-desc{font-size:.82rem}}.game-tabs{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 18px;padding:4px;border-radius:14px;background:color-mix(in oklch,var(--surface),var(--ink) 3%);border:1px solid var(--line)}.game-tab{appearance:none;background:transparent;border:none;padding:9px 16px;border-radius:10px;color:var(--ink-3);font-size:.86rem;font-weight:600;cursor:pointer;white-space:nowrap;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{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin-inline:calc(-1*clamp(14px,2.4vw,28px));padding-inline:clamp(14px,2.4vw,28px);background:transparent;border:none;border-radius:0}.game-tabs::-webkit-scrollbar{display:none}.game-tab{flex-shrink:0;padding:8px 14px;font-size:.82rem;background:var(--surface);border:1px solid var(--line);border-radius:999px}.game-tab.is-active{border-color:var(--accent)}}.hero-banners{position:relative;margin-bottom:16px}.hero-banners-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);gap:12px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding-bottom:4px}.hero-banners-track::-webkit-scrollbar{display:none}.hero-banner-card{position:relative;aspect-ratio:16 / 11;border-radius:18px;overflow:hidden;background:linear-gradient(140deg,var(--surface-2),var(--surface-3));border:1px solid var(--line);scroll-snap-align:start;text-decoration:none;color:inherit;transition:transform .28s var(--ease-out),border-color .2s;display:block}.hero-banner-card:hover{transform:translateY(-3px);border-color:var(--line-hi)}.hero-banner-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .38s var(--ease-out)}.hero-banner-card:hover img{transform:scale(1.06)}.hero-banner-letter{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--font-display);font-size:4rem;font-weight:700;color:#396fc866}.hero-banner-overlay{position:absolute;left:0;right:0;bottom:0;padding:14px 16px;display:flex;flex-direction:column;gap:2px;background:linear-gradient(0deg,rgba(8,10,18,.92) 0%,rgba(8,10,18,.55) 60%,transparent 100%);color:#fff}.hero-banner-eyebrow{font-size:.65rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#ffffff9e}.hero-banner-title{font-size:.96rem;font-weight:700;letter-spacing:-.005em;line-height:1.18;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 760px){.hero-banners-track{grid-auto-columns:minmax(180px,220px)}}.featured-tiles-wrap{position:relative;margin-bottom:18px}.featured-tiles-track{display:grid;grid-auto-flow:column;grid-auto-columns:92px;gap:10px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding:2px 0 6px}.featured-tiles-track::-webkit-scrollbar{display:none}.featured-tile{position:relative;aspect-ratio:1 / 1;border-radius:14px;overflow:hidden;background:linear-gradient(140deg,var(--surface-2),var(--surface-3));border:1px solid var(--line);scroll-snap-align:start;display:block;transition:transform .28s var(--ease-out),border-color .2s}.featured-tile:hover{transform:translateY(-3px) scale(1.04);border-color:var(--line-hi);z-index:2}.featured-tile img{width:100%;height:100%;object-fit:cover;transition:transform .32s var(--ease-out)}.featured-tile:hover img{transform:scale(1.08)}.featured-tile-letter{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--font-display);font-size:1.8rem;font-weight:700;color:#396fc866}@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{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:0 0 10px}.catalog-subfilter_item{appearance:none;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:7px 16px;display:inline-flex;align-items:center;gap:6px;color:var(--ink-2);font-size:.83rem;font-weight:500;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background .15s,color .15s,border-color .15s,box-shadow .15s}.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{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;opacity:.55}.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{padding:5px 13px;font-size:.78rem;background:transparent;border-color:color-mix(in oklch,var(--accent),transparent 60%);color:var(--ink-3)}.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{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding-bottom:4px;margin-inline:calc(-1*clamp(14px,2.4vw,28px));padding-inline:clamp(14px,2.4vw,28px);scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}.catalog-subfilter::-webkit-scrollbar{display:none}.catalog-subfilter_item{scroll-snap-align:start}.catalog-filter_item{flex-shrink:0}}.catalog-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}@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{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}.product-grid.product-grid--home>*{flex:0 1 calc((100% - 14px)/2);min-width:160px;max-width:280px}@media (min-width: 720px){.product-grid.product-grid--home{gap:16px}.product-grid.product-grid--home>*{flex:0 1 calc((100% - 32px) / 3)}}@media (min-width: 1024px){.product-grid.product-grid--home{gap:18px}.product-grid.product-grid--home>*{flex:0 1 calc((100% - 54px)/4)}}.hero3d{position:relative;display:block;padding:56px 56px 48px;margin-bottom:28px;border-radius:28px;overflow:hidden;isolation:isolate;background:radial-gradient(900px 600px at 95% 100%,rgba(124,92,255,.45),transparent 60%),radial-gradient(700px 500px at 5% 0%,rgba(0,212,255,.4),transparent 55%),linear-gradient(135deg,#0a0e22,#131838 55%,#1f1645);border:1px solid rgba(124,92,255,.35);box-shadow:0 30px 80px -40px #7c5cff8c,inset 0 1px #ffffff0d;color:#fff}.hero3d-bg{position:absolute;inset:0;z-index:0;pointer-events:none}.hero3d-orb{position:absolute;border-radius:50%;filter:blur(70px);will-change:transform}.hero3d-orb-1{left:-8%;top:-25%;width:460px;height:460px;background:radial-gradient(circle,#00d4ff 0%,transparent 65%);opacity:.55}.hero3d-orb-2{right:-12%;bottom:-30%;width:560px;height:560px;background:radial-gradient(circle,#b364ff 0%,transparent 65%);opacity:.6}.hero3d-orb-3{left:35%;top:25%;width:320px;height:320px;background:radial-gradient(circle,#ff5b9b 0%,transparent 70%);opacity:.35}.hero3d-grid{position:absolute;left:-20%;right:-20%;bottom:-45%;height:90%;background-image:linear-gradient(rgba(124,220,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(124,220,255,.18) 1px,transparent 1px);background-size:48px 48px;transform:perspective(900px) rotateX(62deg);transform-origin:center top;-webkit-mask-image:linear-gradient(to top,rgba(0,0,0,.95) 10%,rgba(0,0,0,.6) 35%,transparent 75%);mask-image:linear-gradient(to top,rgba(0,0,0,.95) 10%,rgba(0,0,0,.6) 35%,transparent 75%)}.hero3d-noise{position:absolute;inset:0;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");opacity:.06;mix-blend-mode:overlay}.hero3d-left{position:relative;z-index:2;display:flex;flex-direction:column;gap:18px;max-width:540px}.hero3d-eyebrow{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:7px 14px;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#b4c8fff2;background:#ffffff14;border:1px solid rgba(180,200,255,.2);border-radius:999px;backdrop-filter:blur(8px)}.hero3d-eyebrow-dot{width:8px;height:8px;border-radius:50%;background:#00ffd1;box-shadow:0 0 12px #00ffd1;animation:hero3d-pulse 1.6s ease-in-out infinite}@keyframes hero3d-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.85)}}.hero3d-title{font-size:clamp(2.2rem,4.8vw,3.8rem);font-weight:900;letter-spacing:-.025em;line-height:1.02;margin:6px 0 0;color:#fff;text-shadow:0 4px 30px rgba(0,212,255,.2)}.hero3d-title em{font-style:normal;background:linear-gradient(135deg,#00f0ff,#b364ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;position:relative}.hero3d-title em:after{content:"";position:absolute;left:0;right:0;bottom:.05em;height:.18em;background:linear-gradient(90deg,#00f0ff,#b364ff);opacity:.25;border-radius:2px}.hero3d-lead{font-size:1rem;line-height:1.55;color:#dce6ffc7;max-width:460px;margin:0}.hero3d-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}.hero3d-btn{display:inline-flex;align-items:center;gap:9px;padding:13px 22px;border-radius:14px;font-size:.95rem;font-weight:700;letter-spacing:-.005em;text-decoration:none;cursor:pointer;transition:transform .25s cubic-bezier(.2,.9,.3,1.2),box-shadow .3s,background .25s,border-color .25s;border:1px solid transparent}.hero3d-btn-primary{color:#0a0e22;background:linear-gradient(135deg,#00f0ff,#66e0ff);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;background:#ffffff0f;border-color:#ffffff2e;backdrop-filter:blur(8px)}.hero3d-btn-ghost:hover{background:#ffffff1f;border-color:#ffffff52;transform:translateY(-2px)}.hero3d-btn-tg svg{color:#229ed9}.hero3d-stats{display:flex;align-items:center;gap:14px;margin-top:12px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1)}.hero3d-stat{display:flex;flex-direction:column;gap:2px}.hero3d-stat-num{font-size:1.6rem;font-weight:800;background:linear-gradient(135deg,#fff,#b8d4ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em;line-height:1}.hero3d-stat-lbl{font-size:.7rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#b4c8ff99}.hero3d-stat-sep{width:1px;height:30px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.15),transparent)}@media (max-width: 980px){.hero3d{padding:36px 24px}.hero3d-title{font-size:clamp(1.9rem,7vw,2.6rem)}}@media (max-width: 720px){.hero3d{padding:28px 20px;border-radius:22px}.hero3d-stats{gap:14px;flex-wrap:wrap;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{max-width:460px;margin:clamp(32px,6vw,80px) auto;padding:clamp(28px,3vw,40px);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow-2)}.auth-page h1{font-family:var(--font-display);font-size:clamp(1.7rem,1.5vw + 1rem,2.2rem);margin-bottom:8px;letter-spacing:-.025em}.auth-page .sub{color:var(--ink-3);margin-bottom:28px;font-size:.95rem}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:18px}.form-group label{font-size:.82rem;color:var(--ink-2);font-weight:500}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.form-error{color:var(--danger-ink);font-size:.88rem;padding:12px 14px;background:var(--danger-soft);border:1px solid color-mix(in oklch,var(--danger),transparent 70%);border-radius:var(--radius-md);margin-bottom:16px}.form-ok{color:var(--accent-ink);font-size:.88rem;padding:12px 14px;background:var(--accent-soft);border:1px solid color-mix(in oklch,var(--accent),transparent 65%);border-radius:var(--radius-md);margin-bottom:16px}.form-hint{font-size:.78rem;color:var(--ink-4)}.auth-switch{margin-top:22px;text-align:center;font-size:.92rem;color:var(--ink-3)}.auth-switch a{color:var(--accent-lo);font-weight:600}.divider{height:1px;background:var(--line);margin:18px 0}.field-check{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--ink-2)}.field-check input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);flex-shrink:0}.price-box{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:var(--surface-3);border-radius:var(--radius-md);margin-bottom:16px}.price-box .label{color:var(--ink-3);font-size:.88rem}.price-box .val{font-family:var(--font-display);font-weight:700;color:var(--ink);font-size:1.15rem}textarea{resize:vertical;min-height:96px}.product-page{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,380px);gap:clamp(24px,3vw,44px);align-items:start}.product-page>*{min-width:0}.product-hero{display:grid;grid-template-columns:minmax(240px,340px) minmax(0,1fr);gap:clamp(20px,2.5vw,32px);align-items:start;margin-bottom:28px}.product-hero.no-media{grid-template-columns:minmax(0,1fr)}.product-hero>*{min-width:0}.product-hero .media{position:relative;aspect-ratio:1 / 1;border-radius:var(--radius-xl);background:linear-gradient(140deg,var(--surface-2),var(--surface-3));display:grid;place-items:center;overflow:hidden;border:1px solid var(--line)}.product-hero .media img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.product-hero .media .letter{font-family:var(--font-display);font-size:5rem;font-weight:700;color:var(--ink-4);opacity:.5;letter-spacing:-.05em}.product-hero h1{font-family:var(--font-display);font-size:clamp(1.5rem,2vw + .8rem,2.4rem);line-height:1.08;margin-bottom:14px;letter-spacing:-.028em}.product-hero .chips-row{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}.product-hero .desc{color:var(--ink-2);margin-bottom:20px;line-height:1.65;font-size:.97rem}.buy-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-xl);padding:24px;position:sticky;top:calc(var(--header-h) + 20px);box-shadow:var(--shadow-1)}.buy-card .big-price{font-family:var(--font-display);font-size:clamp(1.8rem,2vw + .5rem,2.3rem);font-weight:700;color:var(--ink);margin-bottom:4px;letter-spacing:-.03em}.buy-card .stock-line{color:var(--ink-3);font-size:.9rem;margin-bottom:18px}.buy-card .btn{width:100%;padding:14px;font-size:1rem;border-radius:var(--radius-md)}.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{flex:1 1 auto;min-width:0;height:44px;padding:0 14px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-2);color:var(--ink);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{outline:none;border-color:var(--accent);background:var(--surface)}.buy-card .cart-promo-row input:disabled{opacity:.6;cursor:not-allowed}.buy-card .cart-promo-row .btn{width:auto;min-width:110px;flex:0 0 auto;padding:0 18px;height:44px;font-size:.9rem;font-weight:600;margin-top:0!important;border-radius:var(--radius-md)}.qty-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 4px 14px 16px;background:var(--surface-3);border-radius:var(--radius-md);margin-bottom:14px}.qty-label{color:var(--ink-2);font-size:.9rem;font-weight:500}.qty-stepper{display:inline-flex;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:4px;gap:2px}.qty-stepper button{width:32px;height:32px;border-radius:999px;display:grid;place-items:center;font-size:1.25rem;font-weight:600;color:var(--ink);line-height:1;transition:background .14s var(--ease-out),color .14s var(--ease-out)}.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{width:48px;padding:0;text-align:center;background:transparent;border:none;font-family:var(--font-display);font-weight:700;font-size:1rem;color:var(--ink)}.qty-stepper input:focus{box-shadow:none}.instructions{background:var(--surface-3);border:1px solid var(--line);border-radius:var(--radius-md);padding:16px 18px;margin-top:18px;font-size:.9rem;color:var(--ink-2);line-height:1.55}.instructions .ttl{color:var(--ink);font-weight:600;margin-bottom:6px;font-size:.92rem}.product-tabs{margin-top:22px;border-radius:var(--radius-md);overflow:hidden;background:var(--surface-2);border:1px solid var(--line);min-width:0;max-width:100%}.product-tab-bar{display:flex;gap:4px;padding:6px;background:var(--surface-3);border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}.product-tab-bar::-webkit-scrollbar{display:none}.product-tab{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:0;background:transparent;color:var(--ink-2);font-weight:600;font-size:.95rem;border-radius:calc(var(--radius-md) - 4px);cursor:pointer;white-space:nowrap;transition:color .16s var(--ease-out),background .16s var(--ease-out)}.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{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:color-mix(in oklch,var(--accent),transparent 78%);color:var(--accent);font-size:.78rem;font-weight:700}.product-tab-panel{padding:20px;min-width:0;max-width:100%;overflow-wrap:break-word;word-wrap:break-word}.product-tab-panel .reviews-section,.product-tab-panel .desc{margin-top:0}.product-tab-panel .instructions{background:transparent;border:none;border-radius:0;padding:0;margin-top: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{position:relative;margin-top:16px}.reviews-track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding:4px 2px 8px;scroll-padding-inline:4px}.reviews-track::-webkit-scrollbar{display:none}.reviews-track .review-card{flex:0 0 min(320px,88%);scroll-snap-align:start}.reviews-nav{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--ink);display:grid;place-items:center;cursor:pointer;z-index:2;box-shadow:0 6px 18px #0000002e;transition:background .16s var(--ease-out),color .16s var(--ease-out),transform .16s var(--ease-out)}.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{display:flex;flex-direction:column;grid-template-columns:1fr;gap:12px}.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{max-width:360px;margin-inline:auto;aspect-ratio:1 / 1}.buy-card{position:static}}@media (max-width: 560px){.product-tab-bar{padding:4px;gap:2px}.product-tab{padding:8px 10px;font-size:.85rem;gap:6px}.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{position:relative;display:flex;flex-direction:column;gap:14px;padding:22px 22px 18px;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);border-radius:22px;overflow:hidden;box-shadow:0 30px 60px -30px color-mix(in oklch,var(--accent),transparent 50%),inset 0 1px color-mix(in oklch,var(--accent),transparent 75%)}.bcp-accent{position:absolute;top:0;left:0;right:0;height:3px;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}.bcp-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:2px}.bcp-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.02em}.bcp-badge.is-auto{color:#ffb43c;background:color-mix(in oklch,#ffb43c,transparent 85%);border:1px solid color-mix(in oklch,#ffb43c,transparent 70%)}.bcp-badge.is-manual{color:#5b9dff;background:color-mix(in oklch,#5b9dff,transparent 85%);border:1px solid color-mix(in oklch,#5b9dff,transparent 70%)}.bcp-stock{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:600;color:var(--ink-2)}.bcp-stock-dot{width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 8px #34d39999}.bcp-price{display:flex;flex-direction:column;gap:4px}.bcp-price-label{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.bcp-price-sale{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.bcp-price-old{font-size:.95rem;color:var(--ink-3);text-decoration:line-through}.bcp-discount{display:inline-flex;align-items:center;padding:2px 8px;border-radius:6px;font-size:.72rem;font-weight:800;color:#fff;background:linear-gradient(135deg,#ef4444,#f97316);letter-spacing:-.01em}.bcp-price-main{display:flex;align-items:baseline;gap:4px;margin-top:2px;line-height:1}.bcp-price-num{font-size:2.6rem;font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,var(--ink) 30%,color-mix(in oklch,var(--accent),var(--ink) 50%) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.bcp-price-cur{font-size:1.4rem;font-weight:700;color:var(--ink-2)}.bcp-price-unit{font-size:.78rem;color:var(--ink-3);margin-top:2px}.bcp-stepper-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;background:var(--surface-2);border:1px solid var(--line);border-radius:14px}.bcp-stepper-label{font-size:.85rem;font-weight:600;color:var(--ink-2)}.bcp-stepper{display:inline-flex;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden}.bcp-stepper button{width:34px;height:34px;display:grid;place-items:center;background:transparent;border:none;color:var(--ink);font-size:1.1rem;font-weight:700;cursor:pointer;transition:background .15s,color .15s}.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{width:48px;height:34px;border:none;background:transparent;text-align:center;font-size:.95rem;font-weight:700;color:var(--ink);-moz-appearance:textfield;appearance:textfield}.bcp-stepper input::-webkit-outer-spin-button,.bcp-stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.bcp-stepper input:focus{outline:none}.bcp-note{display:flex;flex-direction:column;gap:6px}.bcp-note label{font-size:.78rem;font-weight:600;color:var(--ink-2)}.bcp-note textarea{min-height:70px;padding:10px 12px;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;color:var(--ink);font-size:.88rem;font-family:inherit;resize:vertical}.bcp-note textarea:focus{outline:none;border-color:var(--accent);background:var(--surface)}.bcp-promo{display:flex;gap:8px;align-items:stretch}.bcp-promo input{flex:1 1 auto;min-width:0;height:44px;padding:0 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);color:var(--ink);font-size:.9rem;transition:border-color .15s,background .15s}.bcp-promo input::placeholder{color:var(--ink-3)}.bcp-promo input:focus{outline:none;border-color:var(--accent);background:var(--surface)}.bcp-promo input:disabled{opacity:.6;cursor:not-allowed}.bcp-promo-btn{flex:0 0 auto;min-width:100px;height:44px;padding:0 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);color:var(--ink);font-size:.88rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s;display:inline-flex;align-items:center;justify-content:center}.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{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;font-size:.85rem;color:#34d399;background:#34d3991a;border:1px solid rgba(52,211,153,.3)}.bcp-promo-applied b{font-weight:800}.bcp-promo-applied em{font-style:normal;opacity:.85}.bcp-error{padding:8px 12px;border-radius:10px;font-size:.82rem;color:#ef4444;background:#ef44441a;border:1px solid rgba(239,68,68,.25)}.bcp-balance{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line)}.bcp-balance-label{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:600;color:var(--ink-3)}.bcp-balance-val{font-size:1rem;font-weight:800;color:var(--ink);letter-spacing:-.01em}.bcp-balance-val.is-low{color:#ef4444}.bcp-cta{display:flex;gap:8px;margin-top:4px}.bcp-buy{flex:1 1 auto;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 20px;height:54px;border:none;border-radius:14px;background:linear-gradient(135deg,var(--accent) 0%,color-mix(in oklch,var(--accent),#fff 18%) 100%);color:var(--ink-on-accent);font-size:1rem;font-weight:700;letter-spacing:-.005em;cursor:pointer;position:relative;overflow:hidden;transition:transform .25s cubic-bezier(.2,.9,.3,1.2),box-shadow .25s;box-shadow:0 14px 30px -10px color-mix(in oklch,var(--accent),transparent 35%)}.bcp-buy:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.25) 50%,transparent 70%);transform:translate(-100%);transition:transform .6s ease;pointer-events:none}.bcp-buy:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 20px 40px -10px color-mix(in oklch,var(--accent),transparent 25%)}.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{display:inline-flex;align-items:center;padding:4px 10px;border-radius:8px;background:#0000002e;font-size:.92rem;font-weight:800;color:inherit}.bcp-cart{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:54px;padding:0 18px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2);color:var(--ink);font-size:.92rem;font-weight:600;cursor:pointer;transition:background .18s,border-color .18s,transform .18s,color .18s}.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{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px;border-radius:10px;background:#ef444414;border:1px dashed rgba(239,68,68,.4);color:#ef4444;font-size:.85rem;font-weight:600;text-decoration:none;transition:background .18s}.bcp-topup:hover{background:#ef444424}.bcp-trust{display:flex;align-items:center;justify-content:space-around;padding-top:12px;margin-top:4px;border-top:1px solid var(--line)}.bcp-trust-item{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:600;color:var(--ink-3)}.bcp-trust-item svg{color:var(--accent);opacity:.85}.bcp-trust-sep{width:1px;height:14px;background:var(--line)}.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{margin-top:0!important;margin-bottom:64px!important;box-shadow:0 14px 28px -18px color-mix(in oklch,var(--accent),transparent 70%),inset 0 1px color-mix(in oklch,var(--accent),transparent 80%)}}@media (max-width: 600px){.product-page>.buy-card.bcp{padding:18px 16px 16px;gap:12px;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{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:28px}.page-head h1{font-family:var(--font-display);font-size:clamp(1.6rem,1.6vw + 1rem,2.3rem);letter-spacing:-.028em}.account-grid{display:grid;grid-template-columns:1fr;gap:clamp(22px,2.8vw,36px);align-items:start}.side-nav{display:none}.side-nav::-webkit-scrollbar{display:none;width:0;height:0}.side-nav a{padding:11px 14px;border-radius:10px;color:var(--ink-2);font-size:.92rem;font-weight:500;display:flex;align-items:center;gap:8px}.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{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:28px}.profile-head{display:flex;align-items:center;gap:14px;margin-bottom:18px;flex-wrap:wrap}.profile-head-info{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}.profile-head-title{margin:0;font-size:clamp(1.4rem,1.4vw + 1rem,2.1rem);line-height:1.15;word-break:break-word;font-family:var(--font-display);font-weight:700}.profile-staff-btn{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:6px 10px 6px 6px;border-radius:10px;font-weight:600;font-size:.82rem;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);text-decoration:none}.profile-staff-icon{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;flex-shrink:0;color:#fff}.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{transform:translateY(-1px);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)}.profile-staff-btn:hover .profile-staff-arrow{color:var(--accent-ink);transform:translate(2px)}.profile-avatar-wrap{position:relative}.profile-avatar-btn{position:relative;display:inline-block;padding:0;background:transparent;border:none;cursor:pointer;border-radius:50%;transition:transform .2s var(--ease-out)}.profile-avatar-btn:hover{transform:scale(1.04)}.profile-avatar-edit{position:absolute;right:-2px;bottom:-2px;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:var(--ink-on-accent);border:2px solid var(--bg);pointer-events:none}.profile-avatar-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:50;min-width:180px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:0 12px 32px -10px #00000059;display:flex;flex-direction:column;padding:4px}.profile-avatar-menu button{text-align:left;padding:10px 12px;border-radius:var(--radius-sm);background:transparent;border:none;color:var(--ink);font-size:.9rem;cursor:pointer;transition:background .14s var(--ease-out)}.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{display:inline-flex;align-items:center;gap:8px;background:transparent;border:none;padding:0;cursor:pointer;color:var(--ink);text-align:left}.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);font-size:clamp(1.2rem,1.2vw + .9rem,1.8rem);font-weight:700;padding:4px 10px;width:auto;min-width:160px;max-width:100%}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--line);cursor:pointer}.toggle-row:first-of-type{border-top:none}.toggle-row>span{display:flex;flex-direction:column;gap:2px;min-width:0}.toggle-row strong{font-weight:600;font-size:.95rem}.toggle-row small{color:var(--ink-3);font-size:.8rem}.toggle-row input[type=checkbox]{appearance:none;-webkit-appearance:none;width:42px;height:24px;border-radius:999px;background:var(--surface-3);border:1px solid var(--line);position:relative;cursor:pointer;flex-shrink:0;transition:background .18s var(--ease-out);margin:0;padding:0}.toggle-row input[type=checkbox]:after{content:"";position:absolute;top:1px;left:1px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .18s var(--ease-out)}.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{font-size:.82rem;color:var(--ink-3);margin-bottom:8px;text-transform:uppercase;letter-spacing:.04em;font-weight:500}.stat .v{font-family:var(--font-display);font-size:1.75rem;font-weight:700;color:var(--ink);letter-spacing:-.025em;word-break:break-word}.stat.accent{background:linear-gradient(135deg,#161635,#38255f);border-color:transparent;color:#fff}.stat.accent .k{color:#ffffffa6}.stat.accent .v{color:var(--accent)}.order-row{display:grid;grid-template-columns:90px 1fr auto auto auto;gap:14px;align-items:center;padding:16px 18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);margin-bottom:10px;text-decoration:none;color:inherit;transition:border-color .16s var(--ease-out),box-shadow .16s var(--ease-out),transform .16s var(--ease-out)}.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);font-weight:700;color:var(--ink);font-size:.95rem}.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);font-weight:700;color:var(--ink);font-size:1.02rem}.topup-form{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg)}.topup-form .amt label{font-size:.82rem;color:var(--ink-2);font-weight:500;margin-bottom:6px;display:block}.theme-switch{display:inline-flex;gap:4px;padding:4px;background:var(--surface-3);border-radius:12px;border:1px solid var(--line)}.theme-opt{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:8px;font-size:.88rem;font-weight:500;color:var(--ink-3);transition:all .14s var(--ease-out)}.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);padding:22px;margin-top:24px}.settings-card h3{font-family:var(--font-display);font-size:1.1rem;margin-bottom:6px;letter-spacing:-.02em}.settings-card .sub{color:var(--ink-3);font-size:.88rem;margin-bottom:16px}@media (max-width: 940px){.order-row{grid-template-columns:1fr auto;gap:10px}.order-row .col-hide{display:none}.order-row .order-id{order:-1}}@media (max-width: 560px){.topup-form{grid-template-columns:1fr}}.my-giveaway-section{margin-bottom:28px}.my-giveaway-section-head{display:flex;align-items:baseline;gap:10px;margin-bottom:12px}.my-giveaway-section-head h2{font-size:1.12rem;font-weight:600;letter-spacing:-.015em}.section-counter{font-size:.78rem;font-weight:600;padding:2px 9px;border-radius:999px;color:var(--ink-3);background:var(--surface-3, color-mix(in oklch, var(--ink), transparent 92%))}.section-counter.winner{color:#b45309;background:color-mix(in oklch,#f59e0b,transparent 80%)}.section-counter.info{color:var(--info-ink);background:var(--info-soft)}.my-giveaway-list{display:flex;flex-direction:column;gap:10px}.my-giveaway-row{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:14px;padding:10px 14px 10px 10px;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)}.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 color-mix(in oklch,#f59e0b 80%,transparent)}.my-giveaway-thumb{width:64px;height:64px;border-radius:10px;overflow:hidden;background:color-mix(in oklch,var(--accent) 6%,var(--surface-3, var(--surface)))}.my-giveaway-thumb img{width:100%;height:100%;object-fit:cover;display:block}.my-giveaway-thumb-empty{width:100%;height:100%;display:grid;place-items:center;color:color-mix(in oklch,var(--accent) 70%,var(--ink-3))}.my-giveaway-main{min-width:0;display:flex;flex-direction:column;gap:5px}.my-giveaway-title{font-weight:600;font-size:.96rem;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.my-giveaway-sub{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:.82rem;color:var(--ink-3)}.my-giveaway-arrow{font-size:1.05rem;opacity:.6}.chip.chip-winner{color:#92400e;background:color-mix(in oklch,#f59e0b 22%,transparent);border-color:color-mix(in oklch,#f59e0b 50%,transparent)}.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{display:grid;grid-template-columns:1fr minmax(280px,380px);gap:clamp(20px,2.5vw,32px);align-items:start}.order-auto-view{max-width:560px;margin:0 auto}.order-auto-view .order-sidebar{position:static;padding:28px}.chat-panel{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-xl);height:min(72vh,640px);min-height:420px;overflow:hidden}.chat-head{padding:16px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:var(--surface)}.chat-head .t{font-family:var(--font-display);font-weight:600;color:var(--ink)}.chat-body{flex:1;overflow-y:auto;padding:18px 20px;display:flex;flex-direction:column;gap:10px;background:var(--bg-alt)}.msg{max-width:78%;padding:10px 14px;border-radius:14px;background:var(--surface);border:1px solid var(--line);color:var(--ink);font-size:.93rem;line-height:1.45;word-wrap:break-word;overflow-wrap:break-word;position:relative;display:flex;flex-direction:column;gap:2px}.msg .body{white-space:pre-wrap;word-break:break-word}.msg.mine{align-self:flex-end;background:var(--accent);border-color:var(--accent);color:var(--ink-on-accent)}.msg.sys{align-self:center;background:transparent;border:1px dashed var(--line-hi);color:var(--ink-3);font-size:.82rem;max-width:92%;text-align:center}.msg .meta{display:block;font-size:.7rem;color:var(--ink-4);margin-top:4px;font-weight:500;align-self:flex-end}.msg.mine .meta{color:color-mix(in oklch,var(--ink-on-accent),transparent 35%)}.msg .author{display:flex;align-items:center;gap:6px;font-size:.74rem;color:var(--ink-3);font-weight:600;margin-bottom:4px;flex-wrap:wrap}.msg .staff-badge{display:inline-flex;align-items:center;padding:2px 7px;border-radius:999px;background:var(--accent-soft);color:var(--accent-ink);font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;border:1px solid color-mix(in oklch,var(--accent),transparent 65%);line-height:1.2;flex-shrink:0}.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{padding:12px 14px;border-top:1px solid var(--line);display:flex;gap:8px;background:var(--surface);flex-wrap:wrap;align-items:center}.chat-input>input[type=text],.chat-input>input:not([type=file]){flex:1;min-width:120px;border-radius:999px;padding:11px 18px;background:var(--surface-3);border-color:transparent}.chat-input>input:not([type=file]):focus{background:var(--surface)}.chat-input .btn-primary{padding:11px 20px;border-radius:999px}.chat-attach-btn{width:40px;height:40px;border-radius:999px;background:var(--surface-3);color:var(--ink-2);display:grid;place-items:center;flex-shrink:0;transition:all .14s var(--ease-out)}.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{position:relative;width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--surface-3);border:1px dashed var(--line-hi);border-radius:var(--radius-md)}.chat-attach-preview img{width:54px;height:54px;object-fit:cover;border-radius:8px;border:1px solid var(--line)}.chat-attach-x{margin-left:auto;width:28px;height:28px;border-radius:999px;background:var(--surface);color:var(--ink-2);display:grid;place-items:center;transition:all .14s var(--ease-out);border:1px solid var(--line)}.chat-attach-x:hover{background:var(--danger-soft);color:var(--danger-ink);border-color:var(--danger)}.msg-attach{display:block;padding:0;margin:2px 0;background:transparent;border-radius:10px;overflow:hidden;max-width:280px;transition:transform .16s var(--ease-out)}.msg-attach:hover{transform:scale(1.01)}.msg-attach img{display:block;width:100%;max-height:320px;object-fit:cover;border-radius:10px}.lightbox{position:fixed;inset:0;z-index:1200;background:#000000e0;backdrop-filter:blur(6px);display:grid;place-items:center;padding:24px;animation:lb-in .18s var(--ease-out)}@keyframes lb-in{0%{opacity:0}to{opacity:1}}.lightbox img{max-width:min(1400px,96vw);max-height:92vh;object-fit:contain;border-radius:10px;box-shadow:0 40px 80px #00000080;cursor:default}.lightbox-close{position:absolute;top:20px;right:20px;width:40px;height:40px;border-radius:999px;background:#ffffff1f;color:#fff;display:grid;place-items:center;transition:background .14s var(--ease-out)}.lightbox-close:hover{background:#ffffff38}.order-sidebar{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-xl);padding:22px;position:sticky;top:calc(var(--header-h) + 18px)}.order-sidebar .kv{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line-lo)}.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);font-weight:600;font-size:.9rem;text-align:right}.delivery-box{background:var(--accent-soft);border:1px solid color-mix(in oklch,var(--accent),transparent 65%);border-radius:var(--radius-md);padding:14px 16px;margin-top:18px;font-size:.9rem;color:var(--accent-ink)}.delivery-box .ttl{font-weight:700;margin-bottom:6px;font-size:.95rem}.delivery-box code{background:var(--surface);padding:6px 12px;border-radius:8px;font-size:.88rem;display:inline-block;margin-top:6px;word-break:break-all;color:var(--ink);border:1px solid color-mix(in oklch,var(--accent),transparent 75%);font-family:Onest,monospace;font-weight:500}.staff-actions{margin-top:20px;padding-top:18px;border-top:1px dashed var(--line)}.staff-actions .sa-head{font-family:var(--font-display);font-size:.82rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-bottom:12px}.staff-actions .sa-row{display:flex;gap:6px;flex-wrap:wrap}.sa-confirm{margin-top:14px;padding:14px;background:var(--surface-3);border-radius:var(--radius-md)}.sa-confirm .ttl{font-family:var(--font-display);font-weight:700;color:var(--ink);font-size:.95rem;margin-bottom:4px}.sa-confirm .hint{font-size:.82rem;color:var(--ink-3);line-height:1.4}.sa-confirm textarea{min-height:56px;font-size:.88rem}.sa-toggle{display:flex;gap:12px;align-items:flex-start;padding:12px;margin-top:12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);cursor:pointer;transition:all .16s var(--ease-out)}.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{display:flex;flex-direction:column;gap:2px}.sa-toggle-ttl{font-weight:600;color:var(--ink);font-size:.9rem}.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{display:grid;grid-template-columns:1fr minmax(280px,360px);gap:clamp(20px,2.5vw,32px);align-items:start}@media (max-width: 960px){.ticket-detail{grid-template-columns:1fr}}.ticket-list{display:flex;flex-direction:column;gap:10px}.ticket-row{display:grid;grid-template-columns:80px 1fr auto;gap:16px;align-items:center;padding:16px 18px;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)}.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);font-weight:700;color:var(--ink);font-size:.95rem}.ticket-subject{color:var(--ink);font-weight:600;font-size:.96rem;line-height:1.3}.ticket-meta{margin-top:4px;display:flex;flex-wrap:wrap;gap:10px;color:var(--ink-3);font-size:.8rem}@media (max-width: 640px){.ticket-row{grid-template-columns:1fr auto;gap:10px}.ticket-id{grid-column:1 / -1;display:flex;justify-content:space-between}.ticket-status{grid-column:1 / -1}}.ticket-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:18px}.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:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--info)}.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);font-weight:700;font-size:1.7rem;color:var(--ink);letter-spacing:-.02em;line-height:1}.ticket-stat .lbl{margin-top:6px;color:var(--ink-3);font-size:.78rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em}.ticket-admin-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.ticket-admin-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:16px 18px;display:flex;flex-direction:column;gap:10px;transition:all .16s var(--ease-out);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{display:flex;align-items:center;justify-content:space-between;gap:8px}.tac-id{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-weight:700;color:var(--ink);font-size:.95rem}.tac-subject{color:var(--ink);font-family:var(--font-display);font-weight:600;font-size:1rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tac-subject:hover{color:var(--accent-lo)}.tac-meta{display:flex;flex-wrap:wrap;gap:6px;font-size:.84rem}.tac-user{color:var(--ink-2);font-weight:600}.tac-time{display:flex;flex-wrap:wrap;gap:6px;color:var(--ink-3);font-size:.78rem}.tac-foot{display:flex;gap:8px;align-items:center;margin-top:auto;padding-top:8px}.tac-assign{flex:1;min-width:0}.admin-shell{display:grid;grid-template-columns:240px minmax(0,1fr);gap:clamp(22px,2.5vw,32px);align-items:start}.admin-shell>*{min-width:0}.admin-nav{position:sticky;top:18px;display:flex;flex-direction:column;gap:2px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:10px;scrollbar-width:none;-ms-overflow-style:none}.admin-nav::-webkit-scrollbar{display:none;width:0;height:0}.admin-nav a{padding:10px 14px;border-radius:10px;color:var(--ink-2);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{width:100%;border-collapse:separate;border-spacing:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}.admin-table th,.admin-table td{padding:13px 16px;text-align:left;font-size:.92rem;border-bottom:1px solid var(--line-lo);vertical-align:middle}.admin-table th{background:var(--surface-2);color:var(--ink-3);font-weight:600;font-size:.76rem;letter-spacing:.06em;text-transform:uppercase}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:var(--surface-2)}.admin-table input{padding:7px 10px;font-size:.88rem;border-radius:8px}.admin-table .fselect{min-width:140px}.admin-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px;margin-bottom:22px;box-shadow:var(--shadow-1)}.admin-card h2{font-family:var(--font-display);font-size:1.15rem;margin-bottom:16px;letter-spacing:-.02em}.row-actions{display:flex;gap:6px;flex-wrap:wrap}.form-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.toolbar .grow{flex:1;min-width:220px}.search-input{position:relative;display:flex;align-items:center}.search-input svg{position:absolute;left:14px;color:var(--ink-3);pointer-events:none}.search-input input{padding-left:40px;padding-right:40px;height:42px;border-radius:999px;background:var(--surface)}.search-input input:focus{background:var(--surface)}.search-clear{position:absolute;right:8px;width:26px;height:26px;border-radius:999px;display:grid;place-items:center;color:var(--ink-3);background:transparent;transition:all .14s var(--ease-out)}.search-clear:hover{background:var(--surface-3);color:var(--ink)}.fsel-status .fselect-trigger{font-weight:600;letter-spacing:-.005em}.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:"";width:6px;height:6px;border-radius:999px;background:var(--info);box-shadow:0 0 8px var(--info);margin-right:6px;flex-shrink:0;animation:status-pulse 1.6s ease-in-out infinite}.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{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;row-gap:4px;vertical-align:middle}.product-cell-info{display:flex;flex-direction:column;gap:2px;min-width:0}.staff-stats-filters{display:flex;flex-direction:column;gap:12px;margin-bottom:18px}.staff-stats-filters .ssf-row{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}.staff-stats-filters .ssf-presets{align-items:center}.staff-stats-filters .ssf-field{display:flex;flex-direction:column;gap:4px;min-width:160px}.staff-stats-filters .ssf-field label{font-size:.78rem;color:var(--ink-3);text-transform:uppercase;letter-spacing:.04em}.staff-stats-filters .ssf-field.ssf-grow{flex:1 1 240px;min-width:200px}.staff-stats-filters .ssf-refresh{align-self:flex-end;height:42px}.profile-avatar{border-radius:50%;object-fit:cover;border:2px solid var(--line);background:var(--surface-3)}.profile-avatar-letter{display:grid;place-items:center;background:linear-gradient(135deg,var(--accent-hi),var(--accent-lo));color:#fff;font-weight:700;font-family:var(--font-display)}.review-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}.review-avatar-letter{display:inline-grid;place-items:center;background:linear-gradient(135deg,var(--accent-hi),var(--accent-lo));color:#fff;font-weight:700;font-size:.85rem}@media (max-width: 640px){.staff-stats-filters .ssf-field{flex:1 1 100%;min-width:0}.staff-stats-filters .ssf-refresh{width:100%}}.product-cat-path{font-size:.75rem;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.product-cell .product-name{color:var(--ink);font-weight:400;font-size:inherit;display:inline;-webkit-line-clamp:unset;overflow:visible;min-height:0}.product-cell .chip{flex-shrink:0;align-self:center}.order-id-cell{display:inline-flex;align-items:center;gap:7px;font-weight:600}.unread-dot{width:8px;height:8px;border-radius:999px;background:var(--accent);box-shadow:0 0 0 3px color-mix(in oklch,var(--accent),transparent 78%),0 0 10px var(--accent);animation:unread-pulse 1.7s ease-in-out infinite;flex-shrink:0}@keyframes unread-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.7);opacity:.7}}@media (max-width: 960px){.admin-shell{grid-template-columns:1fr}.admin-nav{display:none}.admin-table{display:block;border:none;background:transparent}.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);padding:14px;margin-bottom:10px}.admin-table tr:hover td{background:transparent}.admin-table td{padding:6px 0;border:none;display:flex;justify-content:space-between;align-items:center;gap:10px}.admin-table td:before{content:attr(data-k);color:var(--ink-3);font-size:.78rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.admin-table td.row-accent{display:none}}.users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px;margin-bottom:18px}.user-card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:16px;display:flex;flex-direction:column;gap:14px;transition:border-color .18s var(--ease-out),transform .18s var(--ease-out),box-shadow .18s var(--ease-out)}.user-card:hover{border-color:color-mix(in oklch,var(--accent) 30%,var(--line));transform:translateY(-1px);box-shadow:0 10px 26px -18px color-mix(in oklch,var(--accent) 60%,transparent)}.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{display:flex;align-items:center;gap:12px}.user-avatar{flex-shrink:0;width:44px;height:44px;border-radius:999px;display:grid;place-items:center;color:#fff;font-weight:700;font-size:.95rem;letter-spacing:.02em;text-transform:uppercase;box-shadow:inset 0 -3px 8px #0000002e}.user-id-block{flex:1;min-width:0}.user-name{font-weight:600;font-size:1rem;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{font-size:.82rem;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-card-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:10px 12px;background:var(--surface-2);border-radius:var(--radius-md)}.ucs-item .k{font-size:.7rem;color:var(--ink-3);text-transform:uppercase;letter-spacing:.04em;font-weight:600;margin-bottom:2px}.ucs-item .v{font-weight:600;font-size:.92rem;color:var(--ink)}.ucs-balance{background:transparent;border:1px dashed transparent;padding:0 4px;margin:-1px -4px;border-radius:6px;font-weight:700;font-size:.95rem;color:var(--accent-ink);cursor:pointer;transition:border-color .14s var(--ease-out),background .14s var(--ease-out)}.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{display:flex;align-items:center;justify-content:space-between;gap:10px}.user-card-row .k{font-size:.78rem;color:var(--ink-3);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.user-card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}.user-card-actions .btn{flex:1;min-width:120px}.user-banned-flag{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;gap:6px;max-width:calc(100% - 24px);font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--danger);background:color-mix(in oklch,var(--danger) 14%,var(--surface));border:1px solid color-mix(in oklch,var(--danger) 40%,transparent);padding:3px 8px;border-radius:999px}.user-ban-reason{max-width:220px;padding:0 6px;background:color-mix(in oklch,var(--danger) 22%,transparent);border:1px solid color-mix(in oklch,var(--danger) 35%,transparent);border-radius:999px;font-size:.66rem;font-weight:600;letter-spacing:0;text-transform:none;color:var(--ink);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .18s,border-color .18s}.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{background:transparent;color:var(--ink-3);border-style:dashed}.pwd-modal{width:min(440px,92vw);padding:24px}.pwd-modal h3{margin:0 0 8px;font-size:1.15rem;letter-spacing:-.01em}.pwd-modal .sub{margin:0 0 16px;color:var(--ink-3);font-size:.88rem;line-height:1.45}.pwd-display{display:flex;align-items:center;gap:8px;padding:12px 14px;background:var(--surface-3);border:1px solid var(--line);border-radius:var(--radius-md);margin-bottom:14px}.pwd-display code{flex:1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.05rem;font-weight:700;letter-spacing:.04em;color:var(--ink);word-break:break-all;user-select:all}.bottom-bar{display:none;position:fixed;left:0;right:0;bottom:0;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);transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform}@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{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;align-items:stretch;height:58px;max-width:var(--content-max);margin-inline:auto;padding-inline:4px}.bottom-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--ink-3);font-size:.66rem;font-weight:500;letter-spacing:-.005em;-webkit-tap-highlight-color:transparent;transition:color .18s var(--ease-out);padding:6px 2px;position:relative}.bottom-tab .bt-icon{display:grid;place-items:center;width:44px;height:26px;border-radius:999px;transition:background .22s var(--ease-out),transform .22s var(--ease-out)}.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{font-size:.62rem;gap:1px;padding-top:4px;padding-bottom:4px}.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{grid-auto-flow:column;grid-auto-columns:minmax(72px,1fr);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}.admin-bottom-bar .bottom-bar-inner::-webkit-scrollbar{display:none}.admin-bottom-bar .bottom-tab{scroll-snap-align:center;min-width:72px}.fselect{position:relative;display:inline-flex;min-width:150px;font-family:var(--font-body)}.fselect-trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:9px 12px 9px 14px;background:linear-gradient(180deg,color-mix(in oklch,var(--surface) 90%,var(--ink) 2%),var(--surface));border:1px solid var(--line);border-radius:10px;color:var(--ink);font-family:inherit;font-weight:500;font-size:.88rem;line-height:1.2;cursor:pointer;text-align:left;box-shadow:0 1px 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}.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 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{display:inline-flex;align-items:center;gap:8px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fselect-ico{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;color:var(--ink-3);flex-shrink:0}.fselect-caret{color:var(--ink-3);flex-shrink:0;transition:transform .2s var(--ease-out)}.fselect-caret.flip{transform:rotate(180deg);color:var(--accent)}.fselect-panel{position:absolute;top:calc(100% + 6px);left:0;z-index:80;min-width:100%;max-width:320px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-3);padding:4px;max-height:280px;overflow-y:auto;display:flex;flex-direction:column;gap:1px;animation:fsel-in .18s var(--ease-out);scrollbar-width:thin}.fselect-align-right{left:auto;right:0}.fselect-opt{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;font-size:.88rem;font-weight:500;color:var(--ink);cursor:pointer;text-align:left;background:transparent;font-family:inherit;transition:background .12s var(--ease-out),color .12s var(--ease-out);-webkit-tap-highlight-color:transparent}.fselect-opt span:nth-of-type(1){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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{padding:7px 10px 7px 12px;font-size:.82rem;border-radius:8px}.fselect-sm .fselect-opt{padding:7px 10px;font-size:.82rem}.fselect-lg .fselect-trigger{padding:12px 14px 12px 16px;font-size:.95rem;border-radius:var(--radius-md)}.fsel-block{display:flex;width:100%}.fsel-block .fselect-trigger{padding:12px 14px;font-size:.95rem;border-radius:var(--radius-md)}@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{position:fixed;z-index:1000;top:calc(var(--header-h) + 14px);right:18px;display:flex;flex-direction:column;gap:10px;pointer-events:none;max-width:min(420px,calc(100vw - 32px))}.toast{pointer-events:auto;display:flex;align-items:flex-start;gap:12px;padding:14px 14px 14px 16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-2, 0 18px 40px rgba(0,0,0,.18));animation:toast-in .28s var(--ease-out, cubic-bezier(.2,.7,.2,1));position:relative;overflow:hidden}.toast:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--accent)}.toast.toast-error:before{background:var(--danger)}.toast.toast-info:before{background:var(--info)}.toast.toast-success:before{background:var(--accent)}.toast-icon{width:30px;height:30px;border-radius:999px;display:grid;place-items:center;flex-shrink:0}.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{font-weight:600;color:var(--ink);font-size:.94rem;line-height:1.25}.toast-body{margin-top:3px;color:var(--ink-2);font-size:.86rem;line-height:1.4;word-break:break-word}.toast-close{background:transparent;color:var(--ink-3);width:26px;height:26px;border-radius:8px;display:grid;place-items:center;transition:all .14s var(--ease-out);flex-shrink:0}.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{top:10px;right:10px;left:10px;max-width:none}}.bell-wrap{position:relative;display:inline-block}.bell-btn{position:relative}.bell-dot{position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--danger);color:#fff;font-size:.65rem;font-weight:700;display:grid;place-items:center;box-shadow:0 0 0 2px var(--surface);line-height:1}.bell-panel{position:absolute;top:calc(100% + 10px);right:0;width:min(360px,calc(100vw - 32px));background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:0 22px 50px #0000002e;overflow:hidden;z-index:60;animation:bell-in .18s var(--ease-out, cubic-bezier(.2,.7,.2,1))}@keyframes bell-in{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.bell-head{padding:12px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.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{padding:28px 16px;text-align:center}.bell-empty .ttl{font-weight:600;color:var(--ink-2);font-size:.92rem}.bell-empty .sub{color:var(--ink-3);font-size:.82rem;margin-top:4px}.bell-item{width:100%;display:grid;grid-template-columns:32px 1fr;gap:12px;align-items:start;padding:11px 14px;text-align:left;background:transparent;border-radius:0;border-bottom:1px solid var(--line-lo);transition:background .14s var(--ease-out);cursor:pointer}.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{width:32px;height:32px;border-radius:999px;display:grid;place-items:center;background:var(--surface-3);color:var(--ink-2);flex-shrink:0}.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{display:flex;flex-direction:column;gap:2px;min-width:0}.bell-body .ttl{font-weight:600;color:var(--ink);font-size:.88rem;line-height:1.25}.bell-body .sub{color:var(--ink-2);font-size:.81rem;line-height:1.35;word-break:break-word}.bell-body .time{color:var(--ink-4);font-size:.72rem;margin-top:4px;font-weight:500}.pagination{display:flex;gap:4px;align-items:center;justify-content:center;margin-top:18px;flex-wrap:wrap}.pg-btn{min-width:34px;height:34px;padding:0 10px;border-radius:10px;background:var(--surface);border:1px solid var(--line);color:var(--ink-2);font-weight:500;font-size:.88rem;transition:all .14s var(--ease-out)}.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{padding:0 6px;color:var(--ink-3);font-size:.88rem}.req{color:var(--danger);font-weight:700;margin-left:2px}.slug-code{background:var(--surface-3);color:var(--ink-2);padding:2px 7px;border-radius:6px;font-family:Onest,monospace;font-size:.82rem;font-weight:500;border:1px solid var(--line-lo)}.confirm-backdrop{position:fixed;inset:0;z-index:1100;background:color-mix(in oklch,#000,transparent 55%);backdrop-filter:blur(6px);display:grid;place-items:center;padding:16px;animation:cfrm-fade-in .18s var(--ease-out, cubic-bezier(.2,.7,.2,1))}.confirm-modal{position:relative;width:100%;max-width:440px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-xl);padding:26px 26px 22px;box-shadow:0 30px 70px #00000059;display:grid;grid-template-columns:44px 1fr;gap:18px;align-items:start;animation:cfrm-pop-in .22s var(--ease-out, cubic-bezier(.2,.9,.2,1))}@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{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--info-soft);color:var(--info-ink);flex-shrink:0}.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);font-size:1.12rem;font-weight:700;color:var(--ink);letter-spacing:-.012em;line-height:1.2}.confirm-body{margin-top:8px;color:var(--ink-2);font-size:.92rem;line-height:1.5}.confirm-input-wrap{margin-top:14px;display:flex;flex-direction:column;gap:6px}.confirm-input{position:relative;display:flex;align-items:stretch;background:var(--surface-3);border:1px solid transparent;border-radius:var(--radius-md);overflow:hidden;isolation:isolate;transition:background .2s var(--ease-out),border-color .18s var(--ease-out),box-shadow .22s var(--ease-out)}.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{flex:1;min-width:0;padding:12px 14px;background:transparent;border:none;border-radius:inherit;font-size:.97rem;color:var(--ink);box-shadow:none}.confirm-input>input:focus{box-shadow:none;background:transparent}.confirm-input-suffix{display:inline-flex;align-items:center;padding:0 14px 0 4px;color:var(--ink-3);font-weight:600;font-size:.95rem;pointer-events:none}.confirm-input-error{font-size:.84rem;color:var(--danger-ink);font-weight:500;padding-left:2px}.confirm-actions{margin-top:22px;display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.confirm-actions .btn{min-width:110px}.confirm-close{position:absolute;top:12px;right:12px;width:30px;height:30px;border-radius:10px;background:transparent;color:var(--ink-3);display:grid;place-items:center;transition:all .14s var(--ease-out)}.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{display:flex;flex-direction:column;gap:10px}.ip-tabs{display:inline-flex;padding:3px;background:var(--surface-3);border:1px solid var(--line);border-radius:12px;gap:2px;margin-top:6px;align-self:flex-start}.ip-tab{padding:7px 14px;border-radius:9px;background:transparent;color:var(--ink-3);font-size:.84rem;font-weight:500;transition:all .14s var(--ease-out)}.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{width:100%;display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;padding:28px 20px;background:var(--surface-3);border:1.5px dashed var(--line-hi);border-radius:var(--radius-lg);color:var(--ink-2);transition:all .16s var(--ease-out);text-align:center}.ip-dropzone:hover:not(:disabled){background:color-mix(in oklch,var(--accent),transparent 92%);border-color:var(--accent);color:var(--ink)}.ip-drop-ttl{font-weight:600;color:var(--ink);font-size:.94rem;margin-top:2px}.ip-drop-hint{color:var(--ink-3);font-size:.8rem}.ip-preview{display:grid;grid-template-columns:72px 1fr;gap:14px;align-items:center;padding:12px;background:var(--surface-3);border:1px solid var(--line);border-radius:var(--radius-md)}.ip-thumb{width:72px;height:72px;border-radius:10px;overflow:hidden;background:var(--surface-2);display:grid;place-items:center;border:1px solid var(--line-lo)}.ip-thumb img{width:100%;height:100%;object-fit:cover;display:block}.ip-meta{min-width:0;display:flex;flex-direction:column;gap:8px}.ip-name{color:var(--ink-2);font-size:.85rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ip-name-url{font-family:Onest,monospace;font-size:.8rem;color:var(--ink-3)}.ip-actions{display:flex;gap:6px;flex-wrap:wrap}.ip-url input{width:100%}.guddi-page{max-width:760px;margin:0 auto;padding:28px 16px 48px}.guddi-page h1{margin:0 0 6px;font-size:clamp(1.4rem,3vw + .7rem,2.4rem);line-height:1.15;overflow-wrap:anywhere;word-break:break-word;hyphens:auto}.guddi-page .page-sub{color:var(--ink-3);margin:0 0 22px;font-size:15px}.empty-block{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:56px 24px;border:1px dashed var(--line);border-radius:var(--radius-lg);background:var(--surface);gap:12px}.empty-block .icon{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-ink)}.empty-block h2{font-size:1.2rem;margin:0}.empty-block p{color:var(--ink-3);max-width:420px;margin:0}.empty-block .actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:8px}.cart-list{display:flex;flex-direction:column;gap:10px;margin:20px 0}.cart-item{display:grid;grid-template-columns:70px 1fr auto auto auto;gap:14px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface)}.cart-thumb{width:70px;height:70px;background:var(--surface-2);border-radius:var(--radius-sm);overflow:hidden;display:flex;align-items:center;justify-content:center}.cart-thumb img{width:100%;height:100%;object-fit:cover}.cart-thumb-empty{width:100%;height:100%;background:linear-gradient(135deg,var(--accent-soft),var(--surface-2))}.cart-meta{display:flex;flex-direction:column;gap:4px;min-width:0}.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{display:inline-flex;align-items:center;gap:8px;min-width:100px;justify-content:center}.cart-qty span{min-width:28px;text-align:center;font-weight:600}.cart-subtotal{font-weight:700;min-width:90px;text-align:right}.cart-summary{margin-top:16px;padding:16px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);display:flex;flex-direction:column;gap:12px}.cart-promo-row{display:flex;gap:8px}.cart-promo-row input{flex:1;height:40px;padding:0 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink)}.cart-promo-info{color:var(--accent-ink);background:var(--accent-soft);padding:8px 12px;border-radius:var(--radius-sm);font-size:14px}.cart-totals{display:flex;justify-content:space-between;align-items:center;font-size:18px}.cart-totals strong{font-size:22px}.giveaway-grid,.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:16px}.giveaway-card,.blog-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);overflow:hidden;display:flex;flex-direction:column;transition:transform .2s var(--ease-out),box-shadow .2s var(--ease-out),border-color .2s var(--ease-out)}.giveaway-card:hover,.blog-card:hover{transform:translateY(-2px);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)}.blog-card{text-decoration:none;color:inherit;cursor:pointer}.blog-card:hover{color:inherit}.blog-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.blog-card h3{padding:12px 14px 4px}.blog-card p{padding:0 14px 12px;color:var(--ink-2);margin:0}.blog-card .blog-card-cta{display:inline-flex;align-items:center;gap:6px;margin:auto 14px 14px;align-self:flex-start;padding:6px 12px;border-radius:8px;background:var(--surface-3);color:var(--ink-2);font-size:.85rem;font-weight:600;transition:background .18s var(--ease-out),color .18s var(--ease-out),transform .18s var(--ease-out)}.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{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(135deg,color-mix(in oklch,var(--accent) 10%,var(--surface)),var(--surface))}.giveaway-media img{width:100%;height:100%;object-fit:cover;display:block}.giveaway-thumb-empty{width:100%;height:100%;display:grid;place-items:center;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%)}.giveaway-badge{position:absolute;top:10px;right:10px;font-size:.72rem;font-weight:600;letter-spacing:-.01em;padding:4px 10px;border-radius:999px;background:color-mix(in oklch,var(--ink-1, #111) 78%,transparent);color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.giveaway-body{display:flex;flex-direction:column;gap:8px;padding:14px;flex:1}.giveaway-body h3{margin:0;font-size:1.02rem;line-height:1.25}.giveaway-excerpt{margin:0;color:var(--ink-2);font-size:.88rem;line-height:1.45;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;max-height:4.35em}.giveaway-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:4px}.giveaway-actions .btn{margin:0}.giveaway-detail .giveaway-detail-img{width:100%;margin-top:16px;border-radius:var(--radius-md);display:block;max-height:360px;object-fit:cover}.giveaway-meta{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 4px}.giveaway-meta-chip{font-size:.82rem;font-weight:500;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));padding:4px 12px;border-radius:999px;display:inline-flex;align-items:center;gap:6px}.giveaway-meta-chip svg{flex:0 0 auto}.giveaway-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.giveaway-back-link{display:inline-flex;align-items:center;gap:4px;margin-bottom:16px;color:var(--ink-3);font-size:.92rem;transition:color .15s ease}.giveaway-back-link:hover{color:var(--accent)}.giveaway-header{display:flex;flex-direction:column;gap:14px;margin-bottom:18px}.giveaway-detail-title{margin:0;font-size:1.7rem;line-height:1.25;letter-spacing:-.01em}.giveaway-result{display:flex;align-items:flex-start;gap:14px;padding:16px 18px;border-radius:var(--radius-md);border:1px solid var(--line);background:var(--surface-2, var(--surface));margin:16px 0 18px}.giveaway-result-icon{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:14px;background:var(--surface);box-shadow:0 6px 18px -8px #00000059,inset 0 1px #ffffff0f}.giveaway-result-icon svg{display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.25))}.giveaway-result-title{font-size:1.05rem;font-weight:600;color:var(--ink-1);margin-bottom:4px}.giveaway-result-body{margin:0;color:var(--ink-2);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:color-mix(in oklch,#28a745,white 25%)}.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{padding:18px 20px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);margin:6px 0 18px}.giveaway-body-card .bb-content{margin:0}.giveaway-winners{margin:18px 0 4px;padding:16px 18px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface)}.giveaway-winners-title{margin:0 0 12px;font-size:1.05rem;font-weight:600;display:flex;align-items:center;gap:8px;color:var(--ink-1)}.giveaway-winners-cup{font-size:1.2rem}.giveaway-winners-title svg{flex:0 0 auto}.giveaway-winners-count{margin-left:auto;font-size:.78rem;font-weight:500;color:var(--ink-3);background:var(--surface-2, color-mix(in oklch, var(--ink-3) 10%, var(--surface)));padding:2px 10px;border-radius:999px}.giveaway-winners-empty{color:var(--ink-3);margin:0;font-size:.92rem}.giveaway-winners-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.giveaway-winner-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-sm, 8px);background:var(--surface-2, color-mix(in oklch, var(--ink-3) 4%, var(--surface)));transition:background .15s ease}.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{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--accent),color-mix(in oklch,var(--accent),white 28%));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.95rem;flex:0 0 auto}.giveaway-winner-row-me .giveaway-winner-avatar{background:linear-gradient(135deg,#28a745,#34c759)}.giveaway-winner-avatar-img{background:var(--surface);object-fit:cover;color:transparent}.giveaway-winner-row-me .giveaway-winner-avatar-img{box-shadow:0 0 0 2px #28a745}.giveaway-winner-name{font-weight:500;color:var(--ink-1);font-size:.95rem}.giveaway-winner-you{margin-left:auto;font-size:.75rem;font-weight:600;color:#fff;background:#28a745;padding:3px 10px;border-radius:999px;letter-spacing:.02em;text-transform:uppercase}.reviews-feed{display:flex;flex-direction:column;gap:12px;margin-top:16px}.review-card{padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface)}.review-head{display:flex;gap:10px;align-items:center;margin-bottom:8px;flex-wrap:wrap}.review-author{font-weight:600}.stars{letter-spacing:1px}.stars .star{color:var(--ink-4)}.stars .star.on{color:#f5b50a}.review-product{display:inline-block;margin-top:8px;color:var(--accent-lo)}.review-delete{margin-left:auto;display:inline-grid;place-items:center;width:30px;height:30px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--ink-3, var(--ink));cursor:pointer;transition:color .15s,border-color .15s,background .15s}.review-delete:hover{color:#e5484d;border-color:color-mix(in oklch,#e5484d 45%,var(--line));background:color-mix(in oklch,#e5484d 10%,transparent)}.support-cta{margin:0 0 24px}.sort-row{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0 18px}.chip-sort{padding:6px 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);font-size:13px;font-weight:500;cursor:pointer;transition:all .16s var(--ease-out)}.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{display:flex;flex-direction:column;gap:8px}.faq-item{padding:12px 16px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface)}.faq-item summary{cursor:pointer;font-weight:600}.faq-item p{margin:8px 0 0;color:var(--ink-2)}.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);padding:16px;display:flex;flex-direction:column;gap:18px}.support-hint{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;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))}.support-hint p{margin:0;color:var(--ink-2);line-height:1.5}.support-hint-icon{flex:0 0 auto;width:52px;height:52px;display:grid;place-items:center;font-size:1.7rem;border-radius:12px;background:var(--surface);border:1px solid var(--line)}.support-hint-link{margin-top:8px;padding:0;border:none;background:none;color:var(--accent-lo, var(--accent));font:inherit;font-weight:600;cursor:pointer}.support-hint-link:hover{text-decoration:underline}.support-sched{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.support-sched-label{font-weight:600;margin-top:6px}.support-sched-label .muted{font-weight:400}.support-sched-label.muted-label{color:var(--ink-3, var(--ink-2));font-weight:500;font-size:.9rem}.support-chips{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.support-chip{padding:7px 16px;border-radius:999px;background:var(--surface-2, var(--surface));border:1px solid var(--line);font-weight:600;font-size:.92rem}.support-contact{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.support-contact .btn{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border-radius:999px}.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{list-style:none;margin:0;padding:2px 4px;display:flex;flex-direction:column;gap:9px}.support-pins li{display:flex;align-items:baseline;gap:8px}.support-pin-mark{flex:0 0 auto}.support-pin-link{padding:0;border:none;background:none;font:inherit;text-align:left;color:var(--accent-lo, var(--accent));cursor:pointer;text-decoration:underline;text-decoration-color:color-mix(in oklch,var(--accent) 35%,transparent);text-underline-offset:3px}.support-pin-link:hover{text-decoration-color:currentColor}.support-faq{margin-top:18px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);padding:16px}.support-faq-title{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-size:1.05rem}.support-faq-q{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;border:2px solid color-mix(in oklch,var(--accent-pink) 70%,var(--line));color:var(--accent-pink);font-size:.8rem;font-weight:700}.faq-tabs{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--line);margin-bottom:14px}.faq-tab{padding:8px 14px;border:none;background:none;font:inherit;font-weight:600;color:var(--ink-2);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.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{width:100%;justify-content:center}}.blog-post{padding:32px 16px;max-width:820px}.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{margin-top:16px;line-height:1.65;color:var(--ink-2);overflow-wrap:break-word;word-wrap:break-word;min-width:0}.bb-content p{margin:0 0 12px;max-width:none}.bb-content a{color:var(--accent-ink);text-decoration:underline;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);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;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);text-decoration-color:var(--accent)}.bb-content h2.bb-h1{font-size:1.4rem;margin:18px 0 8px}.bb-content h3.bb-h2{font-size:1.15rem;margin:16px 0 6px}.bb-content blockquote{margin:12px 0;padding:8px 14px;border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:6px}.bb-content pre{margin:12px 0;padding:12px 14px;background:var(--surface-2);border-radius:8px;overflow-x:auto;font-size:13px}.bb-content img{max-width:100%;border-radius:10px;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{margin:8px 0;padding:8px 12px;background:var(--surface-2);border-radius:8px}.bb-content .bb-spoiler summary{cursor:pointer;font-weight:600;user-select:none}.bb-editor{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.bb-editor-label{font-size:.82rem;color:var(--ink-2);font-weight:500}.bb-toolbar{display:flex;flex-wrap:wrap;gap:6px;padding:8px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-2)}.bb-group{display:flex;gap:4px;padding-right:6px;border-right:1px solid var(--line)}.bb-group:last-child{border-right:none;padding-right:0}.bb-group-right{margin-left:auto;border-right:none;padding-right:0}.bb-btn{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;padding:0 8px;border:1px solid transparent;border-radius:6px;background:var(--surface);color:var(--ink-2);font-size:13px;font-weight:500;cursor:pointer;transition:all .14s var(--ease-out)}.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{width:100%;min-height:200px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);font-family:ui-monospace,SFMono-Regular,JetBrains Mono,Fira Code,monospace;font-size:13.5px;line-height:1.55;resize:vertical}.bb-textarea:focus{outline:none;border-color:var(--accent);box-shadow:var(--focus-ring)}.bb-preview{min-height:200px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);color:var(--ink-2);line-height:1.65}.bb-preview p{margin:0 0 10px}.bb-preview a{color:var(--accent-lo)}.bb-preview img{max-width:100%;border-radius:8px}@media (max-width: 640px){.bb-group{border-right:none;padding-right:0}.bb-btn{font-size:12px;min-width:28px;height:28px;padding:0 6px}}.sys-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px}.sys-card{padding:16px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface)}.sys-card-title{font-weight:700;font-size:1.05rem;margin-bottom:12px;color:var(--ink)}.sys-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:14px;color:var(--ink-2)}.sys-row strong{color:var(--ink);font-weight:600}.sys-bar{height:8px;background:var(--surface-3);border-radius:999px;overflow:hidden;margin:6px 0 4px}.sys-bar-fill{height:100%;transition:width .28s var(--ease-out)}.sys-cores{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:6px;margin-top:10px}.sys-core{font-size:11px;color:var(--ink-3);display:flex;flex-direction:column;gap:2px}.sys-core span{font-weight:600}.sys-filter-row{display:flex;gap:10px;margin-bottom:14px;flex-wrap:wrap;align-items:center}.sys-filter-row select{width:auto;min-width:140px}.sys-filter-row>.fselect{flex:0 0 auto}.sys-filter-row>.sys-search{flex:1 1 220px;min-width:200px}.sys-filter-row>.btn{flex:0 0 auto}.sys-search{position:relative;display:inline-flex;align-items:center}.sys-search>input{width:100%;height:40px;padding:0 14px 0 40px;border-radius:999px;background:var(--surface-3);border:1px solid transparent;box-shadow:0 1px 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)}.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 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;margin-right:2px;background:linear-gradient(45deg,transparent 45%,currentColor 45%,currentColor 55%,transparent 55%),linear-gradient(-45deg,transparent 45%,currentColor 45%,currentColor 55%,transparent 55%);color:var(--ink-3);border-radius:999px;cursor:pointer;opacity:.6;transition:opacity .14s var(--ease-out)}.sys-search>input::-webkit-search-cancel-button:hover{opacity:1;color:var(--accent)}.sys-search-ico{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--ink-3);pointer-events:none;transition:color .16s var(--ease-out)}.sys-search:focus-within .sys-search-ico{color:var(--accent)}.method-pill{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.04em}.m-get{background:oklch(.93 .04 270);color:#39456e}.m-post{background:#c4f3c4;color:#013f0b}.m-patch{background:oklch(.92 .08 80);color:oklch(.36 .1 80)}.m-put{background:oklch(.92 .08 230);color:oklch(.34 .12 230)}.m-delete{background:oklch(.92 .08 28);color:oklch(.4 .18 28)}.status-2xx{color:oklch(.46 .16 145);font-weight:600}.status-3xx{color:oklch(.5 .14 230);font-weight:600}.status-4xx{color:oklch(.5 .14 60);font-weight:600}.status-5xx{color:#c21919;font-weight:700}.role-chip{display:inline-block;padding:1px 7px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.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{background:transparent;border:1px dashed var(--line);color:var(--ink-3)}.who-cell{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.action-code{font-size:11px;color:var(--ink-3)}.activity-table td{vertical-align:top}.activity-table td:nth-child(3){max-width:280px;word-break:break-word}.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{position:fixed;inset:0;background:color-mix(in oklch,#000,transparent 50%);backdrop-filter:blur(8px) saturate(1.1);-webkit-backdrop-filter:blur(8px) saturate(1.1);display:grid;place-items:center;z-index:200;padding:16px;animation:bb-modal-fade .16s var(--ease-out)}.bb-modal{width:min(440px,100%);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:0 32px 80px color-mix(in oklch,#000,transparent 60%),0 0 0 1px color-mix(in oklch,var(--accent),transparent 86%) inset;padding:22px;display:flex;flex-direction:column;gap:14px;animation:bb-modal-in .22s var(--ease-out)}.bb-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.bb-modal-title{font-size:1.1rem;font-weight:700;color:var(--ink);font-family:var(--font-display);letter-spacing:-.01em}.bb-modal-close{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;color:var(--ink-3);font-size:22px;line-height:1;transition:all .14s var(--ease-out)}.bb-modal-close:hover{color:var(--ink);background:var(--surface-3)}.bb-modal-hint{color:var(--ink-3);font-size:13px;line-height:1.45;margin:-6px 0 0}.bb-modal-input{height:46px;padding:0 16px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-2);color:var(--ink);font-size:15px;transition:border-color .16s var(--ease-out),box-shadow .2s var(--ease-out)}.bb-modal-input:focus{outline:none;border-color:var(--accent);box-shadow:var(--focus-ring);background:var(--surface)}.bb-modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:4px}.bb-modal-actions .btn{padding:10px 18px}.redeem-box{margin-top:28px;padding:16px 18px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface)}.redeem-box h3{margin:0 0 6px;font-size:1.1rem}.redeem-box input{height:40px;padding:0 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);text-transform:uppercase;letter-spacing:1px;font-family:var(--font-display)}.bulk-result{margin-top:14px;padding:12px 14px;background:var(--accent-soft);border:1px solid color-mix(in oklch,var(--accent),transparent 60%);border-radius:var(--radius-md)}.bulk-result h4{margin:0 0 8px}.bulk-result ul{list-style:none;padding:0;margin:0 0 10px;max-height:280px;overflow-y:auto}.bulk-result li{display:flex;gap:8px;align-items:center;padding:4px 0}.bulk-result code{font-size:14px}.popular-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:24px}.bottom-links{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;padding:28px 0;margin-top:24px;border-top:1px solid var(--line)}@media (max-width: 940px){.bottom-links{display:none}}.bottom-links a{color:var(--ink-2);font-weight:500;padding:6px 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface)}.bottom-links a:hover{border-color:var(--accent);color:var(--accent-lo)}.coupon-block{margin-top:18px;padding:14px 16px;background:var(--accent-soft);border:1px solid color-mix(in oklch,var(--accent),transparent 60%);border-radius:var(--radius-md)}.coupon-block .ttl{font-weight:700;color:var(--accent-ink);margin-bottom:4px}.coupon-block p{color:var(--ink-2);margin:0 0 10px}.reviews-section{margin-top:28px}.reviews-head{display:flex;align-items:baseline;gap:12px;margin-bottom:12px}.reviews-head h3{margin:0}.reviews-head .muted{color:var(--ink-3);font-size:14px}.leave-review{margin-top:16px;padding:14px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);display:flex;flex-direction:column;gap:10px}.leave-review h4{margin:0}.rating-row{display:flex;gap:4px}.star-btn{background:transparent;border:none;font-size:22px;color:var(--ink-4);cursor:pointer;padding:4px}.star-btn.on{color:#f5b50a}.leave-review textarea{min-height:88px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);resize:vertical}@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{display:flex;flex-direction:column;gap:14px;max-width:820px;margin:0 auto;padding:18px 0 60px}.legal-back{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:6px 4px;color:var(--ink-3);font-size:.9rem;font-weight:500;letter-spacing:.01em;border:0;background:transparent;text-decoration:none;transition:color .16s var(--ease-out)}.legal-back .legal-back-arrow{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--surface-2);border:1px solid var(--line);color:var(--ink-2);font-size:1rem;transition:transform .22s var(--ease-out),background .16s var(--ease-out),border-color .16s var(--ease-out),color .16s var(--ease-out)}.legal-back:hover{color:var(--ink)}.legal-back:hover .legal-back-arrow{transform:translate(-3px);background:color-mix(in oklch,var(--accent),transparent 86%);border-color:var(--accent);color:var(--accent)}.legal-doc{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:clamp(22px,3vw,44px) clamp(20px,4vw,56px);box-shadow:0 30px 60px -40px #00000073;position:relative;overflow:hidden}.legal-doc:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--accent),color-mix(in oklch,var(--accent),#ff5e1a 35%))}.legal-doc h1{font-family:var(--font-display);font-size:clamp(1.6rem,2vw + .7rem,2.2rem);letter-spacing:-.022em;margin:0 0 6px;line-height:1.12}.legal-doc h2{font-family:var(--font-display);font-size:clamp(1.1rem,.6vw + .95rem,1.32rem);letter-spacing:-.012em;margin:28px 0 10px;padding-top:4px;color:var(--ink);position:relative}.legal-doc h2:before{content:"";position:absolute;left:-14px;top:.6em;width:4px;height:1em;border-radius:4px;background:var(--accent);opacity:.85}.legal-doc p{color:var(--ink-2);line-height:1.65;margin:0 0 12px;max-width:none;font-size:.97rem}.legal-doc .legal-meta{color:var(--ink-3);font-size:.85rem;margin:0 0 22px}.legal-doc ul{margin:6px 0 14px;padding-left:20px;display:flex;flex-direction:column;gap:6px;color:var(--ink-2);line-height:1.55;font-size:.95rem}.legal-doc ul li::marker{color:var(--accent)}.legal-doc ol{margin:6px 0 14px;padding-left:24px;display:flex;flex-direction:column;gap:8px;color:var(--ink-2);line-height:1.6;font-size:.95rem}.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);font-size:1.02rem;display:inline-block;margin-bottom:4px}.legal-doc .legal-ol-a,.legal-doc .legal-ol-i{margin-top:4px}.legal-defs{display:grid;grid-template-columns:minmax(160px,max-content) 1fr;gap:8px 18px;margin:10px 0 22px;padding:14px 16px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-md);color:var(--ink-2);line-height:1.55;font-size:.94rem}.legal-defs dt{font-weight:600;color:var(--ink-1)}.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);font-weight:500;word-break:break-word}.legal-doc a:hover{color:color-mix(in oklch,var(--accent),white 25%);text-decoration:underline}.register-agreements{display:flex;flex-direction:column;gap:6px;margin:6px 0}.agreement-row{position:relative;display:grid;grid-template-columns:22px 1fr;align-items:center;gap:12px;padding:12px 14px;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);user-select:none}.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]{position:absolute;opacity:0;pointer-events:none;width:0;height:0}.agreement-box{width:22px;height:22px;border-radius:7px;border:1.5px solid var(--line-hi);background:var(--surface);display:grid;place-items:center;color:transparent;transition:background .18s var(--ease-out),border-color .18s var(--ease-out),color .18s var(--ease-out),transform .2s var(--ease-out);flex-shrink:0}.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%{transform:scale(.4);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:scale(1);opacity:1}}.agreement-text{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 6px;font-size:.92rem;line-height:1.4;color:var(--ink-2)}.agreement-prefix{color:var(--ink-3)}.agreement-row.is-checked .agreement-prefix{color:var(--ink-2)}.agreement-link{color:var(--accent);font-weight:600;text-decoration:none;border-bottom:1px dashed color-mix(in oklch,var(--accent),transparent 45%);padding-bottom:1px;transition:color .16s var(--ease-out),border-color .16s var(--ease-out)}.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{padding:10px 12px;gap:10px}.agreement-text{font-size:.88rem}}@media (max-width: 600px){.legal-doc h2:before{left:-10px}}.legal-table{width:100%;margin:14px 0 18px;border-collapse:collapse;border:1px solid var(--line);border-radius:12px;overflow:hidden;font-size:.9rem;line-height:1.5}.legal-table th,.legal-table td{padding:10px 12px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);border-right:1px solid var(--line)}.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%);font-weight:700;color:var(--ink)}.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);display:grid;place-items:center;padding:40px 20px}.topup-card{position:relative;width:100%;max-width:480px;padding:40px 32px 32px;background:linear-gradient(180deg,color-mix(in oklch,var(--surface),var(--ink) 1%),var(--surface));border:1px solid var(--line);border-radius:24px;text-align:center;box-shadow:0 30px 80px -40px #0009;overflow:hidden}.topup-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--accent),color-mix(in oklch,var(--accent),white 20%),var(--accent),transparent);background-size:200% 100%;animation:topup-shimmer 6s linear infinite}.topup-card--paid:before{background:linear-gradient(90deg,transparent,oklch(.72 .18 145),oklch(.84 .16 145),oklch(.72 .18 145),transparent);background-size: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{position:relative;width:120px;height:120px;margin:0 auto 22px;display:grid;place-items:center}.topup-anim-ring{position:absolute;inset:0;border-radius:50%;border:1px solid color-mix(in oklch,var(--accent),transparent 70%);animation:topup-ring 5s ease-out infinite;opacity:0}.topup-anim-ring--2,.topup-anim-ring--3{display:none}@keyframes topup-ring{0%{transform:scale(.55);opacity:0}30%{opacity:.5}to{transform:scale(1.25);opacity:0}}.topup-anim-coin{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--accent-hi),var(--accent-lo));display:grid;place-items:center;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%);animation:topup-breathe 3.6s ease-in-out infinite;z-index:1}@keyframes topup-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.topup-anim--ok{background:radial-gradient(circle,color-mix(in oklch,oklch(.72 .18 145),transparent 70%),transparent 70%)}.topup-anim-pulse{position:absolute;width:110px;height:110px;border-radius:50%;background:#4cc157;opacity:.18;animation:topup-pulse 1.6s ease-out infinite}@keyframes topup-pulse{0%{transform:scale(.6);opacity:.4}to{transform:scale(1.5);opacity:0}}.topup-anim-check{position:relative;z-index:1;width:96px;height:96px;padding:20px;border-radius:50%;background:linear-gradient(135deg,#4cc157,oklch(.62 .2 150));color:#fff;box-shadow:0 16px 40px -10px oklch(.62 .2 150 / .55);stroke-dasharray:30;stroke-dashoffset:30;animation:topup-pop .5s cubic-bezier(.34,1.56,.64,1) both,topup-draw .6s .35s ease-out forwards}@keyframes topup-pop{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes topup-draw{to{stroke-dashoffset:0}}.topup-anim--wait svg{width:96px;height:96px;padding:16px;border-radius:50%;background:color-mix(in oklch,var(--accent),transparent 80%);border:1px solid color-mix(in oklch,var(--accent),transparent 60%);color:var(--accent);animation:topup-tick 12s linear infinite}@keyframes topup-tick{to{transform:rotate(360deg)}}.topup-anim--err svg{width:96px;height:96px;padding:18px;border-radius:50%;background:color-mix(in oklch,var(--danger),transparent 80%);border:1px solid color-mix(in oklch,var(--danger),transparent 60%);color:var(--danger);animation:topup-shake .5s ease-out}@keyframes topup-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.topup-title{margin:0 0 8px;font-size:clamp(1.4rem,2.4vw + .4rem,1.8rem);font-weight:800;letter-spacing:-.02em}.topup-title--ok{color:#61d46a}.topup-sub{margin:0 0 20px;color:var(--ink-3);font-size:.92rem;line-height:1.5}.topup-sub--err{color:var(--danger)}.topup-amount{font-family:var(--font-display);font-size:2.6rem;font-weight:800;letter-spacing:-.03em;color:#61d46a;margin:0 0 18px}.topup-amount span{font-size:1.6rem;margin-left:4px;opacity:.7}.topup-progress{margin:18px 0}.topup-progress-bar{height:6px;border-radius:999px;background:color-mix(in oklch,var(--surface),var(--ink) 6%);overflow:hidden}.topup-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-lo),var(--accent-hi));border-radius:inherit;transition:width .4s ease-out;box-shadow:0 0 10px color-mix(in oklch,var(--accent),transparent 40%)}.topup-progress-bar--indeterminate{position:relative;overflow:hidden}.topup-progress-bar--indeterminate .topup-progress-fill{position:absolute;top:0;left:0;width:30%;height:100%;animation:topup-indeterminate 8s ease-in-out infinite alternate}@keyframes topup-indeterminate{0%{transform:translate(0)}to{transform:translate(233%)}}.topup-progress-label{margin-top:8px;font-size:.78rem;color:var(--ink-3);letter-spacing:.02em}.topup-order{display:inline-block;padding:6px 12px;margin:0 0 8px;background:color-mix(in oklch,var(--surface),var(--ink) 5%);border:1px solid var(--line);border-radius:8px;font-size:.78rem;color:var(--ink-3);font-family:var(--font-mono, ui-monospace, monospace);letter-spacing:.02em}.topup-actions{display:flex;justify-content:center;gap:10px;margin-top:22px;flex-wrap:wrap}.topup-actions .btn{min-width:150px}@media (max-width: 520px){.topup-card{padding:28px 18px 22px;border-radius:18px}.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{min-width:auto;flex:1}}