: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);--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 3px oklch(.62 .18 240 / .28)}: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);--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 3px oklch(.72 .16 230 / .34)}: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{overflow-x:clip;max-width:100vw}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){input,textarea,select{font-size:16px}}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}input:focus,textarea:focus,select:focus{border-color:var(--accent);background:var(--surface);box-shadow:var(--focus-ring),0 1px color-mix(in oklch,var(--ink),transparent 96%) inset}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}.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)}.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;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 .ico{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--ink-3);pointer-events:none}.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)}.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){.search{display:none}.header-inner{grid-template-columns:auto 1fr auto;gap:8px}.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:1fr;gap:clamp(24px,3vw,40px)}.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:16 / 10;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{width:100%;height:100%;object-fit:cover}.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}.product-badge:before{content:"";width:5px;height:5px;border-radius:999px;background:var(--accent);box-shadow:0 0 8px var(--accent);display:inline-block;margin-right:2px}.product-badge.manual:before{background:#40befd;box-shadow:0 0 8px #40befd}.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}}.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(300px,400px);gap:clamp(24px,3vw,44px);align-items:start}.product-hero{display:grid;grid-template-columns:minmax(240px,340px) 1fr;gap:clamp(20px,2.5vw,32px);align-items:start;margin-bottom:28px}.product-hero.no-media{grid-template-columns:1fr}.product-hero .media{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{width:100%;height:100%;object-fit:cover}.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}.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}@media (max-width: 960px){.product-page,.product-hero{grid-template-columns:1fr}.product-hero .media{max-width:360px;margin-inline:auto;aspect-ratio:1 / 1}.buy-card{position:static}}.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}.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}}.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 .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 1fr;gap:clamp(22px,2.5vw,32px);align-items:start}.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 .product-name{color:var(--ink)}.product-cell .chip{flex-shrink:0}.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;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-2fa-flag{position:absolute;bottom:14px;right:14px;font-size:.68rem;font-weight:700;letter-spacing:.04em;color:var(--accent);background:color-mix(in oklch,var(--accent) 14%,var(--surface));border:1px solid color-mix(in oklch,var(--accent) 35%,transparent);padding:2px 7px;border-radius:999px;pointer-events:none}.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:color-mix(in oklch,var(--surface),transparent 6%);-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)}.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);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.6rem,1.6vw + 1rem,2.4rem)}.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 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 .btn{margin:0 14px 14px;align-self:flex-start}.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}.giveaway-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.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)}.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)}.blog-post{padding:32px 16px;max-width:820px}.blog-post .blog-body{white-space:pre-wrap;margin-top:16px;line-height:1.6}.bb-content{margin-top:16px;line-height:1.65;color:var(--ink-2)}.bb-content p{margin:0 0 12px}.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}}