.site-header{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--surface-raised) 96%,#ffffff);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid color-mix(in srgb,var(--border) 88%,#e2e8f0);box-shadow:0 2px 8px #0f172a0a;overflow:visible;transition:background .3s ease,border-color .3s ease}.site-header:after{content:"";position:absolute;inset:auto 0 0 0;height:0;background:none;opacity:0;pointer-events:none}.site-header-inner{max-width:1920px;margin:0 auto;padding:14px clamp(16px,2vw,24px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}.site-header-left{justify-self:start;position:relative;display:flex;align-items:center;min-height:0}.site-header-center{justify-self:center}.site-center-nav{display:inline-flex;align-items:center;gap:8px}.site-center-nav-link{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 10px;border:0;border-radius:0;text-decoration:none;font-size:15px;font-weight:500;letter-spacing:.005em;color:color-mix(in srgb,var(--primary-dark) 48%,#475569);white-space:nowrap;opacity:.88;transition:color .2s ease,opacity .2s ease,text-decoration-color .2s ease}.site-center-nav-link:hover{background:transparent;color:color-mix(in srgb,var(--primary-dark) 80%,#0f172a);opacity:1;text-decoration:none}.site-center-nav-link.active{background:transparent;color:color-mix(in srgb,var(--primary-dark) 86%,#111827);opacity:1;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.site-center-nav-link:focus-visible{text-decoration:underline;text-underline-offset:4px;outline:none}.site-center-nav-link-soon{cursor:default;opacity:.38;pointer-events:none;gap:5px}.nav-soon-badge{display:inline-flex;align-items:center;padding:1px 5px;border-radius:999px;font-size:var(--caps-label-size);font-weight:var(--caps-label-weight);letter-spacing:var(--caps-label-track);text-transform:uppercase;background:color-mix(in srgb,var(--primary) 18%,#e2e8f0);color:color-mix(in srgb,var(--primary-dark) 60%,#64748b);line-height:1.4}.site-menu-action-soon{cursor:default;opacity:.4;pointer-events:none;justify-content:space-between}.site-header-right{justify-self:end;display:flex;align-items:center;gap:8px}.site-title{margin:0;font-size:1.08rem;font-weight:400;display:flex;align-items:center;min-height:40px;gap:0;letter-spacing:-.02em}.menu-trigger{width:40px;height:40px;padding:0;margin:0;border:0;border-radius:999px;background:transparent;box-shadow:none;color:color-mix(in srgb,var(--primary-dark) 32%,#64748b);display:none;align-items:center;justify-content:center;cursor:pointer}.menu-trigger.active{color:#111827}.menu-trigger:hover,.nav-search-icon:hover,.nav-link:hover,.site-menu-close-btn:hover,.search-drawer-close:hover,.search-drawer-search-icon:hover{background:color-mix(in srgb,var(--surface-2) 82%,var(--primary-soft));color:color-mix(in srgb,var(--text-strong) 88%,#0f172a);transform:none}.site-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 24%,rgba(15,23,42,.4)),color-mix(in srgb,var(--primary-dark) 30%,rgba(15,23,42,.7)));backdrop-filter:blur(8px) saturate(120%);-webkit-backdrop-filter:blur(8px) saturate(120%);z-index:120;display:flex;justify-content:flex-end;align-items:stretch;padding-top:0}.site-menu-panel{position:relative;width:min(380px,92vw);height:100vh;max-height:100vh;overflow-y:auto;padding:14px;border:1px solid color-mix(in srgb,var(--primary) 20%,#cbd5e1);border-top:0;border-bottom:0;border-right:0;border-radius:0;background:color-mix(in srgb,#ffffff 96%,var(--surface-2));box-shadow:-20px 0 44px #0f172a29;display:flex;flex-direction:column;gap:8px;z-index:35;animation:slide-in-right-menu .18s ease-out}@keyframes slide-in-right-menu{0%{transform:translate(100%)}to{transform:translate(0)}}.site-menu-panel-header{display:flex;align-items:center;justify-content:flex-end;min-height:34px;border-bottom:1px solid color-mix(in srgb,var(--primary) 12%,#cbd5e1);padding-bottom:8px}.site-menu-close-btn{width:36px;height:36px;padding:0;margin:0;border:0;border-radius:999px;background:transparent;box-shadow:none;color:#0f172a;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.site-menu-action{width:100%;min-height:42px;margin:0;padding:10px 12px;border:1px solid transparent;border-radius:0;background:transparent;color:#0f172a;font-size:var(--typo-button-size);font-weight:500;letter-spacing:.03em;display:inline-flex;align-items:center;justify-content:flex-start;gap:8px;text-decoration:none;cursor:pointer;box-shadow:none;position:relative;overflow:hidden;transition:background .2s ease,color .2s ease,border-color .2s ease}.site-menu-action:focus-visible,.site-menu-brand-item:focus-visible,.search-drawer-chip:focus-visible,.search-drawer-clear-btn:focus-visible{outline:2px solid color-mix(in srgb,var(--primary) 44%,transparent);outline-offset:2px}.site-menu-action:before{content:"";position:absolute;inset:7px auto 7px 0;width:3px;background:var(--primary);opacity:0;transition:opacity .2s ease}.site-menu-action:hover{background:color-mix(in srgb,var(--primary) 18%,transparent);border-color:transparent;box-shadow:none;transform:none;filter:none}.site-menu-action:hover:before,.site-menu-action-open:before{opacity:1}.site-menu-action-open{background:color-mix(in srgb,var(--primary) 22%,transparent);color:color-mix(in srgb,var(--primary-dark) 72%,#0f172a)}.site-menu-nav-links{display:none;gap:2px;padding-bottom:10px;border-bottom:1px solid color-mix(in srgb,var(--primary) 14%,#cbd5e1);margin-bottom:4px}.site-menu-brands{display:grid;gap:6px}.site-menu-brands-label{font-size:var(--caps-label-size);font-weight:var(--caps-label-weight);letter-spacing:var(--caps-label-track);text-transform:uppercase;color:color-mix(in srgb,var(--primary-dark) 36%,#64748b)}.site-menu-brands-loading{font-size:12px;color:#94a3b8;padding:6px 8px}.site-menu-lower{border-top:1px solid color-mix(in srgb,var(--primary) 14%,#cbd5e1);padding-top:10px;display:grid;gap:8px;margin-top:auto}.site-menu-action-disclosure{justify-content:space-between;width:100%;min-height:42px;margin:0;padding:10px 12px}.site-menu-disclosure-icon{width:14px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;line-height:1}.site-menu-brand-list{display:grid;gap:4px;padding-left:12px;border-left:1px solid color-mix(in srgb,var(--primary) 18%,#cbd5e1)}.site-menu-brand-item{width:100%;min-height:34px;border:1px solid transparent;border-radius:0;background:transparent;padding:8px 12px;margin:0;box-shadow:none;text-align:left;color:color-mix(in srgb,var(--primary-dark) 60%,#334155);font-size:13px;font-weight:600;display:inline-flex;align-items:center;cursor:pointer;text-decoration:none;position:relative;transition:background .15s ease,color .15s ease,border-color .15s ease}.site-menu-brand-item:before{content:"";position:absolute;inset:6px auto 6px 0;width:2px;background:var(--primary);opacity:0;transition:opacity .15s ease}.site-menu-brand-item:hover{background:color-mix(in srgb,var(--primary) 14%,transparent);border-color:transparent;box-shadow:none;color:var(--primary);transform:none}.site-menu-brand-item:hover:before,.site-menu-brand-item.active:before{opacity:1}.site-menu-brand-item.active{background:color-mix(in srgb,var(--primary) 18%,transparent);border-color:transparent;color:var(--primary);box-shadow:none}.site-logo-link{display:inline-flex;align-items:center}.site-logo{width:48px;height:48px;border-radius:0;object-fit:contain;transform:none;transform-origin:center;background:transparent;box-shadow:none;display:block}.site-logo-button{width:auto;margin-top:0;padding:0;border:0;background:transparent;display:inline-flex;align-items:center;cursor:pointer;transition:transform .2s;box-shadow:none}.site-logo-button:hover{transform:none}.site-subtitle{margin:3px 0 0;font-size:12px;font-weight:500;color:#9ca3af;letter-spacing:.3px}.nav-search-container{display:flex;align-items:center;height:40px;margin-top:0;position:relative}.nav-search-icon,.nav-link{width:40px;height:40px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);padding:0;color:color-mix(in srgb,var(--primary-dark) 32%,#64748b);border-radius:999px;line-height:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;flex-shrink:0;margin-top:0;box-shadow:none;border:0;background:transparent}.site-header .quick-tooltip:after{font-size:9px!important;font-weight:600!important;line-height:1.1!important;letter-spacing:.01em!important;padding:3px 6px!important;border-radius:6px!important;top:calc(100% + 4px)!important}.nav-search-icon:hover,.nav-link:hover{color:color-mix(in srgb,var(--primary-dark) 76%,#0f172a)}.nav-search-icon.active{background:color-mix(in srgb,var(--primary) 20%,transparent);color:color-mix(in srgb,var(--primary-dark) 84%,#0f172a)}.nav-link.active{color:#111827;background:linear-gradient(180deg,var(--primary-soft-2),var(--primary-soft));border:1px solid color-mix(in srgb,var(--primary) 34%,#c7d2fe)}.nav-search-icon svg,.nav-link svg{display:block;width:18px;height:18px}.nav-search-input{width:220px;height:40px;padding:0 14px;border-radius:10px;border:1.5px solid color-mix(in srgb,var(--primary) 22%,#cbd5e1);background:color-mix(in srgb,var(--surface-raised) 96%,#ffffff);color:#111827;font-size:16px;outline:none;transition:all .2s;box-shadow:0 1px 2px #0f172a0f,inset 0 1px #fffc;margin-top:0}.nav-search-input::placeholder{color:#d1d5db;font-weight:400}.nav-search-input:focus{border-color:var(--primary);background:color-mix(in srgb,var(--surface-raised) 96%,#ffffff);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 24%,transparent),0 2px 6px #0f172a14}.search-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 20%,rgba(15,23,42,.38)),color-mix(in srgb,var(--primary-dark) 34%,rgba(15,23,42,.68)));backdrop-filter:blur(8px) saturate(120%);-webkit-backdrop-filter:blur(8px) saturate(120%);z-index:115;display:flex;justify-content:center;align-items:flex-start;padding-top:0}.search-drawer-backdrop-desktop{justify-content:flex-end;align-items:stretch;background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 14%,rgba(15,23,42,.2)),color-mix(in srgb,var(--primary-dark) 24%,rgba(15,23,42,.58)))}.search-drawer-panel{width:min(1120px,calc(100vw - 48px));border:1px solid color-mix(in srgb,var(--primary) 22%,#cbd5e1);border-top:0;border-radius:0 0 18px 18px;background:linear-gradient(180deg,var(--surface-raised),var(--surface-2));box-shadow:0 30px 56px #0f172a47;padding:12px 14px 14px;display:grid;gap:12px;animation:slide-down-search-drawer .18s ease-out;max-height:min(82vh,760px);overflow-y:auto}.search-drawer-panel-right{width:min(640px,92vw);height:100vh;max-height:100vh;border-top:0;border-bottom:0;border-right:0;border-left:1px solid color-mix(in srgb,var(--primary) 22%,#cbd5e1);border-radius:0;padding:18px 18px 20px;animation:slide-in-right-search .24s ease-out;box-shadow:-24px 0 42px #0f172a33}@keyframes slide-in-right-search{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.search-drawer-header-copy{display:grid;gap:4px}.search-drawer-eyebrow{font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:color-mix(in srgb,var(--primary-dark) 44%,#64748b)}.search-drawer-handle{width:42px;height:4px;border-radius:999px;background:color-mix(in srgb,var(--primary) 24%,#cbd5e1);margin:0 auto}.search-drawer-header-row{display:flex;align-items:center;justify-content:space-between}.search-drawer-header-row h3{margin:0;font-size:22px;letter-spacing:.01em;color:var(--text-strong)}.search-drawer-header-copy p{margin:0;font-size:13px;line-height:1.62;color:var(--text-muted)}.search-drawer-close{margin-top:0;width:30px;min-width:30px;height:30px;padding:0;border-radius:999px;background:transparent;border:0;box-shadow:none}.search-drawer-input-row{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding:0;border:0;border-radius:0;background:transparent}.search-drawer-input-shell{position:relative;width:100%}.search-drawer-content-grid{display:grid;gap:12px}.search-visual-suggestions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.search-visual-card{margin-top:0;width:100%;border:1px solid color-mix(in srgb,var(--primary) 16%,var(--border));border-radius:14px;background:linear-gradient(180deg,#fff,#f8fafc);padding:9px;display:grid;gap:8px;text-align:left;box-shadow:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.search-visual-card:hover{border-color:color-mix(in srgb,var(--primary) 42%,#cbd5e1);box-shadow:0 12px 20px #0f172a1f;transform:translateY(-2px)}.search-visual-image-wrap{display:block;width:100%;aspect-ratio:16 / 10;border-radius:12px;background:color-mix(in srgb,var(--surface-2) 56%,#f8fafc);overflow:hidden}.search-visual-image{width:100%;height:100%;object-fit:cover;transform:scale(1.01);transition:transform .2s ease}.search-visual-card:hover .search-visual-image{transform:scale(1.05)}.search-visual-copy{display:grid;gap:2px}.search-visual-copy strong{font-size:12px;color:var(--text-strong);letter-spacing:.01em}.search-visual-copy small{font-size:11px;color:var(--text-muted)}.search-drawer-input{width:100%;margin-top:0;min-height:54px;font-size:16px;border:1px solid color-mix(in srgb,var(--primary) 20%,#cbd5e1);border-radius:14px;padding:0 54px 0 16px;background:color-mix(in srgb,var(--surface-raised) 96%,#ffffff);box-shadow:0 6px 18px #0f172a0f,inset 0 1px #ffffffdb}.search-drawer-input::placeholder{color:#9ca3af}.search-drawer-input-action{position:absolute;top:50%;right:6px;transform:translateY(-50%);margin:0;width:40px;min-width:40px;height:40px;min-height:40px;padding:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;z-index:1;background:linear-gradient(180deg,color-mix(in srgb,var(--primary-soft) 74%,#ffffff),color-mix(in srgb,var(--primary) 18%,#dbeafe));color:color-mix(in srgb,var(--primary-dark) 84%,#0f172a);box-shadow:none}.search-drawer-section{display:grid;gap:8px;padding-top:2px}.search-drawer-section-card{padding:14px;border:1px solid color-mix(in srgb,var(--primary) 16%,#dbe4ef);border-radius:16px;background:linear-gradient(180deg,color-mix(in srgb,#ffffff 98%,var(--surface-raised)),color-mix(in srgb,#f8fafc 92%,var(--surface-2)));box-shadow:0 12px 24px #0f172a0f}@media (min-width: 721px){.search-drawer-backdrop{align-items:flex-start;padding-top:0;background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 16%,rgba(15,23,42,.24)),color-mix(in srgb,var(--primary-dark) 26%,rgba(15,23,42,.56)))}.search-drawer-panel{margin-top:0;padding:14px 18px 18px}.search-drawer-panel-right{padding:18px 18px 20px}.search-drawer-section-card{padding:14px}.search-drawer-chip-list{gap:10px}.search-drawer-input{min-height:58px;font-size:16px}.search-drawer-content-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start}.search-drawer-section-primary{grid-row:span 2}.search-drawer-chip-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}.search-drawer-section p{margin:0;font-size:var(--typo-label-size);font-weight:600;text-transform:uppercase;letter-spacing:var(--typo-label-track);color:#64748b}.search-drawer-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.search-drawer-clear-btn{margin-top:0;width:auto;min-height:28px;padding:0 8px;border-radius:8px;border:1px dashed var(--border);background:transparent;box-shadow:none;font-size:11px;font-weight:500;letter-spacing:.03em;color:#64748b}.search-drawer-chip-list{display:flex;flex-wrap:wrap;gap:8px}.search-drawer-chip{margin-top:0;width:auto;min-height:36px;border-radius:999px;border:1px solid var(--border);background:var(--surface-raised);color:var(--text-strong);box-shadow:none;padding:0 12px;font-size:12px;font-weight:500;letter-spacing:.03em}.search-drawer-chip-intent{width:100%;justify-content:center;min-height:44px;border-color:color-mix(in srgb,var(--primary) 30%,#cbd5e1);background:color-mix(in srgb,var(--primary-soft-2) 72%,#ffffff)}.search-drawer-chip-brand{border-color:color-mix(in srgb,var(--primary) 24%,#cbd5e1);background:linear-gradient(180deg,color-mix(in srgb,var(--surface-raised) 98%,#ffffff),color-mix(in srgb,var(--primary-soft-2) 48%,#f8fafc))}.search-drawer-chip:hover{border-color:color-mix(in srgb,var(--primary) 42%,#cbd5e1);background:color-mix(in srgb,var(--primary-soft) 30%,#ffffff);transform:translateY(-1px)}.search-drawer-input-action:hover{background:color-mix(in srgb,var(--primary) 18%,transparent)}.search-drawer-chip-recent{border-style:dashed}@keyframes slide-down-search-drawer{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 720px){.site-header{position:sticky;top:0;left:0;right:0;width:100%;z-index:70}.site-header-inner{display:grid;grid-template-columns:1fr auto;align-items:center;width:100%;gap:8px;padding:12px;justify-items:stretch}.site-header-left{justify-self:start}.site-header-center{display:none}.site-menu-nav-links{display:grid}.site-header-right{justify-self:end;gap:6px}.site-logo{width:44px;height:44px;transform:none}.site-header-right{justify-self:end}.nav-search-container{height:38px}.menu-trigger,.nav-search-icon{width:38px;min-width:38px;height:38px}.menu-trigger{display:inline-flex}.site-menu-backdrop{background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 26%,rgba(15,23,42,.44)),color-mix(in srgb,var(--primary-dark) 34%,rgba(15,23,42,.74)));backdrop-filter:blur(10px) saturate(125%);-webkit-backdrop-filter:blur(10px) saturate(125%);align-items:stretch;padding-top:0}.site-menu-panel{width:min(360px,92vw);height:100dvh;max-height:100dvh;border-radius:0;border-top:0;border-bottom:0;border-left:1px solid color-mix(in srgb,var(--primary) 20%,#cbd5e1);border-right:0;padding:12px;gap:10px}.site-menu-brand-list{gap:4px}.site-menu-brands{gap:6px}.site-menu-lower{padding-top:10px;gap:8px}.site-menu-action{min-height:42px;padding:10px 12px;font-size:14px;line-height:1.35}.site-menu-action-disclosure{min-height:42px}.site-menu-brand-item{min-height:36px;padding:8px 12px;font-size:14px;line-height:1.35}.nav-search-input{width:min(58vw,280px);min-width:180px;height:38px;padding:0 12px}.search-drawer-panel{width:100%;max-width:100%;box-sizing:border-box;border-radius:0 0 14px 14px;border-top:0;padding:10px 10px 12px}.search-drawer-header-row h3{font-size:17px;line-height:1.3}.search-drawer-header-copy p{font-size:13px;line-height:1.6}.search-drawer-chip{min-height:38px;font-size:12.5px}.search-drawer-content-grid{grid-template-columns:1fr}.search-visual-suggestions-grid{grid-template-columns:1fr;gap:8px}.search-drawer-chip-grid{display:flex;flex-wrap:wrap;gap:8px}.search-drawer-chip-intent{width:auto;min-height:32px}}@media (max-width: 420px){.site-header-inner{padding:10px;gap:8px}.site-logo{width:40px;height:40px;transform:none}.site-header-inner{gap:6px}.menu-trigger,.nav-search-icon{width:36px;min-width:36px;height:36px}.site-menu-panel{width:min(320px,92vw);height:100dvh;max-height:100dvh;padding:10px;gap:8px}.site-menu-lower{padding-top:8px;gap:6px}.site-menu-action{min-height:40px;padding:9px 12px;font-size:13.5px}.site-menu-action-disclosure{min-height:40px}.site-menu-brand-item{min-height:34px;padding:8px 12px;font-size:13.5px}.nav-search-input{width:min(56vw,240px);min-width:156px;font-size:16px}}body.theme-dark .site-menu-nav-links{border-bottom-color:var(--dark-border)}body.theme-dark .site-menu-panel{background:linear-gradient(180deg,color-mix(in srgb,var(--dark-surface) 92%,transparent),color-mix(in srgb,var(--dark-bg-mid) 98%,transparent));border-color:var(--dark-border);box-shadow:-20px 0 44px #02061766}body.theme-dark .site-menu-panel-header{border-bottom-color:var(--dark-border)}body.theme-dark .site-menu-close-btn,body.theme-dark .site-menu-action{color:#e2e8f0}body.theme-dark .site-menu-action:hover{background:color-mix(in srgb,var(--primary) 28%,transparent);border-color:transparent;box-shadow:none;transform:none;filter:none}body.theme-dark .site-menu-action-open{background:color-mix(in srgb,var(--primary) 34%,transparent);color:#f8fafc}body.theme-dark .site-menu-brands-label{color:#94a3b8}body.theme-dark .site-menu-lower{border-top-color:var(--dark-border)}body.theme-dark .site-menu-brand-item{color:color-mix(in srgb,var(--primary-soft) 68%,#cbd5e1)}body.theme-dark .site-menu-brand-item:hover{background:color-mix(in srgb,var(--primary) 22%,transparent);color:color-mix(in srgb,var(--primary-soft) 88%,#ffffff)}body.theme-dark .site-menu-brand-item.active{background:color-mix(in srgb,var(--primary) 30%,transparent);color:color-mix(in srgb,var(--primary-soft) 88%,#ffffff)}body.theme-dark .site-menu-brand-list{border-left-color:color-mix(in srgb,var(--primary) 28%,var(--dark-border))}body.theme-dark .site-center-nav-link{color:#cbd5e1;opacity:.9}body.theme-dark .site-center-nav-link:hover{background:transparent;color:#f8fafc;opacity:1}body.theme-dark .site-center-nav-link.active{background:transparent;color:#fff;opacity:1}body.theme-dark .menu-trigger{color:color-mix(in srgb,var(--primary-soft) 54%,#cbd5e1)}body.theme-dark .menu-trigger.active{color:#f8fafc}body.theme-dark .menu-trigger:hover,body.theme-dark .nav-search-icon:hover,body.theme-dark .nav-link:hover,body.theme-dark .site-menu-close-btn:hover,body.theme-dark .search-drawer-close:hover,body.theme-dark .search-drawer-search-icon:hover{background:color-mix(in srgb,var(--primary) 28%,transparent);color:#f8fafc}body.theme-dark .nav-link.active{background:color-mix(in srgb,var(--primary) 24%,rgba(30,41,59,.9));border-color:var(--dark-border);color:#f8fafc}body.theme-dark .search-drawer-panel{background:linear-gradient(180deg,color-mix(in srgb,var(--dark-surface) 92%,transparent),color-mix(in srgb,var(--dark-bg-mid) 98%,transparent));border-color:var(--dark-border)}body.theme-dark .search-drawer-panel-right{border-left-color:var(--dark-border);box-shadow:-24px 0 42px #0206176b}body.theme-dark .search-drawer-eyebrow,body.theme-dark .search-drawer-header-copy p,body.theme-dark .search-drawer-section p{color:#cbd5e1}body.theme-dark .nav-search-icon.active{background:color-mix(in srgb,var(--primary) 30%,transparent);color:#f8fafc}body.theme-dark .search-drawer-section-card{background:linear-gradient(180deg,color-mix(in srgb,var(--dark-surface) 86%,transparent),color-mix(in srgb,var(--dark-bg-mid) 98%,transparent));border-color:color-mix(in srgb,var(--dark-border) 84%,rgba(148,163,184,.5))}body.theme-dark .search-drawer-input{background:linear-gradient(180deg,var(--dark-surface),var(--dark-bg-mid));border-color:color-mix(in srgb,var(--dark-border) 84%,rgba(148,163,184,.5));color:#fff}body.theme-dark .search-drawer-input-action{background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 28%,rgba(30,41,59,.94)),color-mix(in srgb,var(--primary) 20%,rgba(15,23,42,.98)));color:#f8fafc}body.theme-dark .search-drawer-input-action:hover{background:color-mix(in srgb,var(--primary) 28%,transparent)}body.theme-dark .search-drawer-handle{background:color-mix(in srgb,var(--primary-soft) 44%,var(--dark-border))}body.theme-dark .search-drawer-header-row h3,body.theme-dark .search-drawer-section p{color:#cbd5e1}body.theme-dark .search-drawer-chip{background:linear-gradient(180deg,var(--dark-surface),var(--dark-bg-mid));border-color:color-mix(in srgb,var(--dark-border) 84%,rgba(148,163,184,.5));color:#f1f5f9}body.theme-dark .search-drawer-chip-brand{background:linear-gradient(180deg,color-mix(in srgb,var(--dark-surface) 86%,transparent),color-mix(in srgb,var(--primary) 16%,rgba(15,23,42,.96)))}body.theme-dark .search-visual-card{background:linear-gradient(180deg,color-mix(in srgb,var(--dark-surface) 86%,transparent),color-mix(in srgb,var(--dark-bg-mid) 96%,transparent));border-color:color-mix(in srgb,var(--dark-border) 84%,rgba(148,163,184,.5))}body.theme-dark .search-visual-image-wrap{background:color-mix(in srgb,var(--dark-surface) 74%,transparent)}body.theme-dark .search-visual-copy strong{color:#f8fafc}body.theme-dark .search-visual-copy small{color:#cbd5e1}body.theme-dark .search-drawer-clear-btn{border-color:color-mix(in srgb,var(--dark-border) 84%,rgba(148,163,184,.5));color:#cbd5e1}.theme-color-picker{padding:24px;background:radial-gradient(circle at 10% 8%,color-mix(in srgb,var(--primary) 13%,transparent),transparent 56%),linear-gradient(135deg,#fffffffa,#f8fafcf5);border-radius:16px;border:1px solid color-mix(in srgb,var(--primary) 24%,#cbd5e1);box-shadow:0 22px 46px color-mix(in srgb,var(--primary-dark) 22%,rgba(15,23,42,.16))}.theme-picker-header{margin-bottom:14px;text-align:center}.theme-picker-header h3{margin:0;font-size:20px;color:#0f172a}.theme-picker-header p{margin:6px 0 0;font-size:12px;color:color-mix(in srgb,var(--primary-dark) 45%,#64748b);font-weight:600}.theme-mode-toggle{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 14px}.theme-mode-btn{margin-top:0;width:100%;min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid color-mix(in srgb,var(--primary) 24%,var(--border));border-radius:10px;background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--primary-soft-2) 36%,#f8fafc));color:color-mix(in srgb,var(--primary-dark) 42%,var(--text));font-size:12px;font-weight:700;box-shadow:none}.theme-mode-btn.active{background:linear-gradient(180deg,var(--primary),var(--primary-strong));border-color:var(--primary);color:var(--on-primary-text);box-shadow:0 10px 18px color-mix(in srgb,var(--primary) 30%,transparent)}.theme-colors-palette{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;padding:2px}.theme-color-option{width:30px;height:30px;margin-top:0;padding:0;border:0;background:transparent;border-radius:999px;box-shadow:none;display:inline-flex;align-items:center;justify-content:center;transition:transform .16s ease}.theme-color-option:hover{transform:translateY(-1px) scale(1.05);border-color:transparent;box-shadow:none}.color-dot{width:100%;height:100%;border-radius:999px;background:var(--theme-color);border:2px solid rgba(255,255,255,.95);box-shadow:0 0 0 1px color-mix(in srgb,var(--theme-color) 38%,#94a3b8),0 8px 14px color-mix(in srgb,var(--theme-color) 26%,transparent)}.theme-color-option.active .color-dot{transform:scale(1.08);box-shadow:0 0 0 2px #fff,0 0 0 5px color-mix(in srgb,var(--theme-color) 34%,transparent),0 10px 18px color-mix(in srgb,var(--theme-color) 32%,transparent)}.theme-selected-meta{margin-top:16px;display:flex;align-items:center;justify-content:center;gap:10px;color:color-mix(in srgb,var(--primary-dark) 55%,#475569);font-size:13px}.theme-selected-meta p{margin:0}.theme-selected-chip{width:14px;height:14px;border-radius:999px;background:var(--theme-color);border:2px solid rgba(255,255,255,.95);box-shadow:0 0 0 1px color-mix(in srgb,var(--theme-color) 42%,#94a3b8)}body.theme-dark .theme-color-picker{background:radial-gradient(circle at 10% 8%,color-mix(in srgb,var(--primary) 20%,transparent),transparent 56%),linear-gradient(180deg,#111827f7,#0a101efa);border-color:color-mix(in srgb,var(--primary) 36%,rgba(148,163,184,.24))}body.theme-dark .theme-picker-header h3{color:#f8fafc}body.theme-dark .theme-picker-header p,body.theme-dark .theme-selected-meta{color:#cbd5e1}body.theme-dark .theme-mode-btn{background:linear-gradient(180deg,color-mix(in srgb,var(--dark-surface) 92%,transparent),color-mix(in srgb,var(--dark-bg-mid) 98%,transparent));border-color:color-mix(in srgb,var(--primary) 36%,var(--dark-border));color:#dbe7f4}body.theme-dark .theme-mode-btn.active{background:linear-gradient(180deg,var(--primary),var(--primary-dark));border-color:color-mix(in srgb,var(--primary-soft) 70%,var(--primary));color:var(--on-primary-text)}body.theme-dark .color-dot{border-color:#ffffffbd}body.theme-dark .theme-color-option.active .color-dot{box-shadow:0 0 0 2px #0b1220,0 0 0 5px color-mix(in srgb,var(--theme-color) 48%,transparent),0 12px 20px color-mix(in srgb,var(--theme-color) 44%,transparent)}.theme-colors-palette .quick-tooltip:after{top:auto;bottom:calc(100% + 8px);right:50%;transform:translate(50%,2px);z-index:120}.theme-colors-palette .quick-tooltip:hover:after,.theme-colors-palette .quick-tooltip:focus-visible:after{transform:translate(50%)}.wtm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#0000008c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:1rem;animation:wtm-fade-in .3s ease}@keyframes wtm-fade-in{0%{opacity:0}to{opacity:1}}.wtm-panel{background:var(--surface, #fff);border:1.5px solid var(--border, #e5e7eb);border-radius:20px;padding:2rem 2rem 1.6rem;max-width:420px;width:100%;box-shadow:0 20px 60px #0000002e,0 0 0 1px #ffffff14;animation:wtm-slide-up .35s cubic-bezier(.34,1.56,.64,1);transition:border-color .2s;border-color:color-mix(in srgb,var(--wtm-accent) 40%,transparent)}@keyframes wtm-slide-up{0%{opacity:0;transform:translateY(28px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.wtm-header{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1.25rem}.wtm-icon{flex-shrink:0;width:42px;height:42px;border-radius:12px;background:var(--wtm-soft, #e0e7ff);display:flex;align-items:center;justify-content:center;color:var(--wtm-accent, #4f46e5)}.wtm-title{font-size:1.1rem;font-weight:700;color:var(--text-main, #0f172a);margin:0 0 .2rem;line-height:1.3}.wtm-sub{font-size:.82rem;color:var(--text-muted, #64748b);margin:0}.wtm-mode-row{display:flex;gap:.5rem;margin-bottom:1.1rem}.wtm-mode-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.45rem 0;border-radius:10px;border:1.5px solid var(--border, #e5e7eb);background:var(--surface-raised, #f8fafc);color:var(--text-muted, #64748b);font-size:.83rem;font-weight:500;cursor:pointer;transition:all .18s}.wtm-mode-btn.active{border-color:var(--wtm-accent, #4f46e5);background:var(--wtm-soft, #e0e7ff);color:var(--wtm-accent, #4f46e5);font-weight:600}.wtm-palette{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.85rem;justify-content:center}.wtm-swatch{position:relative;width:34px;height:34px;border-radius:50%;border:2.5px solid transparent;background:transparent;cursor:pointer;padding:0;transition:transform .15s,border-color .15s}.wtm-swatch:hover{transform:scale(1.18)}.wtm-swatch.selected{border-color:var(--swatch-color);transform:scale(1.12)}.wtm-dot{display:block;width:100%;height:100%;border-radius:50%;background:var(--swatch-color)}.wtm-check{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.4);pointer-events:none}.wtm-preview-label{display:flex;align-items:center;gap:.45rem;justify-content:center;font-size:.82rem;color:var(--text-muted, #64748b);margin-bottom:1.25rem}.wtm-preview-chip{display:inline-block;width:12px;height:12px;border-radius:50%;flex-shrink:0}.wtm-actions{display:flex;flex-direction:column;gap:.5rem}.wtm-btn-primary{width:100%;padding:.7rem;border-radius:12px;border:none;background:var(--wtm-accent, #4f46e5);color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:opacity .18s,transform .12s}.wtm-btn-primary:hover{opacity:.88;transform:translateY(-1px)}.wtm-btn-skip{width:100%;padding:.55rem;border-radius:12px;border:1.5px solid var(--border, #e5e7eb);background:transparent;color:var(--text-muted, #64748b);font-size:.82rem;cursor:pointer;transition:background .18s}.wtm-btn-skip:hover{background:var(--surface-2, #f1f5f9)}.theme-dark .wtm-panel{background:var(--dark-surface, #1e293b);border-color:color-mix(in srgb,var(--wtm-accent) 35%,transparent)}.theme-dark .wtm-title{color:#f1f5f9}.theme-dark .wtm-mode-btn{background:var(--dark-surface-2, #1e293b);border-color:var(--dark-border, #334155);color:#94a3b8}.theme-dark .wtm-mode-btn.active{background:color-mix(in srgb,var(--wtm-accent) 20%,transparent);color:var(--wtm-accent)}.theme-dark .wtm-btn-skip{border-color:var(--dark-border, #334155);color:#94a3b8}.theme-dark .wtm-btn-skip:hover{background:var(--dark-surface-2, #334155)}.brands-marquee{margin:8px 0 16px;width:100%;max-width:100%;min-width:0}.brands-marquee-label{margin:0 0 8px;text-align:center;font-size:13px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:#64748b}.brands-marquee-track-wrap{width:100%;max-width:100%;min-width:0;overflow:hidden;padding:6px 0;cursor:default;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 8%,#000 92%,transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 8%,#000 92%,transparent 100%)}.brands-marquee-track-wrap.is-dragging{cursor:grabbing}.brands-marquee-track-offset{transform:translate(var(--brands-marquee-drag-offset, 0px))}.brands-marquee-track{list-style:none;display:flex;align-items:center;gap:16px;width:max-content;min-width:0;margin:0;padding:0 10px;animation:brands-marquee-scroll 54s linear infinite}.brands-marquee-track-wrap:hover .brands-marquee-track,.brands-marquee-track-wrap.is-dragging .brands-marquee-track{animation-play-state:paused}.brands-marquee-pill{display:inline-flex;align-items:center;justify-content:center;min-height:84px;min-width:218px;padding:6px 12px}.brands-marquee-link{margin:0;width:auto;padding:4px 8px;border:0;border-radius:8px;background:transparent;box-shadow:none;line-height:0;cursor:pointer}.brands-marquee-link:hover{transform:none;background:transparent;border-color:transparent;box-shadow:none;opacity:.92}.brands-marquee-link:hover .brands-marquee-logo,.brands-marquee-link:focus-visible .brands-marquee-logo{transform:scale(1.02)}.brands-marquee-link:focus-visible{outline:2px solid color-mix(in srgb,var(--primary) 56%,transparent);outline-offset:2px}.brands-marquee-logo{width:auto;height:64px;max-width:230px;object-fit:contain;transition:transform .18s ease,opacity .18s ease}@keyframes brands-marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion: reduce){.brands-marquee-track{animation:none}}@media (max-width: 720px){.brands-marquee{margin:6px 0 14px}.brands-marquee-label{margin-bottom:7px;font-size:14.5px;letter-spacing:.045em}.brands-marquee-track{gap:12px;animation-duration:42s}.brands-marquee-pill{min-height:60px;min-width:136px;padding:2px 8px}.brands-marquee-link{padding:6px 10px}.brands-marquee-link:hover .brands-marquee-logo,.brands-marquee-link:focus-visible .brands-marquee-logo{transform:none}.brands-marquee-logo{height:42px;max-width:136px}.brands-marquee-track-wrap{-webkit-mask-image:none;mask-image:none}}body.theme-dark .brands-marquee-label{color:#94a3b8}.product-card h3{margin:0;font-size:19px;line-height:1.26;font-weight:400;letter-spacing:-.02em;color:#111827;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card.product-card{display:flex;flex-direction:column;height:100%;transition:transform .2s,box-shadow .2s,border-color .2s;animation:fade-up .28s ease-out;animation-fill-mode:both;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important}.product-card:nth-child(2n){animation-delay:40ms}.product-card:nth-child(3n){animation-delay:80ms}.product-card:hover{transform:translateY(-3px);border-color:transparent;box-shadow:none!important}.product-card-footer{padding:10px 4px 6px;margin-top:auto;display:grid;gap:4px}.product-card-corner-row{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}.product-card-corner-left{min-width:0;flex:1 1 auto;display:grid;gap:2px}.product-card-corner-left .brand{display:block;margin:0;font-size:11px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-card-corner-left h3{margin:0;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.product-card-corner-right{flex:0 0 auto;display:grid;justify-items:end;align-content:end;gap:2px}.product-card-corner-right .product-price,.product-card-corner-right .product-price-sale,.product-card-corner-right .product-price-original{margin:0;white-space:nowrap}.product-card-topline,.product-card-bottomline{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.product-card-topline .product-card-meta{min-width:0;flex:1 1 auto;flex-wrap:nowrap;overflow:hidden}.product-card-topline .product-card-meta-item{white-space:nowrap}.product-card-topline .product-price,.product-card-topline .product-price-sale,.product-card-bottomline .product-price-original{margin:0;white-space:nowrap;flex:0 0 auto}.product-card-bottomline h3{margin:0;min-width:0;flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.product-card-meta{display:flex;align-items:center;gap:4px;flex-wrap:wrap;line-height:1.35}.product-card-meta-item{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;color:#64748b;font-weight:500}.product-card-meta-separator{color:#94a3b8}.product-demand{display:inline-flex;align-items:center;gap:3px;font-size:10px;color:color-mix(in srgb,var(--primary-dark) 24%,#475569);font-weight:500;letter-spacing:.02em}.product-price{margin:6px 0 2px;font-size:14px;line-height:1.25;font-weight:400;letter-spacing:.002em;font-variant-numeric:tabular-nums;color:color-mix(in srgb,#64748b 86%,#94a3b8)}body.theme-dark .product-price{color:color-mix(in srgb,#94a3b8 78%,#cbd5e1)}.product-price-row{display:inline-flex;align-items:baseline;gap:8px;margin-top:2px;min-height:20px;flex-wrap:wrap}.product-price-row--sale{display:inline-flex;align-items:baseline;gap:6px;flex-wrap:nowrap}.product-price-row--upcoming{gap:6px}.product-price-row .product-price{margin:0}.product-price-original{font-size:12px;font-weight:500;text-decoration:line-through;text-decoration-thickness:.8px;text-decoration-color:color-mix(in srgb,#64748b 62%,#94a3b8);color:color-mix(in srgb,#64748b 90%,#94a3b8);opacity:.72}.product-price-sale{margin:0;font-size:17px;line-height:1.05;font-weight:500;letter-spacing:-.015em;font-variant-numeric:tabular-nums;color:#b91c1c}.product-price-sale-teaser{letter-spacing:.04em}body.theme-dark .product-price-original{text-decoration-color:color-mix(in srgb,#94a3b8 68%,#cbd5e1);color:color-mix(in srgb,#94a3b8 72%,#cbd5e1);opacity:.68}body.theme-dark .product-price-sale{color:#f87171}.product-price-row.empty{opacity:0;pointer-events:none}.product-price-placeholder{display:inline-block;font-size:12.5px;line-height:1}.department-chip{display:inline-flex;font-size:var(--caps-label-size);padding:2px 8px;border-radius:999px;background:var(--primary-soft-2);color:var(--primary-strong);border:1px solid color-mix(in srgb,var(--primary) 30%,#c7d2fe);white-space:nowrap;font-weight:var(--caps-label-weight);letter-spacing:var(--caps-label-track);text-transform:uppercase;margin-top:6px}.department-chip-on-image{position:absolute;top:6px;right:6px;z-index:3;margin-top:0;font-size:7.5px;padding:2px 7px;background:color-mix(in srgb,var(--primary-soft-2) 82%,#ffffff);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-color:color-mix(in srgb,var(--primary) 24%,#cbd5e1);box-shadow:0 2px 8px #0f172a1f;opacity:.9;pointer-events:none}.department-chip-left{position:absolute;top:6px;left:6px;z-index:3;margin-top:0;font-size:7.5px;padding:2px 7px;background:color-mix(in srgb,var(--primary-soft-2) 82%,#ffffff);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:1px solid color-mix(in srgb,var(--primary) 24%,#cbd5e1);box-shadow:0 2px 8px #0f172a1f;opacity:.9;pointer-events:none;border-radius:6px;color:var(--primary-strong);font-weight:600;letter-spacing:.05em;text-transform:uppercase;display:inline-flex}.department-chip-bottom{position:absolute;bottom:6px;left:6px;z-index:3;margin-top:0;font-size:8.5px;padding:3px 9px;background:color-mix(in srgb,var(--primary-soft-2) 82%,#ffffff);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:1px solid color-mix(in srgb,var(--primary) 24%,#cbd5e1);box-shadow:0 2px 8px #0f172a1f;opacity:.9;pointer-events:none;border-radius:7px;color:var(--primary-strong);font-weight:600;letter-spacing:.05em;text-transform:uppercase;display:inline-flex}.product-demand-overlay{position:absolute;top:6px;right:6px;z-index:3;display:inline-flex;align-items:center;gap:5px;font-size:8.5px;color:color-mix(in srgb,var(--primary-dark) 24%,#475569);font-weight:500;letter-spacing:.02em;background:color-mix(in srgb,var(--primary-soft-2) 82%,#ffffff);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:7px;padding:3px 9px;box-shadow:0 2px 8px #0f172a1f;opacity:.9;pointer-events:none}.product-sale-badge{position:absolute;top:6px;left:6px;z-index:3;display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;min-height:19px;border-radius:4px;font-size:7px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:#b91c1c;border:0;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);box-shadow:0 2px 8px #7f1d1d38;opacity:.96;pointer-events:none}.is-sale-coming-soon-product-card .product-sale-badge{background:linear-gradient(135deg,#b45309,#ea580c);box-shadow:0 2px 8px #c2410c38}body.theme-dark .product-sale-badge{color:#fff1f2;background:#ef4444;box-shadow:0 2px 8px #ef444438}body.theme-dark .is-sale-coming-soon-product-card .product-sale-badge{color:#fff7ed;background:linear-gradient(135deg,#c2410c,#fb923c);box-shadow:0 2px 8px #fb923c38}.product-sold-out-badge{position:absolute;top:8px;left:8px;z-index:3;display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;min-height:22px;border-radius:4px;font-size:8px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:#1f2937;border:1px solid #374151;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);box-shadow:0 2px 8px #0000003d;opacity:.94;pointer-events:none}.is-sale-product-card .product-sold-out-badge{top:32px}body.theme-dark .product-sold-out-badge{color:#f3f4f6;background:#111827;border-color:#1f2937;box-shadow:0 2px 8px #0006}.is-sale-product-card .product-card-footer{gap:4px}.is-sale-product-card .product-price-row{margin-top:5px}.product-sale-caption{display:block;margin-top:2px;font-size:10px;color:#b91c1c;font-weight:600}.is-sale-coming-soon-product-card .product-sale-caption{color:#c2410c}body.theme-dark .product-sale-caption{color:#fca5a5}.product-image-fallback{width:100%;height:100%;background:linear-gradient(135deg,#1f2937,#334155);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#f3f4f6;gap:8px;font-size:13px;font-weight:500;text-align:center;padding:16px}.product-image-fallback span:first-child{font-size:40px}.product-meta-line{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:2px}.detail-tags{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px}.detail-tag{font-size:11px;padding:4px 8px;border-radius:999px;border:1px solid color-mix(in srgb,var(--primary) 22%,#cbd5e1);background:color-mix(in srgb,var(--primary-soft-2) 60%,#f8fafc);color:color-mix(in srgb,var(--primary-dark) 40%,#334155);font-weight:500}.product-image-wrap{width:100%;aspect-ratio:1 / 1;min-height:clamp(240px,40vw,340px);border-radius:0;overflow:hidden;margin-bottom:8px;padding:0;background:transparent;border:0;display:flex;align-items:center;justify-content:center}.product-image-button{padding:0;border:0;background:transparent;display:block;cursor:pointer;margin-top:0;box-shadow:none;position:relative}.product-image-button:focus-visible{outline:2px solid color-mix(in srgb,var(--primary) 42%,transparent);outline-offset:3px}.product-image{width:100%;height:100%;object-fit:contain;object-position:center;display:block;transition:transform .25s ease,opacity .22s ease,filter .22s ease}.product-image-out-of-stock{opacity:.52;filter:grayscale(.55) saturate(.82)}.product-image-cycle{animation:product-image-cycle-fade .78s cubic-bezier(.22,.61,.36,1)}@keyframes product-image-cycle-fade{0%{opacity:.76;transform:scale(1.012);filter:saturate(.96)}to{opacity:1;transform:scale(1);filter:saturate(1)}}.product-card:hover .product-image{transform:scale(1.04)}@media (prefers-reduced-motion: reduce){.product-image-cycle{animation:none}}@media (min-width: 721px){.reserve-related-grid .product-card{animation:none!important;transform:none!important}.reserve-related-grid .product-card:hover{transform:none!important}.reserve-related-grid .product-image-button,.reserve-related-grid .product-image-wrap{overflow:hidden}.reserve-related-grid .product-card .product-image,.reserve-related-grid .product-card:hover .product-image{transform:none!important}}.brand{color:#64748b}@media (max-width: 720px){.product-image-wrap{height:170px;min-height:0;padding:0;aspect-ratio:1 / 1;margin-bottom:6px}.product-image{object-fit:cover;object-position:center}.product-card h3{font-size:16px;line-height:1.3;font-weight:400}.product-card-meta-item{font-size:9.5px;font-weight:500}.product-price{font-size:12.5px;font-weight:500}.product-price-row--sale{gap:5px}.product-price-sale{font-size:15px}.product-price-original{font-size:11.5px}.product-card-corner-row{gap:8px}.product-card-corner-left .brand{font-size:10px}.department-chip-on-image,.department-chip-left,.department-chip-bottom{font-size:6.5px;padding:1px 6px}.product-demand-overlay{gap:3px;font-size:6.5px;padding:2px 6px}.product-sale-badge{min-height:18px;padding:2px 7px;font-size:6px}}@media (max-width: 420px){.product-image-wrap{height:150px;min-height:0;padding:0;aspect-ratio:1 / 1}.product-card-meta{align-items:flex-start}.department-chip{font-size:10.5px}.department-chip-left{font-size:5px}.department-chip-bottom{font-size:6px}.product-demand-overlay{font-size:6px;padding:1px 5px}.product-sale-badge{min-height:16px;padding:1px 6px;font-size:5.5px}.product-price{font-size:12px}.product-price-sale{font-size:14px}.product-price-original{font-size:10.5px}.department-chip-on-image{font-size:5px}}.sale-promos-marquee{margin:0;width:100vw;max-width:100vw;min-width:0;margin-inline:calc(50% - 50vw);overflow:hidden}.sale-promos-marquee-track-wrap{width:100%;max-width:100%;min-width:0;overflow:hidden;border:0;border-radius:0;background:#0b0b0b;padding:6px 0;box-sizing:border-box}.sale-promos-marquee-track{display:flex;align-items:center;gap:0;width:max-content;max-width:none;animation:sale-promos-marquee-scroll 24s linear infinite;will-change:transform;white-space:nowrap}.sale-promos-marquee-group{list-style:none;display:flex;align-items:center;gap:16px;width:max-content;max-width:none;margin:0;padding:0 clamp(16px,2.4vw,32px);flex:0 0 auto}.sale-promos-marquee-pill{display:inline-flex;align-items:center;min-height:auto;padding:0;border:0;background:transparent;color:#f8fafc;font-family:matter,Inter,Helvetica Neue,Arial,sans-serif;font-size:12px;font-weight:400;letter-spacing:.018em;word-spacing:.03em;white-space:nowrap;box-shadow:none;flex:0 0 auto;line-height:1.2;font-variant-ligatures:common-ligatures}@keyframes sale-promos-marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion: reduce){.sale-promos-marquee-track{animation:none}}@media (max-width: 720px){.sale-promos-marquee{overflow:hidden}.sale-promos-marquee-group{gap:12px;padding-inline:12px}.sale-promos-marquee-pill{font-size:11.75px;letter-spacing:.015em}}body.theme-dark .sale-promos-marquee-track-wrap{background:#0b0b0b}body.theme-dark .sale-promos-marquee-pill{color:#f8fafc}.sale-promos-marquee--bold .sale-promos-marquee-track-wrap{background:#0b0b0b}.sale-promos-marquee--bold .sale-promos-marquee-pill{color:#f8fafc}body.theme-dark .sale-promos-marquee--bold .sale-promos-marquee-track-wrap{background:#0b0b0b}body.theme-dark .sale-promos-marquee--bold .sale-promos-marquee-pill{color:#f8fafc}.sale-promos-marquee--luxe .sale-promos-marquee-group{gap:0}.sale-promos-marquee--luxe .sale-promos-marquee-group .sale-promos-marquee-pill+.sale-promos-marquee-pill{position:relative;padding-left:28px}.sale-promos-marquee--luxe .sale-promos-marquee-group .sale-promos-marquee-pill+.sale-promos-marquee-pill:before{content:"•";position:absolute;left:14px;top:50%;line-height:1;font-size:7px;transform:translate(-50%,-50%);color:#f8fafcad}body.theme-dark .sale-promos-marquee--luxe .sale-promos-marquee-pill{color:#f8fafc}.popular-rail{margin:2px 0 14px;min-width:0}.popular-rail-head{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:16px;min-width:0;flex-wrap:wrap;text-align:center}.popular-rail-head h2{margin:0;font-size:var(--typo-rail-title-size);font-weight:400;letter-spacing:0;text-transform:none;color:var(--text-strong);display:grid;gap:3px}.popular-rail-head h2:before{content:"TRENDING";font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:#64748b}.popular-rail-head p{margin:0 0 8px;flex-basis:100%;font-size:11px;font-weight:400;letter-spacing:.01em;text-align:center;color:var(--text-soft)}.popular-rail-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(178px,1fr);align-items:start;gap:12px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scroll-padding-inline:2px;padding-bottom:4px;width:100%;min-width:0;-webkit-overflow-scrolling:touch;scrollbar-width:none;--rail-edge-fade: 0;-webkit-mask-image:none;mask-image:none}@media (min-width: 721px){.popular-rail-track.is-few-items{grid-auto-columns:clamp(210px,20vw,236px);justify-content:center;overflow-x:visible;scroll-snap-type:none}}.popular-rail-track::-webkit-scrollbar{height:0;display:none}.popular-rail-progress{--popular-rail-progress-width: min(124px, 30vw);--popular-rail-progress-thumb-width: 24px;--popular-rail-progress-thumb-height: 3px;width:var(--popular-rail-progress-width);height:1px;margin:9px auto 0;border-radius:999px;background:color-mix(in srgb,#cbd5e1 42%,transparent);position:relative;overflow:visible}.popular-rail-progress-thumb{position:absolute;top:50%;left:0;width:var(--popular-rail-progress-thumb-width);height:var(--popular-rail-progress-thumb-height);border-radius:999px;background:color-mix(in srgb,#64748b 72%,#94a3b8);box-shadow:none;transform:translate(calc((var(--popular-rail-progress-width) - var(--popular-rail-progress-thumb-width)) * var(--popular-scroll-ratio))) translateY(-50%);transition:transform .12s ease-out}.popular-rail .product-image{object-fit:contain;object-position:center}.popular-rail .product-image-wrap{min-height:0}.popular-rail .product-image-cycle{animation:popular-rail-image-fade .36s ease-out}@keyframes popular-rail-image-fade{0%{opacity:.8}to{opacity:1}}.popular-rail-item{scroll-snap-align:start;display:flex}.popular-rail-item .product-card{animation:none;width:100%;min-height:100%}.popular-rail-item .product-image-wrap{width:100%;aspect-ratio:1 / 1;margin-bottom:8px}.popular-rail-item .product-card-footer{min-height:78px;align-content:start}.popular-rail-item .product-card h3{min-height:48px}.popular-rail-item .product-price-row{min-height:21px}.popular-rail-item .product-price{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (min-width: 1280px){.popular-rail-track{grid-auto-columns:minmax(188px,1fr)}}@media (max-width: 720px){.popular-rail{margin-bottom:12px}.popular-rail-head{align-items:center;justify-content:center;text-align:center;row-gap:4px;margin-bottom:14px}.popular-rail-head h2{display:grid;gap:2px;justify-items:center;font-size:21px;font-weight:400;text-transform:none;letter-spacing:.005em;color:var(--text-strong)}.popular-rail-head h2:before{content:"TRENDING";font-size:14.5px;font-weight:500;text-transform:uppercase;letter-spacing:.045em;color:#64748b}.popular-rail-head p{display:block;margin:0 0 8px;flex-basis:100%;font-size:11px;font-weight:400;letter-spacing:.01em;text-align:center;color:#94a3b8}.popular-rail-track{grid-auto-columns:152px;gap:10px;--rail-edge-fade: 0;-webkit-mask-image:none;mask-image:none}}@media (max-width: 420px){.popular-rail-head{margin-bottom:12px}.popular-rail-head h2{font-size:19px}.popular-rail-head p{font-size:10.5px;text-align:center}.popular-rail-track{grid-auto-columns:140px;gap:8px;--rail-edge-fade: 0}.popular-rail-progress{--popular-rail-progress-width: min(112px, 38vw);--popular-rail-progress-thumb-width: 20px;--popular-rail-progress-thumb-height: 3px}}body.theme-dark .popular-rail-head h2{color:#cbd5e1}body.theme-dark .popular-rail-head p{color:#94a3b8}body.theme-dark .popular-rail-progress{background:color-mix(in srgb,#334155 58%,transparent)}body.theme-dark .popular-rail-progress-thumb{background:color-mix(in srgb,var(--primary-soft) 46%,#94a3b8);box-shadow:none}.featured-page-shell{display:grid;gap:14px}.featured-page-views-meta{display:inline-flex;align-items:center;gap:6px;color:#64748b;font-size:13px}.featured-page-hero{display:grid;gap:12px;padding:14px}.featured-page-hero-copy{display:grid;gap:6px}.featured-page-hero-copy h1{margin:0}.featured-page-hero-copy p{margin:0;color:var(--text-muted)}.featured-page-hero-meta{display:flex;flex-wrap:wrap;gap:10px;color:#64748b;font-size:13px}.featured-page-hero-meta p{margin:0}.featured-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}@media (max-width: 720px){.featured-page-shell{gap:12px}.featured-page-hero{padding:12px;gap:10px}.featured-page-hero-copy h1{font-size:clamp(24px,7vw,30px);line-height:1.08}.featured-products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.featured-products-grid .product-image-wrap{height:clamp(148px,25vw,176px);margin-bottom:4px}.featured-products-grid .product-card-footer{padding:8px 2px 4px;gap:3px}.featured-products-grid .product-card-corner-row{gap:6px;align-items:flex-start}.featured-products-grid .product-card-corner-left .brand{font-size:9px}.featured-products-grid .product-card-corner-left h3{font-size:14px;line-height:1.2;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.featured-products-grid .product-price{font-size:11.5px}.featured-products-grid .product-price-sale{font-size:13px}.featured-products-grid .product-price-original{font-size:10px}.featured-products-grid .product-card-meta-item{font-size:8.5px}}@media (max-width: 520px){.featured-products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.featured-products-grid .product-image-wrap{height:clamp(138px,39vw,168px)}}@media (max-width: 360px){.featured-products-grid{grid-template-columns:1fr}.featured-products-grid .product-image-wrap{height:168px}}.brands-page-shell{gap:20px}.brands-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);gap:clamp(18px,3vw,28px);align-items:stretch;min-height:auto}.brands-hero-copy{display:flex;flex-direction:column;justify-content:center}.brands-hero-copy h1{max-width:14ch;letter-spacing:-.04em}.brands-hero-copy p{max-width:60ch;font-size:var(--typo-body-size);line-height:1.7}.brands-hero-meta{margin-top:18px;display:flex;flex-wrap:wrap;gap:10px}.brands-hero-meta span{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 14px;border:1px solid var(--border);background:linear-gradient(180deg,#ffffff,var(--primary-soft-2));color:var(--text);font-size:12px;font-weight:700}.brands-hero-panel{display:grid;align-content:start;gap:10px;border-radius:24px}.brands-hero-panel strong{font-size:18px;color:var(--text-strong)}.brands-hero-panel p{margin:0;color:var(--text-muted);line-height:1.6}.brands-hero-cta{width:auto;justify-self:start}.brands-directory{display:grid;gap:16px}.brands-directory-head{display:flex;align-items:end;justify-content:space-between;gap:12px;flex-wrap:wrap}.brands-directory-head h2{margin:4px 0 0;color:var(--text-strong)}.brands-directory-head p{margin:0;color:var(--text-muted);font-size:13px}.brands-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;align-items:stretch}.brand-card{margin-top:0;width:100%;max-width:none;justify-self:stretch;padding:14px;border-radius:22px;border:1px solid var(--border);background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 99%,#ffffff),color-mix(in srgb,var(--surface-2) 92%,#f8fafc));color:var(--text);display:flex;flex-direction:column;gap:12px;text-align:center;box-shadow:0 10px 24px #0f172a0f;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease}.brand-card:focus-within{border-color:color-mix(in srgb,var(--primary) 36%,var(--border));box-shadow:0 16px 30px color-mix(in srgb,var(--primary) 10%,rgba(15,23,42,.12))}.brand-card:hover{transform:translateY(-5px);border-color:var(--primary);box-shadow:0 22px 44px color-mix(in srgb,var(--primary) 14%,rgba(15,23,42,.12));background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 96%,#ffffff),color-mix(in srgb,var(--surface-2) 88%,#f8fafc))}.brand-card-logo-large{width:100%;height:144px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:18px;background:color-mix(in srgb,var(--surface-2) 40%,transparent);padding:14px;flex-shrink:0}.brand-card-logo-large img{max-height:100%;max-width:100%;width:auto;height:auto;object-fit:contain}.brand-card-logo-empty{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 10%,transparent),color-mix(in srgb,var(--surface-2) 60%,transparent));border:1px dashed var(--border)}.brand-card-name-fallback{font-size:18px;font-weight:800;letter-spacing:-.01em;color:var(--text-strong);word-break:break-word}.brand-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%}.brand-card-name{font-size:var(--typo-brand-card-title-size);font-weight:500;letter-spacing:-.02em;color:var(--text-strong);flex:1;word-break:break-word;text-align:left}.brand-card-action{display:inline-flex;align-items:center;gap:6px;font-size:var(--typo-button-size);font-weight:var(--typo-button-weight);letter-spacing:var(--typo-button-track);color:color-mix(in srgb,var(--primary-dark) 80%,#0f172a);white-space:nowrap}.brand-card-skeleton{pointer-events:none}.skeleton-logo{width:100%;height:144px;border-radius:18px;background:var(--skeleton-shimmer-gradient);background-size:200% 100%;animation:skeleton-shimmer var(--skeleton-shimmer-duration) infinite linear}body.theme-dark .brands-hero-meta span,body.theme-dark .brand-card-stats span{border-color:var(--dark-border);background:color-mix(in srgb,var(--primary) 16%,rgba(15,23,42,.92));color:#cbd5e1}body.theme-dark .brands-hero-panel p,body.theme-dark .brands-directory-head p,body.theme-dark .brand-card-copy{color:#94a3b8}body.theme-dark .brand-card,body.theme-dark .brands-hero-panel{border-color:var(--dark-border);background:linear-gradient(180deg,color-mix(in srgb,var(--dark-surface) 94%,transparent),color-mix(in srgb,var(--dark-bg-mid) 96%,transparent));color:#e2e8f0}body.theme-dark .brand-card:hover{background:linear-gradient(180deg,color-mix(in srgb,var(--dark-surface) 90%,transparent),color-mix(in srgb,var(--dark-bg-mid) 94%,transparent))}body.theme-dark .brand-card-name,body.theme-dark .brands-hero-panel strong,body.theme-dark .brands-directory-head h2{color:#f8fafc}body.theme-dark .brand-card-action{color:color-mix(in srgb,var(--primary-soft) 86%,#ffffff)}body.theme-dark .brand-card small{color:color-mix(in srgb,var(--primary-soft) 76%,#cbd5e1)}body.theme-dark .brand-card-logo-large{background:color-mix(in srgb,var(--dark-surface) 80%,transparent)}body.theme-dark .brand-card-logo-empty{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 8%,rgba(0,0,0,.3)),color-mix(in srgb,var(--dark-surface) 70%,rgba(0,0,0,.4)));border-color:var(--dark-border)}@media (max-width: 900px){.brands-hero{grid-template-columns:1fr;min-height:auto}}@media (max-width: 720px){.brands-hero-copy{align-items:center;text-align:center}.brands-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.brand-card{max-width:none;justify-self:stretch;padding:12px}.brand-card-logo-large{height:108px}.brand-card-name{font-size:14px;line-height:1.35}.brand-card-action{font-size:12px;letter-spacing:.03em}.brand-card-footer{align-items:center;justify-content:center}.brand-card-name,.brand-card-action{text-align:center}.brands-hero-meta{gap:8px;justify-content:center}.brands-hero-meta span{font-size:12.5px;font-weight:600}}@media (min-width: 1024px){.brands-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}}@media (min-width: 1500px){.brands-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}}:root{--tetris-bg-dark: #171d3d;--tetris-bg-darker: #1f2550;--tetris-bg-darkest: #11162d;--tetris-surface-primary: rgba(15, 23, 42, .6);--tetris-surface-secondary: rgba(15, 23, 42, .94);--tetris-surface-tertiary: rgba(30, 41, 59, .88);--tetris-border-light: rgba(255, 255, 255, .12);--tetris-border-lighter: rgba(148, 163, 184, .2);--tetris-text-primary: #f8fafc;--tetris-text-secondary: rgba(226, 232, 240, .78);--tetris-text-tertiary: rgba(226, 232, 240, .66);--tetris-accent-gold: #fbbf24;--tetris-accent-purple: #6366f1;--tetris-accent-pink: #fb7185;--tetris-accent-cyan: #06b6d4;--tetris-accent-green: #10b981;--tetris-accent-orange: #f97316;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 20px;--space-2xl: 24px;--tetris-mini-block-size: 28px;--tetris-mini-gap: 2px;--tetris-sidebar-width: 240px;--tetris-border-radius-sm: 12px;--tetris-border-radius-md: 16px;--tetris-border-radius-lg: 20px;--tetris-border-radius-xl: 24px;--tetris-border-radius-pill: 999px;--font-size-display: 2.4rem;--font-size-heading: .95rem;--font-size-body: .9rem;--font-size-small: .8rem;--font-size-tiny: .7rem;--font-weight-normal: 400;--font-weight-medium: 600;--font-weight-bold: 700;--font-weight-black: 800;--shadow-sm: 0 8px 16px rgba(99, 102, 241, .2);--shadow-md: 0 12px 28px rgba(2, 6, 23, .24);--shadow-lg: 0 18px 36px rgba(0, 0, 0, .32);--shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .05);--tetris-glow-soft: 0 0 22px rgba(251, 191, 36, .16);--tetris-glow-strong: 0 0 36px rgba(251, 191, 36, .26);--tetris-focus-ring: 0 0 0 2px rgba(251, 191, 36, .36);--tetris-card-sheen: inset 0 1px 0 rgba(255, 255, 255, .05);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--transition-spring: .24s cubic-bezier(.32, 0, .67, 1)}.tetris-game-container{--tetris-safe-top: env(safe-area-inset-top, 0px);--tetris-safe-right: env(safe-area-inset-right, 0px);--tetris-safe-bottom: env(safe-area-inset-bottom, 0px);--tetris-safe-left: env(safe-area-inset-left, 0px);--tetris-mobile-inline-gutter: clamp(6px, 2.8vw, 12px);--tetris-mobile-stack-gap: 8px;background:linear-gradient(180deg,var(--tetris-bg-dark) 0%,var(--tetris-bg-darker) 48%,var(--tetris-bg-darkest) 100%);width:100%;min-height:calc(100dvh - 80px);height:calc(100dvh - 80px);max-height:calc(100dvh - 80px);padding:var(--space-md) clamp(8px,.9vw,var(--space-md)) var(--space-lg);box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden;animation:page-fade-in .5s ease-out}@media (max-width: 640px){.tetris-game-container{min-height:100dvh;height:100dvh;padding:0;gap:0;overflow-x:hidden;overflow-y:hidden;flex-direction:column}}.tetris-shell{width:100%;max-width:1680px;min-height:0;height:100%;max-height:100%;display:flex;flex-direction:column;gap:var(--space-md)}.tetris-main{width:100%;flex:1 1 auto;min-height:0;height:100%;max-height:100%;display:grid;grid-template-columns:minmax(220px,clamp(240px,18vw,300px)) minmax(0,1.55fr) minmax(248px,clamp(268px,20vw,340px));gap:clamp(12px,1vw,18px);align-items:stretch}.tetris-main>*{min-height:0}.tetris-layout-column{min-height:0}.tetris-header,.tetris-touch-controls{min-width:0}@media (max-width: 640px){.tetris-shell{width:100%;max-width:100%;min-height:100dvh;flex:1;height:100dvh;max-height:100dvh;gap:4px;flex-direction:column;padding:max(4px,var(--tetris-safe-top)) max(var(--tetris-mobile-inline-gutter),var(--tetris-safe-right)) max(4px,var(--tetris-safe-bottom)) max(var(--tetris-mobile-inline-gutter),var(--tetris-safe-left));box-sizing:border-box;background:transparent;overflow:hidden;display:flex;justify-content:flex-start}.tetris-main{display:flex;flex-direction:column;gap:4px;flex:1;min-height:0;width:100%;align-items:stretch;overflow:hidden}}.tetris-shell.is-fullscreen-focus{max-width:none;min-height:100dvh;height:100dvh;max-height:100dvh;padding:18px;box-sizing:border-box;overflow:hidden}@media (min-width: 1440px){.tetris-main{grid-template-columns:minmax(240px,clamp(260px,17vw,320px)) minmax(0,1.65fr) minmax(260px,clamp(280px,18vw,360px));gap:clamp(14px,1vw,20px)}}@media (min-width: 1680px){.tetris-main{grid-template-columns:minmax(260px,320px) minmax(0,1.8fr) minmax(280px,360px)}}@keyframes page-fade-in{0%{opacity:0}to{opacity:1}}.tetris-header{color:var(--tetris-text-primary);display:flex;align-items:center;justify-content:space-between;gap:8px;transition:gap var(--transition-slow),transform var(--transition-slow),opacity var(--transition-slow)}@media (max-width: 640px){.tetris-header{flex-shrink:0;gap:6px;padding:8px;background:#0f172a66;border-bottom:1px solid rgba(255,255,255,.08);margin:0;height:auto;min-height:44px}.tetris-header.is-live{gap:4px}}.tetris-header.is-live{gap:var(--space-sm);align-items:center}.tetris-header-copy{display:flex;flex-direction:column;gap:2px;min-width:0;transition:gap var(--transition-slow)}@media (max-width: 640px){.tetris-header-copy{gap:0;flex:1}}.tetris-header.is-live .tetris-header-copy{gap:2px}.tetris-header-kicker{margin:0;font-size:var(--font-size-tiny);font-weight:var(--font-weight-bold);letter-spacing:.16em;text-transform:uppercase;color:var(--tetris-accent-gold);max-height:20px;opacity:1;overflow:hidden;transform:translateY(0);transition:max-height var(--transition-slow),opacity var(--transition-base),transform var(--transition-slow)}@media (max-width: 640px){.tetris-header-kicker{display:none}}.tetris-header h1{margin:0;font-size:clamp(1.7rem,2.8vw,2.2rem);font-weight:var(--font-weight-black);line-height:1.05;transition:font-size var(--transition-slow),transform var(--transition-slow)}@media (max-width: 640px){.tetris-header h1{font-size:clamp(1rem,4vw,1.35rem);margin:0}}.tetris-header-subtitle{margin:0;max-width:620px;color:var(--tetris-text-secondary);font-size:var(--font-size-small);line-height:1.45;max-height:44px;opacity:1;overflow:hidden;transform:translateY(0);transition:max-height var(--transition-slow),opacity var(--transition-base),transform var(--transition-slow)}@media (max-width: 640px){.tetris-header-subtitle{display:none}}.tetris-header.is-live .tetris-header-kicker,.tetris-header.is-live .tetris-header-subtitle{max-height:0;opacity:0;transform:translateY(-6px)}.tetris-header.is-live h1{font-size:clamp(1.35rem,1.9vw,1.6rem)}.tetris-header-action-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#0f172a66;color:var(--tetris-text-primary);min-height:34px;padding:6px 10px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:.75rem;font-weight:var(--font-weight-bold);letter-spacing:.02em;cursor:pointer;transition:transform var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);box-shadow:inset 0 1px #ffffff0a}@media (max-width: 640px){.tetris-header-action-btn{min-height:44px;padding:6px 8px;font-size:.65rem;border-radius:8px;gap:4px}.tetris-header-action-btn span{display:none}.tetris-mobile-start-trigger{min-height:38px;padding:8px 12px;border-radius:999px;background:linear-gradient(135deg,#fbbf2438,#6366f133);border-color:#fbbf2447;box-shadow:0 8px 18px #02061733}.tetris-mobile-start-trigger span{display:inline}}.tetris-header-action-btn:hover:not(:disabled){transform:translateY(-1px);background:#0f172aa8;border-color:#fbbf243d;box-shadow:0 10px 20px #0206172e}.tetris-header-action-btn:focus-visible{outline:2px solid var(--tetris-accent-gold);outline-offset:2px;border-color:#fbbf2466}.tetris-header-action-btn[data-state=sound-on],.tetris-header-action-btn.is-sound-enabled{background:#22c55e26;border-color:#22c55e59;color:#86efac}.tetris-header-action-btn[data-state=sound-on]:hover,.tetris-header-action-btn.is-sound-enabled:hover{background:#22c55e40;border-color:#22c55e80;box-shadow:0 0 0 1px #22c55e33,0 4px 12px #22c55e26}.tetris-header-action-btn[data-state=sound-off],.tetris-header-action-btn.is-sound-disabled{background:#ef44441f;border-color:#ef444447;color:#fca5a5}.tetris-header-action-btn[data-state=sound-off]:hover,.tetris-header-action-btn.is-sound-disabled:hover{background:#ef44442e;border-color:#ef444466;box-shadow:0 0 0 1px #ef444426,0 4px 12px #ef44441a}.tetris-board-column{display:flex;flex-direction:column;min-height:0;gap:var(--space-sm)}@media (max-width: 640px){.tetris-board-column{flex:0 1 auto;min-height:0;gap:0;width:100%}.tetris-board-column.is-mobile-gameplay{flex:1}}.tetris-playfield{position:relative;display:flex;flex-direction:column;padding:clamp(6px,.7vw,8px);border-radius:var(--tetris-border-radius-lg);background:radial-gradient(circle at top,rgba(99,102,241,.12),transparent 34%),var(--tetris-surface-primary);border:1px solid var(--tetris-border-light);box-shadow:var(--shadow-inset),var(--shadow-lg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow:hidden;clip-path:inset(0);min-width:0;min-height:0;width:100%;height:100%}@media (max-width: 640px){.tetris-playfield{flex:1;min-height:0;padding:clamp(4px,1.3vw,6px);border-radius:16px;border-color:#94a3b824;box-shadow:inset 0 1px #ffffff0a,0 10px 24px #0206172e}}.tetris-playfield-topbar{display:flex;flex-direction:column;gap:4px;margin-bottom:0;padding-bottom:0;border-bottom:none}@media (max-width: 640px){.tetris-playfield-topbar{display:none}}.tetris-status-note{margin:0;color:var(--tetris-text-secondary);font-size:var(--font-size-tiny);line-height:1.35}.tetris-stats-bar-compact{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-left:0;padding:2px;border-radius:var(--tetris-border-radius-sm);background:#0f172a70;border:1px solid rgba(255,255,255,.06)}.tetris-playfield-layout{display:flex;flex-direction:column;flex:1 1 auto;gap:0;align-items:stretch;justify-content:flex-start;min-width:0;min-height:0;width:100%}.tetris-playfield-board{position:relative;display:flex;flex:1 1 auto;justify-content:center;align-items:stretch;min-width:0;min-height:0;width:100%;max-width:100%}.tetris-side-details{display:flex;flex-direction:column;min-height:0;overflow-y:auto;overscroll-behavior:contain;gap:8px;min-width:0}@media (max-width: 640px){.tetris-side-details{display:none}}.tetris-leaderboard-column{display:flex;flex-direction:column;min-height:0;gap:6px;min-width:0;align-self:stretch}.tetris-leaderboard-column .tetris-leaderboard-embed{min-height:0;height:100%;overflow:hidden}.tetris-leaderboard-column .tetris-mini-leaderboard.tetris-leaderboard-panel{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:2px}@media (max-width: 640px){.tetris-leaderboard-column{display:none}}.tetris-detail-panel,.tetris-start-panel-compact{min-width:0}.tetris-board-shell{width:var(--tetris-board-shell-width, 100%);max-width:100%;display:flex;flex-direction:column;gap:8px;align-items:stretch;justify-content:flex-start;min-height:100%;padding:10px;margin-inline:auto;border-radius:18px;border:1px solid rgba(99,102,241,.44);background:radial-gradient(circle at top,rgba(99,102,241,.16),transparent 42%),linear-gradient(180deg,#0f172ae6,#0f172ab8);box-shadow:inset 0 1px #ffffff0f,var(--shadow-inset),0 0 0 1px #6366f133,0 0 22px #6366f142,0 0 44px #6366f129,0 0 70px #fbbf2414,0 10px 24px #02061738,0 24px 48px #0206172e;transition:box-shadow .24s cubic-bezier(.25,.46,.45,.94),transform .24s cubic-bezier(.25,.46,.45,.94),border-color .24s cubic-bezier(.25,.46,.45,.94),filter .24s cubic-bezier(.25,.46,.45,.94),background .18s ease-out;position:relative;isolation:isolate;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;transform:translateZ(0)}.tetris-board-shell:before{content:"";position:absolute;inset:-12% -18% auto;height:58%;background:radial-gradient(circle at top,rgba(99,102,241,.28),transparent 68%);opacity:.9;pointer-events:none;mix-blend-mode:screen;z-index:0}.tetris-board-shell:after{content:"";position:absolute;inset:auto -18% -24% -18%;height:42%;background:linear-gradient(180deg,transparent,rgba(251,191,36,.1),transparent);filter:blur(18px);opacity:.62;pointer-events:none;z-index:0}.tetris-board-shell>*{position:relative;z-index:1}@media (max-width: 640px){.tetris-board-shell{padding:4px;gap:4px;border-radius:14px;border:1px solid rgba(148,163,184,.16)}.tetris-board-column.is-mobile-gameplay .tetris-playfield{padding:1px;border-radius:12px;flex:1;min-height:0}.tetris-board-column.is-mobile-gameplay .tetris-board-shell{padding:2px;gap:2px;border-radius:12px;flex:1;min-height:0}.tetris-board-column.is-mobile-gameplay .tetris-board-chrome{display:none}.tetris-board-column.is-mobile-gameplay .tetris-playfield-layout{gap:2px;flex:1;min-height:0}.tetris-grid-stage{display:grid;grid-template-columns:minmax(42px,min(var(--tetris-side-panel-width, 64px),18vw)) auto minmax(42px,min(var(--tetris-side-panel-width, 64px),18vw));width:100%;max-width:100%;margin-inline:auto;gap:clamp(2px,1vw,var(--tetris-stage-gap, 4px));align-items:stretch;justify-content:center}.tetris-board-side-panel{width:100%;min-width:42px;max-width:none;padding:4px 2px;align-self:stretch;box-shadow:0 8px 18px #0206173d}.tetris-board-side-panel .tetris-panel-heading{flex-direction:column;align-items:center;justify-content:flex-start;gap:2px;margin-bottom:4px;text-align:center}.tetris-board-side-panel .tetris-panel-title{font-size:.62rem;line-height:1}.tetris-board-side-panel .tetris-next-brand-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:.52rem;line-height:1.05;text-align:center;word-break:break-word}.tetris-board-side-panel .tetris-hud-preview,.tetris-board-side-panel .tetris-next-preview-compact{flex:0 0 auto;min-height:0;margin-bottom:0;padding:2px 1px}.tetris-board-side-panel .tetris-mini-grid,.tetris-board-side-panel .tetris-mini-grid-compact-view{--tetris-mini-block-size: clamp(10px, calc((100% - 4px)/4) , var(--tetris-side-preview-block-size, 16px));--tetris-mini-gap: 1px;width:100%}.tetris-board-side-panel .text-muted{font-size:.52rem;line-height:1.1}.tetris-board-column.is-mobile-gameplay .tetris-grid-stage{display:flex;flex-direction:column;gap:2px}.tetris-board-column.is-mobile-gameplay .tetris-board-side-panel{display:flex}.tetris-board-column.is-mobile-gameplay .tetris-board-side-panel-hold{order:1}.tetris-board-column.is-mobile-gameplay .tetris-grid-core{order:2;width:100%}.tetris-board-column.is-mobile-gameplay .tetris-board-side-panel-next{order:3}.tetris-board-column.is-mobile-gameplay .tetris-board-side-panel-hold .tetris-hud-preview,.tetris-board-column.is-mobile-gameplay .tetris-board-side-panel-next .tetris-next-preview-compact,.tetris-board-column.is-mobile-gameplay .tetris-board-side-panel-next .tetris-hud-preview{min-height:0}.tetris-board-column.is-mobile-gameplay .tetris-board-side-panel-next .tetris-mini-grid,.tetris-board-column.is-mobile-gameplay .tetris-board-side-panel-next .tetris-mini-grid-compact-view{--tetris-mini-block-size: clamp(10px, calc((100% - 4px)/4) , 16px)}.tetris-board-column.is-mobile-gameplay .tetris-board-side-panel-hold .tetris-mini-grid,.tetris-board-column.is-mobile-gameplay .tetris-board-side-panel-hold .tetris-mini-grid-compact-view{--tetris-mini-block-size: clamp(11px, calc((100% - 4px)/4) , 18px)}.tetris-next-queue{display:flex;flex-direction:column;gap:3px;flex:1 1 auto;min-height:0;width:100%}.tetris-next-queue-slot{display:flex;flex-direction:column;gap:2px;flex:1 1 0;min-height:0}.tetris-next-queue-slot-meta{display:flex;align-items:center;justify-content:flex-start;gap:4px;font-size:.48rem;color:var(--tetris-text-secondary)}.tetris-next-queue-slot-label{flex:0 0 auto;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.tetris-board-side-panel-next .tetris-hud-preview,.tetris-board-side-panel-next .tetris-next-preview-compact{min-height:0;padding:2px 1px}.tetris-board-side-panel-next .tetris-mini-grid,.tetris-board-side-panel-next .tetris-mini-grid-compact-view{--tetris-mini-block-size: clamp(9px, calc((100% - 4px)/4) , 15px)}.tetris-grid-core{min-width:0}}@media (max-width: 380px){.tetris-playfield{padding:2px;border-radius:14px}.tetris-board-shell{padding:2px;gap:2px;border-radius:12px}.tetris-grid-stage{grid-template-columns:minmax(38px,14vw) auto minmax(38px,14vw);gap:2px}.tetris-board-side-panel{padding:3px 2px}}@media (max-width: 640px) and (max-height: 760px){.tetris-playfield{padding:2px;border-radius:12px}.tetris-board-shell{padding:2px;gap:2px;border-radius:12px}.tetris-board-column.is-mobile-gameplay .tetris-playfield,.tetris-board-column.is-mobile-gameplay .tetris-board-shell{padding:1px;gap:1px;border-radius:10px}}.tetris-board-shell.is-tetris-clear{border-color:#fbbf24b8;box-shadow:0 0 0 2px #fbbf2452,0 0 16px #fbbf2447,0 0 28px #fbbf2433,0 0 48px #fbbf2429,0 0 72px #fb718533,var(--shadow-inset),0 20px 48px #02061747;filter:saturate(1.12) brightness(1.04) drop-shadow(0 0 16px rgba(251,191,36,.28))}.tetris-board-shell.is-clear-shaking{will-change:transform;animation:tetris-board-shake var(--tetris-shake-duration, 292ms) cubic-bezier(.2,.88,.24,1)}.tetris-board-shell.is-level-up{border-color:#6366f194;box-shadow:0 0 0 2px #6366f147,0 0 16px #6366f13d,0 0 32px #6366f12e,0 0 56px #6366f124,0 0 84px #fbbf241f,var(--shadow-inset),0 20px 48px #02061742;filter:saturate(1.1) brightness(1.03) drop-shadow(0 0 14px rgba(99,102,241,.22))}.tetris-board-shell.is-restarting{animation:tetris-board-reset .24s ease-out}.tetris-board-shell.is-tspin-active{border-color:#ec489994;box-shadow:0 0 0 2px #ec489947,0 0 16px #ec48993d,0 0 32px #ec48992e,0 0 56px #ec489924,0 0 80px #fbbf241f,var(--shadow-inset),0 20px 48px #02061742;filter:saturate(1.12) brightness(1.03) drop-shadow(0 0 16px rgba(236,72,153,.24))}.tetris-board-chrome{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding-inline:2px}@media (max-width: 640px){.tetris-board-chrome{display:none}}.tetris-board-kicker{margin:0 0 2px;font-size:var(--font-size-tiny);font-weight:var(--font-weight-bold);letter-spacing:.12em;text-transform:uppercase;color:var(--tetris-text-secondary)}.tetris-board-title{margin:0;font-size:1rem;font-weight:var(--font-weight-bold);color:var(--tetris-text-primary)}.tetris-board-meta{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:var(--space-xs)}.tetris-board-chip{display:inline-flex;align-items:center;min-height:24px;padding:2px 8px;border-radius:999px;background:#ffffff1a;border:1px solid rgba(255,255,255,.12);color:var(--tetris-text-secondary);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);box-shadow:inset 0 1px #ffffff0a}.tetris-board-chip.is-active{color:#ecfeff;background:#06b6d429;border-color:#06b6d447;box-shadow:0 0 0 1px #06b6d414}.tetris-grid-stage{position:relative;display:grid;grid-template-columns:minmax(var(--tetris-side-panel-min-width, 80px),1fr) auto minmax(var(--tetris-side-panel-min-width, 80px),1fr);align-items:stretch;justify-content:center;gap:var(--tetris-stage-gap, 12px);width:100%;max-width:100%;margin-inline:auto}.tetris-board-side-panel{width:100%;min-width:var(--tetris-side-panel-min-width, 80px);max-width:none;padding:12px 10px;align-self:stretch;display:flex;flex-direction:column;justify-content:flex-start}.tetris-board-side-panel .tetris-panel-heading{flex-direction:column;align-items:center;justify-content:flex-start;gap:3px;margin-bottom:5px;text-align:center}.tetris-board-side-panel .tetris-panel-title{font-size:.76rem;line-height:1}.tetris-board-side-panel .tetris-next-brand-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:.62rem;line-height:1.08;text-align:center;word-break:break-word}.tetris-board-side-panel .tetris-hud-preview,.tetris-board-side-panel .tetris-next-preview-compact{flex:1 1 auto;min-height:clamp(124px,14vw,176px);margin-bottom:0;padding:8px 4px}.tetris-board-side-panel .tetris-mini-grid,.tetris-board-side-panel .tetris-mini-grid-compact-view{--tetris-mini-block-size: clamp(18px, calc((100% - 10px)/4) , var(--tetris-side-preview-block-size, 28px));--tetris-mini-gap: 1px;width:100%}.tetris-board-side-panel .text-muted{font-size:.58rem;line-height:1.2;width:100%}.tetris-next-queue{display:flex;flex-direction:column;gap:8px;flex:1 1 auto;min-height:0;width:100%}.tetris-next-queue-slot{display:flex;flex-direction:column;gap:5px;flex:1 1 0;min-height:0}.tetris-next-queue-slot-meta{display:flex;align-items:center;justify-content:flex-start;gap:8px;font-size:.58rem;color:var(--tetris-text-secondary)}.tetris-next-queue-slot-label{flex:0 0 auto;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.tetris-board-side-panel-next .tetris-hud-preview,.tetris-board-side-panel-next .tetris-next-preview-compact{min-height:clamp(62px,7vw,96px);padding:6px 4px}.tetris-board-side-panel-next .tetris-mini-grid,.tetris-board-side-panel-next .tetris-mini-grid-compact-view{--tetris-mini-block-size: clamp(14px, calc((100% - 8px)/4) , 20px)}.tetris-grid-core{position:relative;display:flex;flex:1 1 auto;justify-content:center;justify-self:center;align-self:stretch;min-width:0;min-height:0}.tetris-shell.is-compact-height .tetris-playfield,.tetris-shell.is-compact-height .tetris-side-details,.tetris-shell.is-compact-height .tetris-leaderboard-column{min-height:0}.tetris-shell.is-compact-height .tetris-playfield{padding:6px}.tetris-shell.is-compact-height .tetris-playfield-layout{gap:6px}.tetris-shell.is-compact-height .tetris-board-shell{padding:8px;gap:6px}.tetris-shell.is-compact-height .tetris-board-side-panel{padding:8px 6px}.tetris-shell.is-compact-height .tetris-board-side-panel .tetris-hud-preview,.tetris-shell.is-compact-height .tetris-board-side-panel .tetris-next-preview-compact{min-height:clamp(92px,11vw,132px);padding:6px 4px}.tetris-shell.is-compact-height .tetris-board-side-panel-next .tetris-hud-preview,.tetris-shell.is-compact-height .tetris-board-side-panel-next .tetris-next-preview-compact{min-height:clamp(54px,6vw,78px)}.tetris-shell.is-ultra-compact-height .tetris-playfield{padding:4px}.tetris-shell.is-ultra-compact-height .tetris-board-shell{padding:6px;gap:4px}.tetris-shell.is-ultra-compact-height .tetris-board-chrome{padding-inline:0}.tetris-shell.is-ultra-compact-height .tetris-board-side-panel{padding:6px 4px}.tetris-shell.is-ultra-compact-height .tetris-board-side-panel .tetris-panel-title{font-size:.68rem}.tetris-shell.is-ultra-compact-height .tetris-board-side-panel .tetris-hud-preview,.tetris-shell.is-ultra-compact-height .tetris-board-side-panel .tetris-next-preview-compact{min-height:clamp(82px,10vw,112px)}.tetris-shell.is-ultra-compact-height .tetris-board-side-panel-next .tetris-hud-preview,.tetris-shell.is-ultra-compact-height .tetris-board-side-panel-next .tetris-next-preview-compact{min-height:clamp(46px,5.5vw,66px)}.tetris-grid-focus-indicator{position:absolute;left:50%;bottom:10px;transform:translate(-50%);z-index:8;pointer-events:none;padding:6px 10px;border-radius:var(--tetris-border-radius-pill);background:#0f172adb;border:1px solid rgba(99,102,241,.22);color:#f8fafcd6;font-size:.68rem;font-weight:var(--font-weight-bold);box-shadow:var(--tetris-card-sheen),0 10px 24px #0206173d;animation:tetris-focus-hint-fade 2.2s ease-in-out infinite;white-space:nowrap}@media (max-width: 640px){.tetris-grid-focus-indicator{display:none}}.tetris-clear-burst{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;z-index:7;pointer-events:none;border-radius:18px;background:radial-gradient(circle at center,rgba(255,255,255,.4),rgba(251,191,36,.24) 32%,rgba(251,113,133,.16) 52%,transparent 74%);filter:blur(2px);animation:tetris-clear-burst .68s cubic-bezier(.34,1.56,.64,1) forwards;box-shadow:inset 0 0 32px #fbbf2433}.tetris-hard-drop-flash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;pointer-events:none;border-radius:14px;background:linear-gradient(180deg,#ffffff05,#fbbf240f,#ffffff03);animation:tetris-hard-drop-flash .1s ease-out forwards}@keyframes tetris-board-reset{0%{filter:saturate(1.08) brightness(1.04)}to{filter:saturate(1) brightness(1)}}@keyframes tetris-board-shake{0%{transform:translateZ(0) scale(1)}18%{transform:translate3d(calc(var(--tetris-shake-x, 3px) * -.92),0,0) scale(var(--tetris-shake-scale-mid, 1.004))}36%{transform:translate3d(var(--tetris-shake-x, 3px),calc(var(--tetris-shake-y, 1px) * -1),0) scale(var(--tetris-shake-scale-peak, 1.008))}54%{transform:translate3d(calc(var(--tetris-shake-x, 3px) * -.74),var(--tetris-shake-y, 1px),0) scale(var(--tetris-shake-scale-mid, 1.004))}72%{transform:translate3d(calc(var(--tetris-shake-x, 3px) * .58),0,0) scale(var(--tetris-shake-scale-tail, 1.002))}to{transform:translateZ(0) scale(1)}}@keyframes tetris-clear-burst{0%{opacity:0;transform:scale(.72);filter:blur(4px)}15%{opacity:.8;transform:scale(.88);filter:blur(2.5px)}30%{opacity:1;transform:scale(1.04);filter:blur(1.5px)}50%{opacity:.8;transform:scale(1.12);filter:blur(2px)}75%{opacity:.3;transform:scale(1.18);filter:blur(3px)}to{opacity:0;transform:scale(1.24);filter:blur(4px)}}@keyframes tetris-focus-hint-fade{0%,to{opacity:.58;transform:translate(-50%) translateY(0)}50%{opacity:1;transform:translate(-50%) translateY(-2px)}}@keyframes tetris-hard-drop-flash{0%{opacity:0;transform:scaleY(.98)}35%{opacity:.35;transform:scaleY(1.005)}to{opacity:0;transform:scaleY(1)}}.tetris-grid{position:relative;background:radial-gradient(circle at 50% 0%,rgba(99,102,241,.14),transparent 36%),linear-gradient(180deg,#0f172a,#111827);border:3px solid var(--tetris-border-light);border-radius:var(--tetris-border-radius-sm);box-sizing:border-box;overflow:hidden;outline:none;touch-action:manipulation;box-shadow:var(--shadow-inset),0 0 0 1px #6366f11f,var(--shadow-lg),0 0 12px #6366f114;clip-path:inset(0);contain:layout paint;touch-action:none;overscroll-behavior:contain;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;max-width:100%;width:fit-content;margin:0 auto;transition:box-shadow .18s cubic-bezier(.32,0,.67,1),border-color .18s cubic-bezier(.32,0,.67,1)}.tetris-grid.is-spawning{box-shadow:var(--shadow-inset),0 0 0 1px #fbbf242e,0 0 8px #fbbf241f,0 0 18px #fbbf241a,var(--shadow-lg)}.tetris-grid.is-soft-dropping{filter:brightness(1.04) saturate(1.04)}.tetris-grid.is-rotating{filter:brightness(1.03) saturate(1.06)}.tetris-grid.is-hard-dropping{filter:brightness(1.01) saturate(1.02)}.tetris-grid.is-restarting{filter:brightness(.98) saturate(.94)}.tetris-grid:focus-visible{box-shadow:var(--shadow-inset),0 0 0 3px #ffffff29,var(--shadow-lg)}.tetris-grid.is-keyboard-ready{box-shadow:var(--shadow-inset),0 0 0 1px #06b6d42e,0 0 12px #06b6d41f,var(--shadow-lg)}.tetris-block{position:absolute;border:1px solid rgba(255,255,255,.24);border-radius:4px;display:flex;align-items:center;justify-content:center;z-index:2;box-shadow:inset 1px 1px 2px #ffffff47,inset -1px -1px 2px #0f172a61,0 2px 8px #0f172a2e,0 0 8px #ffffff0f;overflow:hidden;contain:layout paint style;transition:transform var(--transition-fast),box-shadow var(--transition-fast),filter var(--transition-fast),opacity var(--transition-fast);backface-visibility:hidden;transform:translateZ(0)}.tetris-block.is-spawn-pulse{animation:tetris-block-spawn .2s cubic-bezier(.34,1.56,.64,1)}.tetris-block.is-rotate-pulse{animation:tetris-block-rotate .13s cubic-bezier(.32,0,.67,1)}.tetris-block.is-soft-drop-pulse{animation:tetris-block-soft-drop .11s cubic-bezier(.25,.46,.45,.94)}.tetris-block.tetris-block-falling{animation:tetris-block-drop .15s cubic-bezier(.25,.46,.45,.94)}.tetris-block.tetris-block-ghost{z-index:1;opacity:.18;border-style:dashed;border-color:#ffffff7a;box-shadow:inset 0 0 0 1px #ffffff2e,0 0 0 1px #ffffff0f;filter:saturate(.82) brightness(1.12)}@keyframes tetris-block-drop{0%{transform:scale(.95);filter:brightness(1.08);opacity:.8}60%{transform:scale(1.02);filter:brightness(.98)}to{transform:scale(1);filter:brightness(1);opacity:1}}@keyframes tetris-block-spawn{0%{transform:scale(.82) translateY(-3px);opacity:.36;filter:brightness(1.2) blur(.5px)}40%{transform:scale(1.05) translateY(-1px);opacity:.95;filter:brightness(1.04)}to{transform:scale(1) translateY(0);opacity:1;filter:brightness(1) blur(0)}}@keyframes tetris-block-rotate{0%{transform:rotate(0) scale(.96);opacity:.9}35%{transform:rotate(3deg) scale(1.02);opacity:1}68%{transform:rotate(1deg) scale(1.01)}to{transform:rotate(0) scale(1);opacity:1}}@keyframes tetris-block-soft-drop{0%{transform:translateY(-2px) scale(1);opacity:.7}50%{transform:translateY(0) scale(1.01);opacity:.9}to{transform:translateY(1px) scale(1);opacity:1}}.tetris-block.tetris-block-row-shift{z-index:5;pointer-events:none;will-change:transform,opacity,filter;transform-origin:center center;filter:saturate(1.04) brightness(1.02) contrast(1);box-shadow:0 0 0 1px #ffffff1f,0 6px 12px #0f172a24;animation:tetris-row-shift-down var(--tetris-row-shift-duration, .24s) cubic-bezier(.25,.46,.45,.94) var(--tetris-row-shift-delay, 0ms) forwards}.tetris-block.tetris-block-lock-pulse{z-index:6;pointer-events:none;animation:tetris-lock-pop .2s cubic-bezier(.34,1.56,.64,1) forwards;box-shadow:0 0 0 1px #ffffff29,0 10px 20px #0f172a3d}.tetris-block.tetris-block-hard-drop-trail{z-index:3;pointer-events:none;transform-origin:center top;border-style:dashed;border-color:#ffffff1a;filter:saturate(1) brightness(calc(1 + var(--tetris-hard-drop-glow, .08))) blur(var(--tetris-hard-drop-blur, .08px));box-shadow:0 0 0 1px #ffffff0f,0 0 6px #fbbf240f,inset 0 6px 10px #ffffff0a;animation:tetris-hard-drop-trail var(--tetris-hard-drop-duration, .24s) cubic-bezier(.25,.46,.45,.94) var(--tetris-hard-drop-delay, 0ms) forwards}.tetris-block.tetris-block-hard-drop-trail.is-lead{border-color:#ffffff2e;box-shadow:0 0 0 1px #ffffff14,0 0 8px #22d3ee0f,0 0 10px #fbbf2414,inset 0 6px 10px #ffffff0a}.tetris-impact-ring{position:absolute;z-index:4;pointer-events:none;border-radius:999px;border:2px solid rgba(255,255,255,.18);background:radial-gradient(circle at center,rgba(255,255,255,.06),rgba(251,191,36,.04) 48%,transparent 72%);box-shadow:0 0 6px #fbbf2414,0 0 10px #ffffff08,inset 0 0 6px #ffffff0a;transform-origin:center center;animation:tetris-impact-ring .12s cubic-bezier(.18,.84,.24,1) forwards}.tetris-impact-ring.is-hard-drop{border-color:#ffffff80;background:radial-gradient(circle at center,rgba(255,255,255,.55),rgba(255,255,255,.28) 22%,rgba(251,191,36,.24) 48%,transparent 78%);box-shadow:0 0 10px #ffffff2e,0 0 18px #fbbf2429,inset 0 0 10px #ffffff24}.tetris-impact-ring.is-lock{border-color:#fff6}@keyframes tetris-lock-pop{0%{transform:scale(.92);opacity:.3;filter:brightness(1.1)}50%{transform:scale(1.08);opacity:.7;filter:brightness(1.02)}75%{transform:scale(1.02);opacity:.4}to{transform:scale(1);opacity:0;filter:brightness(1)}}@keyframes tetris-hard-drop-trail{0%{opacity:.04;transform:translateY(var(--tetris-hard-drop-lift, -3px)) scaleX(calc(var(--tetris-hard-drop-scale-x, 1) * .98)) scaleY(calc(var(--tetris-hard-drop-scale-y, 1) * .92));filter:blur(.3px)}20%{opacity:.08;transform:translateY(calc(var(--tetris-hard-drop-lift, -3px) * .65)) scaleX(calc(var(--tetris-hard-drop-scale-x, 1) * .99)) scaleY(calc(var(--tetris-hard-drop-scale-y, 1) * .95));filter:blur(.2px)}40%{opacity:.14;transform:translateY(calc(var(--tetris-hard-drop-lift, -3px) * .35)) scaleX(var(--tetris-hard-drop-scale-x, 1)) scaleY(calc(var(--tetris-hard-drop-scale-y, 1) * .98));filter:blur(.1px)}65%{opacity:.08;transform:translateY(calc(var(--tetris-hard-drop-lift, -3px) * -.15)) scaleX(calc(var(--tetris-hard-drop-scale-x, 1) * 1.002)) scaleY(calc(var(--tetris-hard-drop-scale-y, 1) * 1.01));filter:blur(.15px)}to{opacity:0;transform:translateY(1px) scaleX(calc(var(--tetris-hard-drop-scale-x, 1) * 1.005)) scaleY(calc(var(--tetris-hard-drop-scale-y, 1) * 1.015));filter:blur(.4px)}}@keyframes tetris-impact-ring{0%{opacity:0;transform:translateY(2px) scaleX(var(--tetris-impact-scale-start, .86)) scaleY(.56);filter:blur(.08px)}25%{opacity:calc(var(--tetris-impact-opacity, .68) * 1.1);transform:translateY(0) scaleX(var(--tetris-impact-scale-mid, 1.02)) scaleY(.92);filter:blur(0)}50%{opacity:calc(var(--tetris-impact-opacity, .68) * .8);transform:translateY(-1px) scaleX(1.06) scaleY(1.02);filter:blur(.04px)}to{opacity:0;transform:translateY(1px) scaleX(var(--tetris-impact-scale-end, 1.12)) scaleY(1.06);filter:blur(.18px)}}.tetris-row-clear-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.tetris-cleared-row-shimmer{position:absolute;left:0;z-index:4;pointer-events:none;overflow:hidden;border-radius:4px;opacity:0;mix-blend-mode:screen}.tetris-cleared-row-shimmer:before{content:"";position:absolute;top:-8%;right:-10%;bottom:-8%;left:-10%;background:linear-gradient(90deg,transparent 0%,transparent 14%,rgba(255,255,255,.06) 28%,rgba(255,255,255,.94) 48%,rgba(251,191,36,.5) 58%,rgba(255,255,255,.14) 72%,transparent 88%,transparent 100%);transform:translate(-125%) skew(-18deg);filter:blur(.5px);animation:tetris-row-shimmer-sweep var(--tetris-row-shimmer-duration, .26s) cubic-bezier(.2,.86,.24,1) var(--tetris-row-shimmer-delay, 0ms) forwards}.tetris-cleared-row-shimmer.is-single{--tetris-row-shimmer-duration: .22s}.tetris-cleared-row-shimmer.is-multi{--tetris-row-shimmer-duration: .28s}.tetris-cleared-row-shimmer.is-multi,.tetris-cleared-row-shimmer.is-tetris,.tetris-cleared-row-shimmer.is-tspin{box-shadow:inset 0 0 0 1px #ffffff14}.tetris-cleared-row-shimmer.is-multi:before{background:linear-gradient(90deg,transparent 0%,transparent 12%,rgba(34,211,238,.14) 24%,rgba(255,255,255,.96) 48%,rgba(251,191,36,.56) 60%,rgba(34,211,238,.16) 72%,transparent 88%,transparent 100%)}.tetris-cleared-row-shimmer.is-tetris{--tetris-row-shimmer-duration: .34s}.tetris-cleared-row-shimmer.is-tetris:before{background:linear-gradient(90deg,transparent 0%,transparent 10%,rgba(251,191,36,.22) 24%,rgba(255,255,255,.98) 48%,rgba(251,113,133,.44) 60%,rgba(251,191,36,.24) 74%,transparent 88%,transparent 100%)}.tetris-cleared-row-shimmer.is-tspin{--tetris-row-shimmer-duration: .32s}.tetris-cleared-row-shimmer.is-tspin:before{background:linear-gradient(90deg,transparent 0%,transparent 10%,rgba(236,72,153,.2) 24%,rgba(255,255,255,.96) 48%,rgba(99,102,241,.42) 62%,rgba(236,72,153,.18) 74%,transparent 88%,transparent 100%)}.tetris-row-clear-overlay.is-single{background:linear-gradient(180deg,transparent,rgba(255,255,255,.04),transparent);animation:tetris-row-clear-overlay-single .18s cubic-bezier(.25,.46,.45,.94) forwards}.tetris-row-clear-overlay.is-multi{background:linear-gradient(180deg,transparent,rgba(34,211,238,.08),rgba(251,191,36,.08),transparent);animation:tetris-row-clear-overlay-multi .25s cubic-bezier(.25,.46,.45,.94) forwards}.tetris-row-clear-overlay.is-tetris{background:radial-gradient(circle at center,rgba(251,191,36,.16),rgba(251,113,133,.1) 52%,transparent 78%);animation:tetris-row-clear-overlay-tetris .36s cubic-bezier(.34,1.56,.64,1) forwards}.tetris-row-clear-overlay.is-tspin{background:radial-gradient(circle at center,rgba(236,72,153,.14),rgba(99,102,241,.12) 52%,transparent 78%);animation:tetris-row-clear-overlay-tspin .32s cubic-bezier(.34,1.56,.64,1) forwards}.tetris-cleared-row-flash{position:absolute;left:0;z-index:5;pointer-events:none;border-radius:4px;background:linear-gradient(90deg,#fbbf241a,#ffffffd1,#fbbf241a);box-shadow:0 0 18px #fbbf246b,inset 0 0 0 1px #ffffff52;animation:tetris-cleared-row-flash .18s ease-out forwards}.tetris-cleared-row-flash.is-single{animation-duration:.24s}.tetris-cleared-row-flash.is-multi{background:linear-gradient(90deg,#22d3ee24,#ffffffdb,#fbbf242e);box-shadow:0 0 22px #22d3ee42,0 0 18px #fbbf2452,inset 0 0 0 1px #ffffff57;animation-duration:.32s}.tetris-cleared-row-flash.is-tetris{background:linear-gradient(90deg,#fbbf243d,#fffffff5,#fb71853d);box-shadow:0 0 28px #fbbf2457,0 0 24px #fb718542,inset 0 0 0 1px #fff6;animation-duration:.4s}.tetris-cleared-row-flash.is-tspin{background:linear-gradient(90deg,#ec48992e,#ffffffeb,#6366f12e);box-shadow:0 0 24px #ec489947,0 0 20px #6366f138,inset 0 0 0 1px #ffffff5c;animation-duration:.34s}@keyframes tetris-row-shift-down{0%{transform:translateY(0) scale(1);opacity:1;filter:brightness(1.1) saturate(1.06)}15%{transform:translateY(calc(var(--tetris-row-shift-distance, 0px) * .12)) scale(1.008,.992);opacity:1;filter:brightness(1.15) saturate(1.09)}40%{transform:translateY(calc(var(--tetris-row-shift-distance, 0px) * .4)) scale(1.01,.99);opacity:1;filter:brightness(1.12) saturate(1.08)}to{transform:translateY(var(--tetris-row-shift-distance, 0px)) scale(1);opacity:1;filter:brightness(1) saturate(1)}}@keyframes tetris-cleared-row-flash{0%{opacity:0;transform:scaleY(.92);filter:brightness(.98)}20%{opacity:.4;transform:scaleY(1.01);filter:brightness(1.04)}45%{opacity:1;transform:scaleY(1);filter:brightness(1.1)}65%{opacity:.6;transform:scaleY(1.005);filter:brightness(1.04)}to{opacity:0;transform:scaleY(1);filter:brightness(1)}}@keyframes tetris-row-shimmer-sweep{0%{opacity:0;transform:translate(-125%) skew(-18deg);filter:blur(1px)}10%{opacity:calc(.28 + (var(--tetris-row-shimmer-intensity, 1) * .06));filter:blur(.6px)}30%{opacity:calc(.52 + (var(--tetris-row-shimmer-intensity, 1) * .12));filter:blur(.2px)}50%{opacity:calc(.7 + (var(--tetris-row-shimmer-intensity, 1) * .06));filter:blur(0)}70%{opacity:calc(.48 + (var(--tetris-row-shimmer-intensity, 1) * .08));filter:blur(.3px)}to{opacity:0;transform:translate(125%) skew(-18deg);filter:blur(1px)}}@keyframes tetris-row-clear-overlay-single{0%{opacity:0;transform:scaleY(.96)}30%{opacity:.8;transform:scaleY(1.02)}70%{opacity:.4;transform:scaleY(1.01)}to{opacity:0;transform:scaleY(1)}}@keyframes tetris-row-clear-overlay-multi{0%{opacity:0;transform:scale(.96);filter:brightness(1)}35%{opacity:.9;transform:scale(1.04);filter:brightness(1.08)}70%{opacity:.4;transform:scale(1.01)}to{opacity:0;transform:scale(1);filter:brightness(1)}}@keyframes tetris-row-clear-overlay-tetris{0%{opacity:0;transform:scale(.92);filter:brightness(.98)}25%{opacity:.6;transform:scale(.98);filter:brightness(1.04)}45%{opacity:1;transform:scale(1.06);filter:brightness(1.12)}70%{opacity:.4;transform:scale(1.02);filter:brightness(1.02)}to{opacity:0;transform:scale(1.08);filter:brightness(1)}}@keyframes tetris-row-clear-overlay-tspin{0%{opacity:0;transform:rotate(-2deg) scale(.94);filter:brightness(.96)}25%{opacity:.6;transform:rotate(-1deg) scale(1);filter:brightness(1.06)}50%{opacity:1;transform:rotate(2deg) scale(1.06);filter:brightness(1.1)}75%{opacity:.4;transform:rotate(1deg) scale(1.02);filter:brightness(1.02)}to{opacity:0;transform:rotate(0) scale(1.04);filter:brightness(1)}}.tetris-grid.is-paused:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0206176b;z-index:5;animation:tetris-pause-backdrop-in .16s ease-out}.tetris-pause-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);color:var(--tetris-text-primary);text-align:center;pointer-events:none;animation:tetris-pause-overlay-in .18s cubic-bezier(.32,0,.67,1)}.tetris-pause-overlay strong{font-size:clamp(1.4rem,2.6vw,2rem);letter-spacing:.08em;text-transform:uppercase;text-shadow:0 0 18px rgba(251,191,36,.14)}.tetris-pause-overlay span{font-size:var(--font-size-small);color:var(--tetris-text-secondary)}@keyframes tetris-pause-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes tetris-pause-overlay-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.tetris-stats-bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.stat-item{background:linear-gradient(135deg,#0f172aeb,#1e293be0);border:1px solid rgba(99,102,241,.18);border-radius:var(--tetris-border-radius-md);padding:var(--space-md) var(--space-lg);text-align:center;color:var(--tetris-text-primary);box-shadow:0 4px 12px #6366f114,inset 0 1px #ffffff0a,0 8px 16px #02061724;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .18s cubic-bezier(.32,0,.67,1);position:relative}.stat-item.is-pulsed{animation:tetris-stat-pulse .22s cubic-bezier(.34,1.56,.64,1)}.stat-label{display:block;margin-bottom:var(--space-xs);font-size:var(--font-size-tiny);font-weight:var(--font-weight-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--tetris-text-secondary)}.stat-value{font-size:clamp(1.5rem,3vw,2.1rem);font-weight:var(--font-weight-black);line-height:1;color:var(--tetris-text-primary)}@keyframes tetris-stat-pulse{0%{transform:translateY(2px) scale(.94);box-shadow:0 4px 8px #6366f11a;filter:brightness(.96)}30%{transform:translateY(-3px) scale(1.06);box-shadow:0 16px 32px #6366f13d;filter:brightness(1.08)}60%{transform:translateY(-1px) scale(1.02);box-shadow:0 10px 20px #6366f129;filter:brightness(1.02)}to{transform:translateY(0) scale(1);box-shadow:0 6px 12px #6366f11f;filter:brightness(1)}}.stat-item-compact{min-width:78px;padding:6px 8px;border-radius:var(--tetris-border-radius-sm);background:#0f172ac2;border:1px solid var(--tetris-border-lighter);box-shadow:0 10px 24px #02061729}.stat-item-compact .stat-label{margin-bottom:1px;font-size:.65rem;color:var(--tetris-text-tertiary)}.stat-item-compact .stat-value{font-size:.9rem;color:var(--tetris-text-primary)}.tetris-brand-chip{width:calc(100% - 6px);height:calc(100% - 6px);display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:3px;background:#ffffffeb;padding:2px;box-sizing:border-box}.tetris-brand-chip.is-compact{padding:1px}.tetris-brand-chip.is-text{background:#0f172ae6}.tetris-brand-logo{width:100%;height:100%;object-fit:contain;display:block}.tetris-brand-short-label{width:100%;font-size:9px;font-weight:var(--font-weight-black);line-height:1;letter-spacing:.04em;text-transform:uppercase;color:var(--tetris-text-primary);text-align:center}.tetris-point-popup{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:6;font-size:2.05rem;font-weight:var(--font-weight-black);letter-spacing:.08em;color:#fef3c7;text-shadow:0 0 12px rgba(250,204,21,.6);animation:tetris-point-popup-float 1.32s cubic-bezier(.34,1.56,.64,1) forwards}.tetris-point-popup.is-tetris{font-size:2.6rem;color:var(--tetris-accent-gold);text-shadow:0 0 14px rgba(251,191,36,.98),0 0 28px rgba(251,113,133,.74),0 2px 8px rgba(127,29,29,.6)}.tetris-point-popup.is-tspin{text-shadow:0 0 10px rgba(236,72,153,.96),0 0 22px rgba(251,191,36,.52)}@keyframes tetris-point-popup-float{0%{opacity:0;transform:translate(-50%,-50%) scale(.58);filter:blur(1px)}8%{opacity:.8;transform:translate(calc(-50% + var(--popup-x-offset, 0px) * .3),-56%) scale(.85);filter:blur(.5px)}20%{opacity:1;transform:translate(calc(-50% + var(--popup-x-offset, 0px) * .7),-62%) scale(1.08);filter:blur(.1px)}40%{opacity:1;transform:translate(calc(-50% + var(--popup-x-offset, 0px)),-88%) scale(1.04);filter:blur(0)}70%{opacity:1;transform:translate(calc(-50% + var(--popup-x-offset, 0px)),-130%) scale(1);filter:blur(0)}85%{opacity:.6;transform:translate(calc(-50% + var(--popup-x-offset, 0px)),-155%) scale(.96);filter:blur(.3px)}to{opacity:0;transform:translate(calc(-50% + var(--popup-x-offset, 0px)),-165%) scale(.8);filter:blur(.8px)}}.tetris-panel{border-radius:var(--tetris-border-radius-md);padding:6px;color:var(--tetris-text-primary);box-shadow:var(--shadow-md);transition:transform var(--transition-spring),box-shadow var(--transition-spring),border-color var(--transition-base),background var(--transition-base)}.tetris-panel-compact{padding:8px}.tetris-panel-priority{box-shadow:var(--shadow-lg)}.tetris-panel-featured{border-color:#fbbf2452;background:radial-gradient(circle at top right,rgba(251,191,36,.12),transparent 34%),linear-gradient(180deg,#0f172afa,#1e293bf0)}.tetris-panel-subtle{opacity:.96}.tetris-hud-card{background:linear-gradient(180deg,#0f172ae0,#1e293bd6);border:1px solid rgba(99,102,241,.16);color:var(--tetris-text-primary);box-shadow:0 4px 12px #6366f11a,var(--tetris-card-sheen),0 8px 20px #0206172e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform var(--transition-spring),box-shadow var(--transition-spring),border-color var(--transition-base),background var(--transition-base)}.tetris-hud-card:hover{box-shadow:0 6px 16px #6366f11f,var(--tetris-card-sheen),0 12px 28px #02061738}.tetris-panel-heading{display:flex;align-items:baseline;justify-content:space-between;gap:6px;margin-bottom:4px}.tetris-panel-heading-compact{margin-bottom:var(--space-xs)}.tetris-panel-title{margin:0;font-size:.9rem;font-weight:var(--font-weight-bold);color:var(--tetris-text-primary);display:inline-flex;align-items:center;gap:4px}.tetris-hud-card .tetris-panel-title{color:var(--tetris-text-primary);font-size:.78rem;letter-spacing:.02em}.tetris-next-brand-name{font-size:var(--font-size-tiny);color:var(--tetris-text-secondary);text-align:right}.tetris-hud-preview{min-height:88px;margin-bottom:6px;padding:6px;border-radius:var(--tetris-border-radius-sm);background:linear-gradient(180deg,#0f172ad6,#1e293beb);border:1px solid rgba(99,102,241,.14);display:flex;align-items:center;justify-content:center;box-shadow:var(--tetris-card-sheen),0 4px 12px #6366f114,0 0 20px #6366f10a;transition:transform var(--transition-spring),box-shadow var(--transition-spring),border-color var(--transition-base),background var(--transition-base)}.tetris-hud-preview.is-updated{animation:tetris-hud-preview-pop .26s cubic-bezier(.34,1.56,.64,1)}.tetris-panel-featured .tetris-hud-preview{background:linear-gradient(180deg,#0f172ae0,#1e293bf5);border-color:#fbbf243d}.tetris-detail-panel .tetris-hud-preview{min-height:96px}.tetris-next-preview-compact{min-height:92px;margin-bottom:8px}@keyframes tetris-hud-preview-pop{0%{opacity:.62;transform:scale(.92);filter:brightness(.92)}35%{opacity:1.1;transform:scale(1.08);filter:brightness(1.06)}70%{opacity:.95;transform:scale(1.02);filter:brightness(1)}to{opacity:1;transform:scale(1);filter:brightness(1)}}.tetris-mini-grid,.tetris-mini-grid-compact-view{display:grid;grid-template-columns:repeat(4,var(--tetris-mini-block-size));gap:var(--tetris-mini-gap);justify-content:center;align-content:center;width:fit-content;margin-inline:auto}.tetris-mini-block{width:var(--tetris-mini-block-size);height:var(--tetris-mini-block-size);border:1px solid rgba(15,23,42,.12);border-radius:4px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#ffffff14,#ffffff05);transition:all .14s cubic-bezier(.32,0,.67,1)}.tetris-mini-block.active{box-shadow:inset 0 0 0 1px #0f172a29,0 0 8px #6366f124;background:linear-gradient(135deg,#6366f12e,#6366f10f)}.tetris-panel-button-row{margin-top:var(--space-md)}.text-muted{margin:0;color:var(--tetris-text-secondary);text-align:center;font-size:var(--font-size-small)}.tetris-hud-card .text-muted{color:var(--tetris-text-tertiary);font-size:var(--font-size-tiny)}.tetris-panel-secondary{padding:8px;background:linear-gradient(135deg,#0f172ac7,#1e293be0);border:1.5px solid rgba(99,102,241,.32);box-shadow:0 0 0 1px #6366f129,0 0 16px #6366f11f,inset 0 1px #ffffff14,var(--shadow-md);color:var(--tetris-text-primary);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform var(--transition-spring),box-shadow var(--transition-spring),border-color var(--transition-base),background var(--transition-base),filter var(--transition-base)}.tetris-side-details{gap:10px;padding-inline-end:2px}.tetris-side-details .tetris-panel{position:relative;overflow:hidden}.tetris-side-details .tetris-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 42%);pointer-events:none}.tetris-side-details .tetris-panel-heading{margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.08)}.tetris-side-details .tetris-panel-title{letter-spacing:.02em}.tetris-side-details .tetris-panel-badge{box-shadow:0 0 0 1px #ffffff05,inset 0 1px #ffffff14}.tetris-start-panel-compact{box-shadow:0 0 0 1px #6366f114,var(--shadow-md)}.tetris-start-panel-compact .tetris-session-note{background:linear-gradient(180deg,#ffffff1a,#ffffff0a)}.tetris-utility-panel{background:linear-gradient(180deg,#111827eb,#1e293be6);border-color:#94a3b838}.tetris-utility-panel .tetris-panel-title{letter-spacing:.01em}.tetris-utility-actions{gap:8px}.tetris-utility-btn{min-height:46px}.tetris-panel-secondary:hover{transform:translateY(-2px);box-shadow:0 0 0 1px #6366f13d,0 0 24px #6366f12e,inset 0 1px #ffffff1f,var(--shadow-lg);border-color:#6366f170;filter:brightness(1.02)}.tetris-panel-recessed{background:linear-gradient(180deg,#0f172ad6,#1e293bc7);border-color:#94a3b82e;box-shadow:0 8px 20px #0206172e}.tetris-panel-secondary .tetris-panel-title{font-size:var(--font-size-heading);color:var(--tetris-text-primary)}.tetris-panel-badge{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:var(--tetris-border-radius-pill);background:#fbbf241f;border:1px solid rgba(251,191,36,.24);color:#fde68a;font-size:.65rem;font-weight:var(--font-weight-bold);letter-spacing:.08em;text-transform:uppercase}.tetris-input-group{display:flex;flex-direction:column;gap:6px}.tetris-session-note{margin:0 0 4px;color:var(--tetris-text-secondary);font-size:.75rem;line-height:1.3;padding:8px 10px;border-radius:var(--tetris-border-radius-sm);background:linear-gradient(180deg,#ffffff14,#ffffff08);border:1px solid rgba(255,255,255,.08);box-shadow:var(--tetris-card-sheen)}.tetris-start-primary-row,.tetris-start-secondary-row{display:grid;grid-template-columns:1fr;gap:6px;align-items:stretch}.tetris-input{width:100%;min-height:44px;padding:8px var(--space-sm);border:1px solid #cbd5e1;border-radius:var(--tetris-border-radius-sm);font-size:var(--font-size-body);color:#0f172a;background:#fff;box-sizing:border-box;transition:border-color var(--transition-base),box-shadow var(--transition-base),background var(--transition-base);-webkit-appearance:none;-webkit-font-smoothing:antialiased}.tetris-input:focus{outline:none;border-color:var(--tetris-accent-purple);box-shadow:0 0 0 3px #6366f124;background:#fafbfc}.tetris-input:disabled{background:#f8fafc;color:#94a3b8;cursor:not-allowed;opacity:.6}@media (max-width: 640px){.tetris-input{min-height:48px;padding:10px var(--space-sm);font-size:1rem}}.tetris-action-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.tetris-button{width:100%;min-height:32px;border:1px solid rgba(255,255,255,.14);border-radius:var(--tetris-border-radius-sm);padding:6px var(--space-md);font-size:.85rem;font-weight:var(--font-weight-bold);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:transform var(--transition-spring),box-shadow var(--transition-spring),opacity var(--transition-fast),background var(--transition-base),border-color var(--transition-base),filter var(--transition-fast);background:#0f172a8f;box-shadow:var(--tetris-card-sheen)}.tetris-button:focus-visible{outline:2px solid var(--tetris-accent-gold);outline-offset:2px;box-shadow:var(--tetris-focus-ring),var(--tetris-card-sheen)}.tetris-button:disabled{cursor:not-allowed;opacity:.64}.tetris-button-primary{background:linear-gradient(180deg,#6366f138,#0f172a94);color:#eef2ff;border-color:#6366f161;box-shadow:0 0 0 1px #6366f11f,0 4px 12px #6366f129,0 8px 20px #6366f114;transition:transform .18s cubic-bezier(.32,0,.67,1),box-shadow .18s cubic-bezier(.32,0,.67,1),background .18s cubic-bezier(.32,0,.67,1),border-color .18s cubic-bezier(.32,0,.67,1)}.tetris-button-primary:hover:not(:disabled){transform:translateY(-1px);background:linear-gradient(180deg,#6366f14d,#0f172aa3);border-color:#8b5cf67a;box-shadow:0 0 0 1px #6366f12e,0 6px 16px #6366f13d,0 12px 28px #6366f124}.tetris-button-secondary{background:linear-gradient(180deg,#ffffff1f,#ffffff0f);color:var(--tetris-text-primary);border:1px solid rgba(255,255,255,.14);transition:all .18s cubic-bezier(.32,0,.67,1);box-shadow:inset 0 1px #ffffff14,0 2px 8px #00000014}.tetris-button-secondary:hover:not(:disabled){background:linear-gradient(180deg,#ffffff2e,#ffffff1a);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff1f,0 4px 12px #ffffff24,0 8px 16px #ffffff14;border-color:#ffffff47}.tetris-detail-panel{display:flex;flex-direction:column;min-height:100%}.tetris-control-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%}.tetris-mobile-controls-grid{display:grid;gap:10px;width:100%}.tetris-mobile-control-cluster{display:grid;gap:6px;width:100%}.tetris-mobile-control-cluster-header{display:flex;align-items:center;justify-content:space-between;min-width:0}.tetris-mobile-control-cluster-title{color:#f8fafcb8;font-size:.68rem;font-weight:var(--font-weight-black);letter-spacing:.12em;text-transform:uppercase}@media (max-width: 640px){.tetris-control-row{gap:6px;width:100%}.tetris-mobile-controls-grid{gap:8px}.tetris-mobile-control-cluster{gap:6px}}.tetris-control-row:last-child{grid-template-columns:repeat(2,minmax(0,1fr))}.tetris-control-row-single{grid-template-columns:repeat(2,minmax(0,1fr))}.tetris-control-row-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.tetris-control-btn{border:1px solid var(--tetris-border-light);border-radius:var(--tetris-border-radius-sm);padding:10px 12px;background:linear-gradient(180deg,#ffffff24,#ffffff14);color:var(--tetris-text-primary);font-weight:var(--font-weight-bold);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform var(--transition-spring),background var(--transition-base),opacity var(--transition-fast),box-shadow var(--transition-spring),border-color var(--transition-base),filter var(--transition-fast);touch-action:manipulation;min-height:44px;font-size:.9rem;box-shadow:0 4px 12px #0000002e;user-select:none;-webkit-user-select:none;position:relative;overflow:hidden;transform:translateZ(0)}.tetris-control-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.14) 30%,transparent 60%);opacity:0;transform:translate(-30%);transition:opacity .18s ease,transform .22s ease;pointer-events:none}.tetris-control-btn:focus-visible{outline:2px solid var(--tetris-accent-gold);outline-offset:2px;border-color:#fbbf2466;box-shadow:var(--tetris-focus-ring),0 6px 16px #0003}@media (max-width: 640px){.tetris-control-btn{min-height:46px;padding:10px 12px;font-size:.76rem;border-radius:10px;gap:6px;box-shadow:0 5px 14px #0000002e}}.tetris-control-label{white-space:nowrap}@media (max-width: 640px){.tetris-control-label{font-size:.7rem;line-height:1}}.tetris-control-btn:hover:not(:disabled){transform:translateY(-2px);background:linear-gradient(180deg,#ffffff38,#ffffff29);box-shadow:0 8px 20px #00000047;border-color:#ffffff47;filter:saturate(1.03)}.tetris-control-btn:hover:not(:disabled):after{opacity:1;transform:translate(14%)}.tetris-control-btn:active:not(:disabled){transform:translateY(1px) scale(.94);box-shadow:0 1px 4px #00000024,inset 0 0 12px #00000024;background:linear-gradient(180deg,#ffffff2e,#ffffff1a);filter:brightness(1.02) saturate(1.04);animation:tetris-button-press-mobile .14s cubic-bezier(.6,.04,.98,.34) forwards}.tetris-control-btn:active:not(:disabled):after{opacity:1;transform:translate(20%) scale(1.02)}.tetris-control-btn:disabled{opacity:.42;cursor:not-allowed}.tetris-control-btn-primary{background:linear-gradient(135deg,var(--tetris-accent-pink) 0%,#f97316 100%);color:#fff;font-weight:var(--font-weight-black);border-color:#fb718566;box-shadow:0 6px 18px #fb718533;transition:transform .16s cubic-bezier(.32,0,.67,1),background .16s cubic-bezier(.32,0,.67,1),box-shadow .16s cubic-bezier(.32,0,.67,1),border-color .16s cubic-bezier(.32,0,.67,1)}@media (max-width: 640px){.tetris-control-btn-primary{min-height:48px;box-shadow:0 8px 18px #fb718533}}.tetris-control-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#fb7185,#f97316);box-shadow:0 10px 26px #fb718566;transform:translateY(-3px);border-color:#fb718599;filter:brightness(1.08)}.tetris-control-btn-primary:hover:not(:disabled):after{opacity:1;transform:translate(18%)}.tetris-control-btn-primary:active:not(:disabled){box-shadow:0 3px 10px #fb71853d;transform:translateY(-1px) scale(.97);animation:tetris-button-press-primary .12s cubic-bezier(.6,.04,.98,.34) forwards}.tetris-control-btn-secondary{background:#0f172ab8;border-color:#ffffff29}.tetris-control-btn-secondary:hover:not(:disabled){background:#1e293bd6}.tetris-control-btn-move,.tetris-control-btn-rotate,.tetris-control-btn-drop,.tetris-control-btn-hold,.tetris-control-btn-pause{width:100%}.tetris-control-btn-move{background:linear-gradient(180deg,#ffffff24,#ffffff14)}.tetris-control-btn-rotate{background:linear-gradient(180deg,#6366f13d,#1e293bc2);border-color:#6366f152}.tetris-control-btn-rotate:hover:not(:disabled){background:linear-gradient(180deg,#6366f157,#1e293bdb);border-color:#818cf870;box-shadow:0 0 0 1px #6366f129,0 6px 16px #6366f124}.tetris-control-btn-drop{background:linear-gradient(180deg,#38bdf81f,#0f172abd);border-color:#38bdf82e}.tetris-control-btn-drop:hover:not(:disabled){background:linear-gradient(180deg,#38bdf838,#0f172ad1);border-color:#38bdf847;box-shadow:0 0 0 1px #38bdf81f,0 6px 16px #38bdf81f}.tetris-control-btn-hold{background:linear-gradient(180deg,#fbbf241f,#0f172ab8);border-color:#fbbf242e}.tetris-control-btn-hold:hover:not(:disabled){background:linear-gradient(180deg,#fbbf2438,#0f172acc);border-color:#fbbf2447;box-shadow:0 0 0 1px #fbbf241f,0 6px 16px #fbbf241f}.tetris-control-btn-pause.is-paused{background:linear-gradient(180deg,#22c55e2e,#0f172ab8);border-color:#22c55e3d;color:#dcfce7}.tetris-control-btn-pause.is-paused:hover:not(:disabled){background:linear-gradient(180deg,#22c55e47,#0f172acc);border-color:#22c55e57;box-shadow:0 0 0 1px #22c55e1f,0 6px 16px #22c55e1f}.tetris-control-btn-hard-drop{letter-spacing:.01em}@media (max-width: 640px){.tetris-control-row-drop{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}}@media (max-width: 380px){.tetris-mobile-controls-grid{gap:10px}.tetris-mobile-control-cluster,.tetris-control-row{gap:6px}.tetris-control-row-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.tetris-control-btn{min-height:50px;padding:10px;border-radius:9px}.tetris-control-label{font-size:.7rem}}@media (max-width: 640px) and (max-height: 760px){.tetris-mobile-controls-grid{gap:6px}.tetris-mobile-control-cluster{gap:4px}.tetris-control-row{gap:5px}.tetris-control-btn{min-height:44px;padding:8px;font-size:.72rem;gap:4px;border-radius:9px}.tetris-control-btn-primary{min-height:44px}.tetris-control-label{font-size:.62rem}}@media (max-width: 640px) and (max-height: 680px){.tetris-mobile-controls-grid{gap:5px}.tetris-control-row{gap:4px}.tetris-control-btn{min-height:44px;padding:6px 7px;font-size:.68rem}.tetris-control-btn-primary{min-height:44px}.tetris-control-label{font-size:.58rem}}.tetris-start-panel-compact .tetris-button{min-height:44px}@media (max-width: 640px){.tetris-start-panel-compact .tetris-button{min-height:44px}}.tetris-start-panel-compact{position:relative;overflow:hidden;transition:padding .24s cubic-bezier(.25,.46,.45,.94),box-shadow .24s cubic-bezier(.25,.46,.45,.94),transform .24s cubic-bezier(.25,.46,.45,.94),border-color .24s cubic-bezier(.25,.46,.45,.94),background .24s cubic-bezier(.25,.46,.45,.94)}.tetris-start-panel-compact:after{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,#fbbf24d9,#6366f1b3,#22c55eb3);opacity:.88}.tetris-start-panel-compact[data-state=prestart]{border-color:#6366f133;box-shadow:0 0 0 1px #6366f114,var(--shadow-md)}.tetris-start-panel-compact[data-state=live]{border-color:#22c55e38;box-shadow:0 0 0 1px #22c55e14,var(--shadow-md)}.tetris-start-panel-compact[data-state=game-over]{border-color:#fbbf2447}.tetris-side-details[data-state=prestart] .tetris-start-panel-compact{background:linear-gradient(180deg,#0f172aeb,#1e293be0)}.tetris-side-details[data-state=live] .tetris-start-panel-compact{background:linear-gradient(180deg,#0f172ae0,#111827d1)}.tetris-side-details[data-state=game-over] .tetris-start-panel-compact{background:linear-gradient(180deg,#7f1d1d2e,#0f172ae6)}.tetris-side-details[data-state=prestart] .tetris-panel-badge{color:#c7d2fe;background:#6366f124;border-color:#6366f138}.tetris-side-details[data-state=live] .tetris-panel-badge{color:#dcfce7;background:#22c55e24;border-color:#22c55e38}.tetris-side-details[data-state=game-over] .tetris-panel-badge{color:#fef3c7;background:#fbbf2424;border-color:#fbbf243d}.tetris-live-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.tetris-live-summary-item{padding:4px 6px;border-radius:var(--tetris-border-radius-sm);background:#ffffff0f;border:1px solid var(--tetris-border-light);transition:background .18s cubic-bezier(.32,0,.67,1),border-color .18s cubic-bezier(.32,0,.67,1),box-shadow .18s cubic-bezier(.32,0,.67,1)}.tetris-live-summary-label{display:block;margin-bottom:0;color:var(--tetris-text-secondary);font-size:.65rem;font-weight:var(--font-weight-bold);letter-spacing:.08em;text-transform:uppercase}.tetris-live-summary-item strong{color:var(--tetris-text-primary);font-size:.8rem;line-height:1.2}.tetris-utility-panel{display:flex;flex-direction:column;gap:10px;overflow:hidden}.tetris-utility-panel .tetris-panel-heading{margin-bottom:2px}.tetris-utility-panel .tetris-panel-title{font-size:.82rem}.tetris-utility-panel .tetris-panel-badge{min-height:22px;padding-inline:7px;font-size:.58rem}.tetris-utility-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tetris-utility-btn{width:100%;min-height:44px;justify-content:center;padding-inline:12px;border-radius:14px;font-size:.74rem;font-weight:var(--font-weight-bold);background:linear-gradient(135deg,#6366f124,#0f172aa3);border:1.5px solid rgba(99,102,241,.24);box-shadow:inset 0 1px #ffffff0f,0 0 12px #6366f114,0 8px 16px #02061724;transition:transform var(--transition-spring),box-shadow var(--transition-spring),border-color var(--transition-base),background var(--transition-base),filter var(--transition-base)}.tetris-utility-btn:hover:not(:disabled){transform:translateY(-2px);border-color:#6366f161;box-shadow:inset 0 1px #ffffff14,0 0 16px #6366f129,0 12px 24px #6366f11f;background:linear-gradient(135deg,#6366f138,#0f172ab8);filter:brightness(1.03)}.tetris-utility-btn span{white-space:nowrap}@media (max-width: 1120px) and (min-width: 641px){.tetris-utility-actions{grid-template-columns:1fr}}.tetris-session-chip-row{display:flex;flex-wrap:wrap;gap:6px}.tetris-start-panel-compact .tetris-session-chip-row{margin-top:2px}.tetris-session-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:var(--tetris-border-radius-pill);background:linear-gradient(135deg,#ffffff14,#ffffff05);border:1px solid rgba(255,255,255,.12);color:var(--tetris-text-secondary);font-size:.65rem;font-weight:var(--font-weight-bold);transition:transform var(--transition-spring),box-shadow var(--transition-spring),border-color var(--transition-base),background var(--transition-base);box-shadow:var(--tetris-card-sheen)}.tetris-session-chip:hover{transform:translateY(-1px)}.tetris-session-chip.is-live{color:#ecfeff;background:linear-gradient(135deg,#10b98133,#10b98114);border-color:#10b98152;box-shadow:0 0 0 1px #10b9811f,0 0 8px #10b9811f,inset 0 1px #ffffff0a}.tetris-session-chip.is-highlighted{color:#eef2ff;background:linear-gradient(135deg,#6366f133,#6366f114);border-color:#6366f15c;box-shadow:0 0 0 1px #6366f124,0 0 8px #6366f11f,inset 0 1px #ffffff0a}.tetris-start-secondary-row-live{grid-template-columns:repeat(2,minmax(0,1fr))}.tetris-start-panel-compact.is-live .tetris-input-group{gap:4px}.tetris-start-panel-compact .tetris-panel-heading{margin-bottom:3px}.tetris-start-panel-compact.is-live{transform:translateY(-1px)}@keyframes tetris-button-press{0%{transform:scale(1);filter:brightness(1)}50%{transform:scale(.94);filter:brightness(.98)}to{transform:scale(1);filter:brightness(1)}}@keyframes tetris-button-press-mobile{0%{transform:translateY(0) scale(1);filter:brightness(1)}60%{transform:translateY(1px) scale(.96);filter:brightness(.96)}to{transform:translateY(0) scale(.96);filter:brightness(.98)}}@keyframes tetris-button-press-primary{0%{transform:translateY(-3px) scale(1)}70%{transform:translateY(0) scale(.97)}to{transform:translateY(-1px) scale(.97)}}.tetris-touch-controls{display:none;flex-direction:column;gap:10px;margin-top:var(--space-md);padding:10px;border-radius:var(--tetris-border-radius-md);border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#0f172ae0,#1e293be6);box-shadow:var(--shadow-md);min-width:0}.tetris-touch-controls[data-state=gameplay]{gap:8px}.tetris-touch-controls[data-state=gameplay] .tetris-mobile-control-cluster-header{padding-bottom:2px}@media (max-width: 640px){.tetris-touch-controls{display:flex;position:static;height:auto;max-height:none;margin:0;padding:6px;padding-bottom:max(4px,var(--tetris-safe-bottom));gap:4px;border-radius:10px;border:none;background:transparent;box-shadow:none;z-index:auto;overflow:visible;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;flex-shrink:0}.tetris-touch-controls[data-state=gameplay]{padding:8px;background:linear-gradient(180deg,#0f172a24,#0f172a14);border:1px solid rgba(255,255,255,.08);border-radius:14px;box-shadow:var(--shadow-sm)}}.tetris-touch-controls.is-disabled{opacity:.72}.tetris-touch-controls.is-gameplay{gap:6px;padding-top:6px}@media (max-width: 640px){.tetris-touch-controls.is-gameplay{flex:0 0 auto;min-height:auto;padding:6px;gap:6px}.tetris-touch-controls.is-gameplay .tetris-mobile-controls-grid{flex:0 0 auto;align-content:space-between}.tetris-touch-controls.is-gameplay .tetris-mobile-control-cluster{flex:0 1 auto}.tetris-touch-controls[data-state=gameplay] .tetris-mobile-control-cluster{background:linear-gradient(180deg,#ffffff0f,#ffffff08);border:1px solid rgba(255,255,255,.08);box-shadow:var(--tetris-card-sheen),0 8px 18px #0206171a}}@media (max-width: 640px) and (max-height: 760px){.tetris-touch-controls.is-gameplay{padding:2px 0 0;gap:2px;background:transparent;border:none;box-shadow:none}.tetris-touch-controls.is-gameplay .tetris-mobile-controls-grid{gap:4px}.tetris-touch-controls.is-gameplay .tetris-mobile-control-cluster{padding:4px;gap:3px;border-radius:10px}.tetris-touch-controls.is-gameplay .tetris-mobile-control-cluster-header{display:none}}@media (max-width: 640px) and (max-height: 680px){.tetris-touch-controls.is-gameplay{padding-top:2px;gap:2px}.tetris-touch-controls.is-gameplay .tetris-mobile-controls-grid{gap:3px}.tetris-touch-controls.is-gameplay .tetris-mobile-control-cluster{padding:3px;gap:2px}}.tetris-mobile-leaderboard-toggle{display:none;align-items:center;justify-content:center;gap:6px;width:auto;margin-top:0;min-height:40px;padding:8px 14px;border-radius:999px;background:#ffffff1f;border:1px solid rgba(255,255,255,.08);color:var(--tetris-text-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-tiny);box-shadow:0 4px 10px #0000001f;cursor:pointer;transition:transform .16s cubic-bezier(.32,0,.67,1),background .16s cubic-bezier(.32,0,.67,1),box-shadow .16s cubic-bezier(.32,0,.67,1),border-color .16s cubic-bezier(.32,0,.67,1);touch-action:manipulation;-webkit-user-select:none;user-select:none}.tetris-mobile-leaderboard-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:36;display:flex;align-items:flex-end;justify-content:center;padding:10px 8px calc(10px + env(safe-area-inset-bottom));background:#020617b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tetris-mobile-leaderboard-panel{width:min(100%,560px);max-height:calc(100dvh - max(12px,env(safe-area-inset-top)) - max(14px,env(safe-area-inset-bottom)));overflow:auto;display:flex;flex-direction:column;gap:10px;padding:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom));border-radius:18px 18px 12px 12px;border:1px solid rgba(255,255,255,.12);background:radial-gradient(circle at top,rgba(255,255,255,.08),transparent 34%),linear-gradient(180deg,#0f172afa,#1e293bf5);box-shadow:var(--tetris-card-sheen),0 -16px 42px #0206176b;color:var(--tetris-text-primary);animation:tetris-mobile-sheet-up .28s cubic-bezier(.34,1.56,.64,1);position:relative}.tetris-mobile-leaderboard-panel:before{content:"";width:52px;height:4px;border-radius:999px;background:#ffffff47;align-self:center;flex:0 0 auto}.tetris-mobile-leaderboard-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;position:sticky;top:0;z-index:1;padding-bottom:6px;background:linear-gradient(180deg,#0f172afa,#0f172ac7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tetris-mobile-leaderboard-header h2{margin:0;font-size:1.2rem;font-weight:var(--font-weight-black)}.tetris-mobile-leaderboard-close{width:44px;height:44px;min-width:44px;min-height:44px}.tetris-mobile-start-panel{display:grid;gap:10px;padding:12px;border-radius:16px;border:1px solid rgba(251,191,36,.14);background:radial-gradient(circle at top left,rgba(251,191,36,.08),transparent 32%),linear-gradient(180deg,#0f172aeb,#1e293bf5);box-shadow:var(--tetris-card-sheen),0 10px 24px #02061733;position:relative;overflow:hidden;transition:box-shadow .18s cubic-bezier(.32,0,.67,1),border-color .18s cubic-bezier(.32,0,.67,1),background .18s cubic-bezier(.32,0,.67,1),transform .18s cubic-bezier(.32,0,.67,1)}.tetris-mobile-start-panel:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,#fbbf24e6,#6366f1a6,#22c55ecc);opacity:.92}.tetris-mobile-start-panel.is-live{border-color:#22c55e2e;background:radial-gradient(circle at top left,rgba(34,197,94,.12),transparent 32%),linear-gradient(180deg,#0f172aeb,#1e293bfa)}.tetris-mobile-start-panel.is-gameplay{gap:6px;padding:8px 10px;border-radius:12px}.tetris-mobile-start-panel.is-ready{border-color:#fbbf2424}@media (max-width: 640px){.tetris-mobile-start-panel{gap:6px;padding:8px;border-radius:14px;flex-shrink:0}}.tetris-mobile-start-panel-minimal{display:flex;align-items:center;justify-content:center;border-color:#ffffff0f;background:#0f172aa3;box-shadow:none;padding:4px;border-radius:12px}.tetris-mobile-start-panel-minimal:before{display:none}.tetris-mobile-start-panel-minimal .tetris-mobile-start-trigger{width:100%;min-height:48px;justify-content:center;font-size:.9rem;letter-spacing:.01em;box-shadow:none}.tetris-mobile-board-stats{width:100%;margin:0 0 6px;padding:6px;border-radius:12px;background:linear-gradient(180deg,#0f172ae0,#1e293bd1);border:1px solid rgba(255,255,255,.08);box-shadow:var(--tetris-card-sheen)}.tetris-mobile-start-meta .tetris-session-chip{max-width:100%}.tetris-mobile-start-meta-live .tetris-session-chip:first-child{color:#e2e8f0;background:linear-gradient(135deg,#ffffff14,#ffffff08)}.tetris-mobile-status-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.tetris-mobile-status-row-live .tetris-mobile-status-chip{background:linear-gradient(180deg,#22c55e1f,#ffffff0f);border-color:#22c55e2e}.tetris-mobile-start-panel.is-gameplay .tetris-mobile-status-row{gap:5px}@media (max-width: 640px){.tetris-mobile-board-stats{gap:6px}.tetris-board-column.is-mobile-gameplay .tetris-mobile-board-stats{margin:0}.tetris-mobile-board-stats .stat-item-compact{min-width:0;padding:6px 4px}.tetris-mobile-board-stats .stat-item-compact .stat-label{font-size:.58rem}.tetris-mobile-board-stats .stat-item-compact .stat-value{font-size:.88rem}.tetris-mobile-status-row{gap:6px}.tetris-mobile-gesture-hints{gap:5px}}.tetris-mobile-status-chip{display:grid;gap:3px;padding:8px 10px;border-radius:12px;background:linear-gradient(180deg,#ffffff1a,#ffffff0f);border:1px solid rgba(255,255,255,.08);text-align:center;flex:1;min-width:0;min-height:60px;align-content:center;transition:background .18s cubic-bezier(.32,0,.67,1),border-color .18s cubic-bezier(.32,0,.67,1),box-shadow .18s cubic-bezier(.32,0,.67,1),transform .18s cubic-bezier(.32,0,.67,1)}.tetris-mobile-status-chip:hover{transform:translateY(-1px)}.tetris-mobile-start-panel.is-gameplay .tetris-mobile-status-chip{min-height:52px;padding:6px 8px}@media (max-width: 640px){.tetris-mobile-status-chip{padding:7px 8px;border-radius:10px;gap:2px}}.tetris-mobile-status-chip strong{color:var(--tetris-text-primary);font-size:1rem;font-weight:var(--font-weight-black);line-height:1}@media (max-width: 640px){.tetris-mobile-status-chip strong{font-size:.9rem}}.tetris-mobile-status-chip small{color:var(--tetris-text-secondary);font-size:.65rem;font-weight:var(--font-weight-bold);letter-spacing:.08em;text-transform:uppercase}@media (max-width: 640px){.tetris-mobile-status-chip small{font-size:.6rem;letter-spacing:.06em}}.tetris-mobile-start-input{margin-top:0;width:100%;border-color:#94a3b857;background:#f8fafcfa}.tetris-mobile-start-input:focus-visible{outline:2px solid var(--tetris-accent-gold);outline-offset:2px}.tetris-mobile-start-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tetris-mobile-start-actions-live{grid-template-columns:1fr}.tetris-mobile-control-cluster{padding:10px;border-radius:var(--tetris-border-radius-md);background:linear-gradient(180deg,#ffffff0f,#ffffff08);border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px #ffffff0d,var(--tetris-card-sheen),0 8px 18px #0206171f}.tetris-mobile-control-cluster-header{padding-inline:2px}.tetris-mobile-control-cluster-title{color:#e2e8f0d1;font-size:.68rem;font-weight:var(--font-weight-black);letter-spacing:.14em;text-transform:uppercase}.tetris-mobile-control-cluster:focus-within{border-color:#6366f147;box-shadow:inset 0 1px #ffffff0f,0 0 0 1px #6366f114,0 10px 22px #02061729}@media (max-width: 640px){.tetris-mobile-start-actions{gap:6px}.tetris-mobile-control-cluster{padding:7px;border-radius:12px}.tetris-mobile-start-panel-minimal{padding:5px;border-radius:13px}.tetris-mobile-start-panel-minimal .tetris-mobile-start-trigger{min-height:50px}}@media (max-width: 380px){.tetris-mobile-utility-actions{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}.tetris-mobile-utility-btn{width:100%;min-width:0}.tetris-mobile-start-panel{padding:9px}.tetris-mobile-control-cluster{padding:7px}.tetris-mobile-leaderboard-panel{padding:10px;padding-bottom:calc(10px + env(safe-area-inset-bottom));border-radius:16px 16px 10px 10px}.tetris-mobile-leaderboard-header{gap:10px}.tetris-mobile-leaderboard-close{width:42px;height:42px;min-width:42px;min-height:42px}}@keyframes tetris-mobile-sheet-up{0%{opacity:0;transform:translateY(28px);filter:blur(.4px)}50%{transform:translateY(-2px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@media (max-width: 640px) and (max-height: 680px){.tetris-mobile-start-panel{gap:5px;padding:6px}}.tetris-leaderboard-embed{display:flex;flex-direction:column;gap:6px}.tetris-leaderboard-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.tetris-leaderboard-header{display:flex;flex-direction:column;gap:6px}.tetris-leaderboard-controls{display:flex;flex-wrap:wrap;gap:6px}.tetris-leaderboard-filter{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:6px 10px;background:#ffffff0f;color:var(--tetris-text-secondary);font-size:var(--font-size-tiny);font-weight:var(--font-weight-bold);letter-spacing:.03em;cursor:pointer;transition:transform var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.tetris-leaderboard-filter.active{color:#fff7ed;background:linear-gradient(135deg,#6366f14d,#fbbf242e);border-color:#fbbf2457;box-shadow:0 8px 18px #6366f129}.tetris-leaderboard-filter:hover{transform:translateY(-1px);background:#ffffff1a;color:var(--tetris-text-primary)}.tetris-leaderboard-panel{min-height:100%;padding:6px;background:radial-gradient(circle at top right,rgba(251,191,36,.12),transparent 36%),linear-gradient(180deg,#0f172afa,#1e293bf0);border-color:#fbbf243d;box-shadow:0 0 0 1px #fbbf240f,0 18px 36px #0206173d,inset 0 1px #ffffff0a}.tetris-leaderboard-panel .tetris-panel-heading{margin-bottom:6px}.tetris-leaderboard-panel .tetris-panel-title{letter-spacing:.03em}.tetris-leaderboard-panel .tetris-next-brand-name{color:#fde68a;font-weight:var(--font-weight-bold)}.tetris-mini-leaderboard{display:flex;flex-direction:column;gap:6px}.tetris-mini-leaderboard-row{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:var(--space-sm);padding:9px 10px;border-radius:var(--tetris-border-radius-sm);background:linear-gradient(180deg,#ffffff0d,#ffffff08);border:1px solid rgba(255,255,255,.08);color:inherit;text-align:left;cursor:pointer;font:inherit;transition:transform var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),filter var(--transition-fast);box-shadow:var(--tetris-card-sheen)}.tetris-mini-leaderboard-row.is-medal{background:linear-gradient(90deg,#fbbf2429,#ffffff0d);border-color:#fbbf242e;box-shadow:0 4px 16px #fbbf241f}.tetris-mini-leaderboard-row.is-medal:hover{transform:translate(3px) scale(1.01);background:linear-gradient(90deg,#fbbf243d,#ffffff14);box-shadow:0 6px 20px #fbbf242e}.tetris-mini-leaderboard-row:hover{transform:translate(2px);background:#ffffff12;border-color:#ffffff24;box-shadow:var(--tetris-card-sheen),0 8px 20px #0206172e;filter:saturate(1.02)}.tetris-mini-leaderboard-rank{display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:32px;border-radius:var(--tetris-border-radius-pill);background:#ffffff17;color:var(--tetris-text-primary);font-size:var(--font-size-small);font-weight:var(--font-weight-black);box-shadow:var(--tetris-card-sheen)}.tetris-mini-leaderboard-row.is-medal .tetris-mini-leaderboard-rank{background:linear-gradient(135deg,#fbbf2438,#fb718524);color:#fff7ed;border:1px solid rgba(251,191,36,.18)}.tetris-mini-leaderboard-player{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--tetris-text-primary);font-size:.82rem;font-weight:var(--font-weight-bold)}.tetris-mini-leaderboard-copy{display:flex;flex-direction:column;min-width:0;gap:2px}.tetris-mini-leaderboard-subline{color:var(--tetris-text-tertiary);font-size:.66rem;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tetris-mini-leaderboard-score-stack{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.tetris-mini-leaderboard-score{color:var(--tetris-accent-gold);font-size:.86rem;font-weight:var(--font-weight-black);text-align:right;text-shadow:0 0 10px rgba(251,191,36,.24)}.tetris-mini-leaderboard-level{color:var(--tetris-accent-cyan);font-size:.68rem;font-weight:var(--font-weight-bold)}.tetris-shell.is-fullscreen-focus .tetris-leaderboard-column{display:none}.tetris-shell.is-fullscreen-focus .tetris-main{grid-template-columns:minmax(0,1fr) minmax(260px,320px);align-items:start}.tetris-player-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:var(--space-lg);background:#020617b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tetris-player-modal{width:min(100%,620px);display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-lg);border-radius:var(--tetris-border-radius-lg);background:linear-gradient(180deg,#0f172afa,#1e293bf5);border:1px solid rgba(251,191,36,.18);box-shadow:0 24px 60px #0206176b;color:var(--tetris-text-primary);animation:tetris-modal-rise .24s ease-out}.tetris-player-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md)}.tetris-player-modal-header h2{margin:0;font-size:1.35rem;font-weight:var(--font-weight-black)}.tetris-modal-close{border:1px solid rgba(255,255,255,.12);background:#ffffff14;color:var(--tetris-text-primary);width:38px;height:38px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.tetris-modal-close:hover{transform:translateY(-1px);background:#ffffff24;border-color:#ffffff3d}@keyframes tetris-modal-rise{0%{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes tetris-modal-rise-enhanced{0%{opacity:0;transform:translateY(16px) scale(.92);filter:blur(2px)}50%{transform:translateY(-2px) scale(1.01)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.tetris-player-modal-rank-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm)}.tetris-player-rank-pill{display:inline-flex;align-items:center;justify-content:center;min-width:64px;min-height:34px;padding:0 12px;border-radius:999px;background:linear-gradient(135deg,#fbbf2438,#fb71852e);border:1px solid rgba(251,191,36,.28);color:#fff7ed;font-weight:var(--font-weight-black)}.tetris-player-rank-meta{color:var(--tetris-text-secondary);font-size:var(--font-size-small)}.tetris-player-modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm)}.tetris-player-modal-stat{padding:var(--space-md);border-radius:var(--tetris-border-radius-sm);background:#ffffff0f;border:1px solid rgba(255,255,255,.08)}.tetris-start-modal{gap:var(--space-md);position:relative;overflow:hidden}.tetris-start-modal:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:4px;background:linear-gradient(90deg,#fbbf24eb,#6366f1c7,#22c55ec2);opacity:.92}.tetris-start-modal-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.tetris-start-modal-kicker{margin:0;color:#fbbf24eb;font-size:.68rem;font-weight:var(--font-weight-black);letter-spacing:.16em;text-transform:uppercase}.tetris-start-modal h2{margin:0;font-size:clamp(1.35rem,3vw,1.75rem);font-weight:var(--font-weight-black);line-height:1.05}.tetris-start-modal-message{margin:0;color:var(--tetris-text-secondary);font-size:.92rem;line-height:1.45}.tetris-start-modal-form{display:grid;gap:var(--space-md)}.tetris-start-modal-input{width:100%}.tetris-start-modal-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm)}@media (max-width: 640px){.tetris-start-modal-copy,.tetris-start-modal-message{display:none}.tetris-start-modal,.tetris-start-modal-form{gap:10px}.tetris-start-modal-input{min-height:48px}.tetris-start-modal-actions{grid-template-columns:1fr}}.tetris-game-over-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:clamp(12px,2vw,20px);background:radial-gradient(circle at top,rgba(251,191,36,.08),transparent 32%),radial-gradient(circle at bottom,rgba(99,102,241,.08),transparent 38%),#020617db;-webkit-backdrop-filter:blur(14px) saturate(1.04);backdrop-filter:blur(14px) saturate(1.04);animation:tetris-overlay-fade-in .32s ease-out}.tetris-game-over-layout{width:min(100%,580px);display:flex;flex-direction:column;gap:0;border-radius:var(--tetris-border-radius-lg);background:radial-gradient(circle at top,rgba(251,191,36,.14),transparent 34%),linear-gradient(180deg,#0f172afa,#1e293bf7);border:1px solid rgba(251,191,36,.42);box-shadow:0 0 0 1px #fbbf242e,0 0 28px #fbbf242e,0 0 64px #fb71851f,0 30px 72px #0206178f,inset 0 1px #ffffff1a;overflow:hidden;animation:tetris-modal-rise-enhanced .36s cubic-bezier(.34,1.56,.64,1);position:relative;isolation:isolate}.tetris-game-over-layout:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#fbbf24f2,#6366f1db,#fb7185d1);box-shadow:0 0 18px #fbbf244d;z-index:0}.tetris-game-over-layout:after{content:"";position:absolute;inset:-18% -10% auto;height:42%;background:radial-gradient(circle at top,rgba(251,191,36,.18),transparent 64%);filter:blur(16px);opacity:.8;pointer-events:none;z-index:0}.tetris-game-over-content{display:flex;flex-direction:column;gap:18px;padding:clamp(18px,2.5vw,28px);color:var(--tetris-text-primary);background:linear-gradient(135deg,#fbbf240a,#6366f108),#0f172a1f;position:relative;z-index:1}.tetris-game-over-kicker{margin:0;text-align:center;color:#fbbf24f5;font-size:.72rem;font-weight:var(--font-weight-black);letter-spacing:.16em;text-transform:uppercase;text-shadow:0 0 12px rgba(251,191,36,.24)}.tetris-game-over-content h2{margin:-8px 0 0;font-size:clamp(1.8rem,5vw,2.2rem);font-weight:900;text-align:center;background:linear-gradient(135deg,#fcd34d,#f87171,#fb7171);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.03em;text-shadow:0 0 22px rgba(251,191,36,.22),0 0 36px rgba(251,113,133,.1)}.tetris-game-over-player{text-align:center;padding:14px 16px;border-radius:var(--tetris-border-radius-sm);background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid rgba(251,191,36,.16);box-shadow:inset 0 1px #ffffff0d,0 0 18px #fbbf240f;display:grid;gap:10px}.tetris-game-over-label{margin:0 0 4px;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#f8fafc94}.tetris-game-over-value{margin:0;font-size:1.4rem;font-weight:800;color:#fbbf24;text-shadow:0 0 12px rgba(251,191,36,.18)}.tetris-game-over-highlight{display:inline-flex;align-items:center;justify-content:center;margin-inline:auto;min-height:32px;padding:2px 14px;border-radius:var(--tetris-border-radius-pill);background:linear-gradient(135deg,#fbbf243d,#fb71852e);border:1.5px solid rgba(251,191,36,.32);color:#fff7ed;font-size:.72rem;font-weight:var(--font-weight-black);letter-spacing:.09em;text-transform:uppercase;box-shadow:0 0 12px #fbbf2429,inset 0 1px #ffffff14}.tetris-game-over-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md);padding:var(--space-md);background:linear-gradient(135deg,#6366f129,#fb71851a);border-radius:var(--tetris-border-radius-sm);border:1px solid rgba(251,191,36,.24);box-shadow:inset 0 1px #ffffff0d,0 0 16px #fbbf241a}.tetris-game-over-stat{display:flex;flex-direction:column;gap:3px;text-align:center;padding:14px 12px;border-radius:var(--tetris-border-radius-sm);background:linear-gradient(135deg,#6366f11a,#0f172a99);border:1px solid rgba(99,102,241,.2);box-shadow:inset 0 1px #ffffff0f,0 0 12px #6366f11a}.tetris-game-over-stat span{font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#f8fafc99}.tetris-game-over-stat strong{font-size:1.5rem;font-weight:800;color:#fbbf24;line-height:1}.tetris-game-over-stat:first-child strong{font-size:1.8rem;color:#fbbf24}.tetris-game-over-rank{text-align:center;padding:var(--space-md);background:linear-gradient(135deg,#22c55e29,#22c55e14);border-radius:var(--tetris-border-radius-sm);border:1.5px solid rgba(34,197,94,.34);box-shadow:0 0 12px #22c55e1f,inset 0 1px #ffffff0f}.tetris-game-over-rank .tetris-game-over-value{font-size:1.6rem;color:#86efac;margin-bottom:4px}.tetris-game-over-rank .tetris-game-over-label{color:#86efacb3}.tetris-game-over-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding-top:18px;border-top:1.5px solid rgba(251,191,36,.16)}.tetris-game-over-actions .tetris-button,.tetris-game-over-actions .tetris-button-primary{min-height:52px;font-weight:700}.tetris-restart-btn{background:linear-gradient(135deg,#f87171,#fb7171,#f97316)!important;border-color:#fb71857a!important;color:#fff!important;font-weight:800!important;box-shadow:0 0 0 1px #fb718533,0 8px 24px #fb718547!important;transition:transform .18s cubic-bezier(.32,0,.67,1),box-shadow .18s cubic-bezier(.32,0,.67,1),background .18s cubic-bezier(.32,0,.67,1),filter .18s cubic-bezier(.32,0,.67,1);position:relative;overflow:hidden}.tetris-restart-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 0 0 1px #fb71854d,0 14px 32px #fb718566!important;background:linear-gradient(135deg,#f87171,#fb7185,#f97316)!important;filter:brightness(1.1) drop-shadow(0 0 8px rgba(251,113,133,.36))}.tetris-restart-btn:focus-visible{outline:2px solid rgba(251,113,133,.6);outline-offset:2px}.tetris-game-over-actions .tetris-button-secondary{background:#ffffff1f!important;border-color:#ffffff38!important;box-shadow:inset 0 1px #ffffff14,0 6px 16px #00000029!important}.tetris-game-over-actions .tetris-button-secondary:hover:not(:disabled){background:#ffffff2e!important;border-color:#ffffff52!important;box-shadow:inset 0 1px #ffffff1f,0 10px 24px #0003!important;transform:translateY(-2px)}.tetris-game-over-actions .tetris-button-secondary:active:not(:disabled),.tetris-game-over-actions .tetris-restart-btn:active:not(:disabled){transform:translateY(0) scale(.98)}@keyframes tetris-overlay-fade-in{0%{opacity:0}to{opacity:1}}@media (max-width: 640px){.tetris-game-over-layout{width:95vw;max-width:calc(100vw - 16px)}.tetris-game-over-content{padding:var(--space-md);gap:var(--space-md)}.tetris-game-over-content h2{font-size:1.5rem;margin-bottom:var(--space-sm)}.tetris-game-over-stats{grid-template-columns:repeat(2,1fr);gap:var(--space-sm);padding:var(--space-sm)}.tetris-game-over-stat strong{font-size:1.2rem}.tetris-game-over-stat:first-child strong{font-size:1.4rem}.tetris-game-over-actions{grid-template-columns:1fr 1fr;gap:6px;padding-top:var(--space-sm)}}@media (prefers-reduced-motion: reduce){.tetris-header,.tetris-header-copy,.tetris-header-kicker,.tetris-header h1,.tetris-header-subtitle,.tetris-start-panel-compact,.tetris-live-summary,.tetris-start-secondary-row-live,.tetris-block.tetris-block-row-shift,.tetris-cleared-row-flash,.tetris-board-shell.is-tetris-clear,.tetris-clear-burst{animation:none;transition:none}}@media (max-height: 980px) and (min-width: 769px){.tetris-header-kicker,.tetris-header-subtitle,.tetris-status-note{display:none}.tetris-header h1{font-size:clamp(1.7rem,2.4vw,2rem)}.tetris-playfield{padding:var(--space-sm)}.tetris-board-meta,.tetris-start-panel-compact .tetris-panel-badge{display:none}.tetris-header{gap:var(--space-sm)}.tetris-quick-panels{gap:6px}.tetris-detail-panel .tetris-hud-preview,.tetris-next-preview-compact{min-height:72px}}@media (max-height: 920px) and (min-width: 641px){.tetris-game-container{padding-top:var(--space-sm);padding-bottom:var(--space-sm)}.tetris-shell{gap:8px}.tetris-main{gap:10px}.tetris-header{gap:6px}.tetris-header h1,.tetris-header.is-live h1{font-size:clamp(1.35rem,2vw,1.7rem)}.tetris-panel,.tetris-panel-secondary,.tetris-board-shell{padding:6px}.tetris-board-side-panel{padding:8px 6px}.tetris-live-summary{gap:4px}.tetris-live-summary-item{padding:4px 5px}.tetris-start-secondary-row-live,.tetris-utility-actions{gap:6px}.tetris-button,.tetris-control-btn,.tetris-utility-btn{min-height:36px;padding-top:8px;padding-bottom:8px}.tetris-shell.is-live-gameplay.is-compact-height .tetris-header{min-height:0;padding-block:0}.tetris-shell.is-live-gameplay.is-compact-height .tetris-header-copy{gap:0}.tetris-shell.is-live-gameplay.is-compact-height .tetris-header-kicker,.tetris-shell.is-live-gameplay.is-compact-height .tetris-header-subtitle{display:none}}@media (max-height: 860px) and (min-width: 961px){.tetris-game-container{padding-top:var(--space-sm);padding-bottom:var(--space-md)}.tetris-shell,.tetris-side-details{gap:6px}.tetris-playfield-layout{grid-template-columns:minmax(0,auto) minmax(248px,280px);gap:var(--space-sm)}.tetris-panel,.tetris-panel-secondary{padding:5px}.tetris-controls-guide-row{gap:3px}.tetris-keycap{min-width:24px;min-height:24px;font-size:.75rem}.tetris-main{grid-template-columns:minmax(188px,228px) minmax(0,1fr) minmax(210px,252px);gap:8px}.tetris-header h1,.tetris-header.is-live h1{font-size:clamp(1.2rem,1.8vw,1.45rem)}.tetris-mini-leaderboard-row{padding:7px 8px}.tetris-mini-leaderboard-player{font-size:.76rem}.tetris-mini-leaderboard-subline,.tetris-mini-leaderboard-level{font-size:.62rem}.tetris-shell.is-live-gameplay.is-ultra-compact-height .tetris-header,.tetris-shell.is-live-gameplay.is-ultra-compact-height .tetris-leaderboard-column{display:none}.tetris-shell.is-live-gameplay.is-ultra-compact-height .tetris-main{grid-template-columns:minmax(0,1fr) minmax(208px,248px)}}@media (max-width: 1120px) and (min-width: 769px){.tetris-main{grid-template-columns:minmax(200px,240px) minmax(0,1fr) minmax(216px,272px);gap:10px}.tetris-start-primary-row,.tetris-start-secondary-row,.tetris-start-secondary-row-live{grid-template-columns:1fr}}@media (min-width: 1680px){.tetris-main{grid-template-columns:minmax(240px,300px) minmax(0,1fr) minmax(260px,340px)}}@media (max-width: 640px){.tetris-shell.is-fullscreen-focus{max-width:100%;min-height:auto;padding:clamp(6px,2vw,10px)}.tetris-main{gap:2px}.tetris-main.is-mobile-gameplay{flex:1;gap:2px}.tetris-header{padding:2px 2px 0;height:38px;max-height:38px;min-height:38px;align-items:center;overflow:hidden}.tetris-header h1{font-size:.95rem;font-weight:900;margin:0}.tetris-board-shell{width:100%;max-width:100%;max-height:none;padding:1px;gap:1px;border-radius:12px}.tetris-playfield-board{width:100%}.tetris-grid{border-radius:0;border-width:0}.tetris-status-note{display:none!important}.tetris-stats-bar-compact{width:100%;margin:0;padding:4px 8px;gap:4px}.stat-item-compact{flex:1;padding:4px 6px;min-width:auto}.tetris-touch-controls{width:100%;max-width:100%;margin:0;padding:clamp(2px,1vw,4px);gap:2px;align-items:stretch;justify-content:flex-start}}@media (max-width: 640px) and (max-height: 760px){.tetris-shell{gap:1px;padding:max(2px,var(--tetris-safe-top)) max(6px,var(--tetris-mobile-inline-gutter),var(--tetris-safe-right)) max(2px,var(--tetris-safe-bottom)) max(6px,var(--tetris-mobile-inline-gutter),var(--tetris-safe-left))}.tetris-main{gap:1px}.tetris-header{padding:0 2px;min-height:30px;height:30px;max-height:30px;background:transparent;border-bottom:none}.tetris-header h1,.tetris-header.is-live h1{font-size:.82rem;line-height:1}.tetris-shell.is-mobile-live-gameplay .tetris-header{min-height:24px;height:24px;max-height:24px}.tetris-board-column.is-mobile-gameplay{gap:2px}.tetris-mobile-board-stats{margin:0 0 2px;padding:2px;gap:2px}.tetris-mobile-board-stats .stat-item-compact{padding:3px 2px}.tetris-mobile-board-stats .stat-item-compact .stat-label{font-size:.54rem}.tetris-mobile-board-stats .stat-item-compact .stat-value{font-size:.8rem}}@media (max-width: 640px) and (max-height: 680px){.tetris-header{min-height:26px;height:26px;max-height:26px}.tetris-header h1,.tetris-header.is-live h1{font-size:.76rem}.tetris-mobile-board-stats{margin-bottom:2px;padding:2px}.tetris-mobile-board-stats .stat-item-compact{padding:4px 3px}.tetris-mobile-board-stats .stat-item-compact .stat-label{font-size:.52rem}.tetris-mobile-board-stats .stat-item-compact .stat-value{font-size:.76rem}}@media (max-width: 380px){.tetris-header{min-height:42px}.tetris-header h1{font-size:.95rem}.tetris-touch-controls{padding:6px;gap:6px}}.tetris-leaderboard-container{background:radial-gradient(circle at top,rgba(255,255,255,.18),transparent 28%),radial-gradient(circle at 50% -20%,rgba(99,102,241,.14),transparent 44%),linear-gradient(180deg,#171d3d,#1f2550 48%,#11162d);width:100%;min-height:calc(100dvh - 80px);padding:24px 14px 32px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden;animation:tetris-leaderboard-fade-in .35s ease-out}.tetris-leaderboard-shell{width:100%;max-width:900px;display:flex;flex-direction:column;gap:20px;animation:tetris-leaderboard-rise .28s ease-out}.tetris-leaderboard-header{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#f8fafc}.tetris-leaderboard-back-btn{background:#ffffff1f;border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:10px;color:#f8fafc;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease;box-shadow:inset 0 1px #ffffff0f}.tetris-leaderboard-back-btn:hover{transform:translateY(-1px);background:#ffffff2e;border-color:#ffffff38;box-shadow:0 8px 18px #0206172e}.tetris-leaderboard-title-group{display:flex;align-items:center;gap:12px;flex:1;justify-content:center}.tetris-leaderboard-icon{color:#fbbf24;text-shadow:0 0 16px rgba(251,191,36,.5),0 0 28px rgba(251,113,133,.14);filter:drop-shadow(0 0 8px rgba(251,191,36,.18))}.tetris-leaderboard-title-group h1{margin:0;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:800;line-height:1.1}.tetris-leaderboard-content{background:#0f172ad1;border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:20px;box-shadow:0 18px 36px #03091e33,inset 0 1px #ffffff0d;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);min-height:400px;display:flex;flex-direction:column;justify-content:center;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.tetris-leaderboard-loading,.tetris-leaderboard-error,.tetris-leaderboard-empty{text-align:center;padding:40px 20px;font-size:1.1rem;color:#f8fafc}.tetris-leaderboard-error{color:#fca5a5;background:#7f1d1d26;border:1px solid rgba(251,113,133,.3);border-radius:12px}.tetris-leaderboard-empty{color:#f8fafca8}.tetris-leaderboard-table-wrapper{overflow-x:auto;border-radius:12px}.tetris-leaderboard-table{width:100%;border-collapse:collapse;background:#ffffff0a;overflow:hidden}.tetris-leaderboard-table thead{background:#ffffff14;border-bottom:2px solid rgba(255,255,255,.16)}.tetris-leaderboard-table th{padding:16px 12px;text-align:left;font-size:.85rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#f8fafcc7;border-right:1px solid rgba(255,255,255,.08)}.tetris-leaderboard-table th:last-child{border-right:none}.tetris-leaderboard-col-rank{width:80px}.tetris-leaderboard-col-player{flex:1;min-width:150px}.tetris-leaderboard-col-score{width:120px;text-align:right;padding-right:16px}.tetris-leaderboard-col-level{width:80px;text-align:center}.tetris-leaderboard-col-lines{width:100px;text-align:right;padding-right:16px}.tetris-leaderboard-table tbody tr{border-bottom:1px solid rgba(255,255,255,.06);transition:background .18s ease,transform .18s ease,box-shadow .18s ease}.tetris-leaderboard-table tbody tr:hover{background:#ffffff14;transform:translate(2px)}.tetris-leaderboard-row:hover{transform:translate(2px)}.tetris-leaderboard-row.is-top{background:linear-gradient(90deg,#fbbf2424,#ffffff0d)}.tetris-leaderboard-row.is-medal{font-weight:600}.tetris-leaderboard-row.is-medal:hover{background:linear-gradient(90deg,#fbbf242e,#ffffff14);box-shadow:0 8px 18px #fbbf2414}.tetris-leaderboard-table td{padding:16px 12px;color:#f8fafc;border-right:1px solid rgba(255,255,255,.06)}.tetris-leaderboard-table td:last-child{border-right:none}.tetris-leaderboard-rank-badge{display:inline-flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:900;min-width:40px}.tetris-leaderboard-player-name{font-weight:600;word-break:break-word}.tetris-leaderboard-score{font-weight:700;font-size:1.05rem;color:#fbbf24;text-shadow:0 0 8px rgba(251,191,36,.4),0 0 18px rgba(251,191,36,.12)}.tetris-leaderboard-level{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f13d,#3b82f62e);border:1px solid rgba(99,102,241,.3);border-radius:8px;padding:4px 8px;font-weight:700;color:#c7d2fe;min-width:50px;box-shadow:inset 0 1px #ffffff0f}.tetris-leaderboard-lines{font-weight:600;color:#f8fafcdb}.tetris-leaderboard-footer{display:flex;justify-content:center;gap:12px;padding:16px 0}.tetris-leaderboard-refresh-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:12px;padding:12px 24px;font-size:.95rem;font-weight:700;cursor:pointer;transition:transform .18s ease,opacity .18s ease,box-shadow .18s ease;box-shadow:0 10px 22px #6366f13d}.tetris-leaderboard-refresh-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 26px #6366f14d}.tetris-leaderboard-refresh-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.tetris-leaderboard-container{padding:16px 12px 24px}.tetris-leaderboard-shell{gap:16px}.tetris-leaderboard-content{padding:18px 16px}.tetris-leaderboard-col-rank{width:60px}.tetris-leaderboard-col-score{width:100px}.tetris-leaderboard-col-level{width:70px}.tetris-leaderboard-col-lines{width:80px}.tetris-leaderboard-table th,.tetris-leaderboard-table td{padding:12px 8px;font-size:.9rem}.tetris-leaderboard-rank-badge{font-size:1.1rem;min-width:36px}}@media (max-width: 520px){.tetris-leaderboard-container{padding:12px 10px 20px}.tetris-leaderboard-shell{gap:14px}.tetris-leaderboard-header{gap:10px}.tetris-leaderboard-title-group{gap:8px}.tetris-leaderboard-title-group h1{font-size:clamp(1.35rem,5vw,1.5rem)}.tetris-leaderboard-back-btn{padding:8px;border-radius:10px}.tetris-leaderboard-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.tetris-leaderboard-col-rank{width:50px}.tetris-leaderboard-col-score{width:80px;padding-right:8px}.tetris-leaderboard-col-level{width:60px}.tetris-leaderboard-col-lines{width:70px;padding-right:8px}.tetris-leaderboard-table th,.tetris-leaderboard-table td{padding:8px 5px;font-size:.78rem}.tetris-leaderboard-rank-badge{font-size:1rem;min-width:32px}}@keyframes tetris-leaderboard-fade-in{0%{opacity:0}to{opacity:1}}@keyframes tetris-leaderboard-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.tetris-leaderboard-container,.tetris-leaderboard-shell,.tetris-leaderboard-back-btn,.tetris-leaderboard-content,.tetris-leaderboard-table tbody tr,.tetris-leaderboard-refresh-btn{animation:none;transition:none}}.admin-subnav{padding:10px}.admin-subnav-tabs{display:flex;gap:8px;flex-wrap:wrap}.admin-subnav-tab{margin-top:0;width:auto;min-height:38px;border-radius:999px;border:1px solid color-mix(in srgb,var(--primary) 22%,#cbd5e1);background:linear-gradient(180deg,var(--surface-raised),var(--primary-soft));color:var(--text-strong);font-weight:600;padding:0 14px;box-shadow:0 8px 16px #0f172a14;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease,color .2s ease}.admin-subnav-tab.active{background:linear-gradient(180deg,var(--primary),var(--primary-strong));border-color:var(--primary);color:var(--on-primary-text);box-shadow:0 12px 22px color-mix(in srgb,var(--primary) 34%,transparent)}.products-card{padding:20px}.admin-section{height:72vh;display:flex;flex-direction:column;overflow:hidden}.products-table-wrap,.admin-table-wrap{margin-top:10px;width:100%;max-width:100%;overflow-x:auto;overflow-y:scroll;flex:1;min-height:0;max-height:none;scrollbar-gutter:stable both-edges;border:1px solid var(--border);border-radius:14px;background:linear-gradient(180deg,var(--surface-raised),var(--surface-2))}.admin-section .pagination-bar{flex-shrink:0}.admin-table{width:100%;min-width:1200px;table-layout:auto;font-size:13px;border-collapse:separate;border-spacing:0}.admin-table th,.admin-table td{padding:10px 12px;vertical-align:middle;text-align:left}.admin-table thead th{background:linear-gradient(180deg,#f8fafc,color-mix(in srgb,var(--primary-soft-2) 75%,#eef2ff));color:color-mix(in srgb,var(--primary-dark) 38%,#334155);font-weight:700;text-align:left;height:44px;position:sticky;top:0;z-index:3}.admin-table tbody tr:nth-child(2n){background:#fcfdff}.admin-table tbody tr:hover{background:color-mix(in srgb,var(--primary-soft-2) 48%,#f8fafc)}.admin-table tbody tr.clickable-product-row{cursor:pointer}.admin-table thead th{position:sticky;top:0;z-index:2}.admin-table th:nth-child(1),.admin-table td:nth-child(1){width:8%;min-width:80px}.admin-table th:nth-child(2),.admin-table td:nth-child(2){width:15%;min-width:140px}.admin-table th:nth-child(3),.admin-table td:nth-child(3){width:15%;min-width:140px}.admin-table th:nth-child(4),.admin-table td:nth-child(4){width:35%;min-width:280px}.admin-table th:nth-child(5),.admin-table td:nth-child(5){width:12%;min-width:120px}.admin-table th:nth-child(6),.admin-table td:nth-child(6){width:15%;min-width:140px}.promotions-table th:nth-child(1),.promotions-table td:nth-child(1){min-width:110px;width:11%}.promotions-table th:nth-child(2),.promotions-table td:nth-child(2){min-width:220px;width:19%}.promotions-table th:nth-child(3),.promotions-table td:nth-child(3){min-width:100px;width:9%}.promotions-table th:nth-child(4),.promotions-table td:nth-child(4){min-width:130px;width:12%}.promotions-table th:nth-child(5),.promotions-table td:nth-child(5){min-width:190px;width:15%}.promotions-table th:nth-child(6),.promotions-table td:nth-child(6){min-width:100px;width:9%}.promotions-table th:nth-child(7),.promotions-table td:nth-child(7){min-width:100px;width:8%}.promotions-table th:nth-child(8),.promotions-table td:nth-child(8){min-width:220px;width:11%}.promotions-table th:nth-child(9),.promotions-table td:nth-child(9){min-width:290px;width:16%}.reservation-status-select{margin-top:0;width:140px;min-width:140px;padding:7px 10px;border-radius:8px;border-color:#cbd5e1;font-size:12px;font-weight:600;background:linear-gradient(180deg,#fff,#f8fafc)}.reservation-status-cell{display:grid;grid-template-columns:minmax(0,1fr) 32px auto;align-items:center;column-gap:8px;width:100%;min-width:0}.reservation-field-cell{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;column-gap:8px;width:100%;min-width:0}.reservation-field-cell>.reservation-original-price,.reservation-field-cell>.reservation-saved-inline{grid-column:1 / -1}.reservation-field-cell>.reservation-inline-icon-btn{grid-column:2;grid-row:1}.reservation-status-cell>.reservation-inline-icon-btn{grid-column:2;grid-row:1}.reservation-status-cell>.reservation-saved-inline{grid-column:3;justify-self:start}.reservation-field-cell>.order-status-chip,.reservation-field-cell>.reservation-status-select,.reservation-status-cell>.order-status-chip,.reservation-status-cell>.reservation-status-select{width:100%;min-width:0}.reservation-final-chip{min-width:118px}.reservation-inline-icon-btn{margin:0;width:32px;min-width:32px;height:32px;min-height:32px;padding:0;border:0;border-radius:999px;background:transparent;box-shadow:none;color:color-mix(in srgb,var(--primary-dark) 48%,#64748b);display:inline-flex;align-items:center;justify-content:center;justify-self:end;line-height:1}.reservation-inline-icon-btn svg{display:block;flex:0 0 auto}.reservation-inline-icon-btn:hover{background:color-mix(in srgb,var(--primary) 18%,transparent);color:color-mix(in srgb,var(--primary-dark) 76%,#0f172a);transform:none}.reservation-saved-inline{display:inline-flex;align-items:center;justify-self:start;gap:4px;color:#15803d;font-size:11px;font-weight:600;white-space:nowrap}.reservation-delete-btn{margin-top:0;width:auto;min-height:32px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:6px;justify-self:end;border-radius:999px;border:1px solid #fecaca;background:#fff1f2;color:#b91c1c;box-shadow:none;font-size:11px;font-weight:700;line-height:1}.reservation-delete-btn svg{display:block;flex:0 0 auto}.reservation-delete-btn:hover{background:#ffe4e6;color:#991b1b;transform:none}.order-status-chip{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:100px;min-height:30px;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.03em;border:1px solid transparent;text-align:center;line-height:1.25;flex-shrink:0}.order-status-chip.status-ordered{background:color-mix(in srgb,var(--primary-soft-2) 82%,#eef2ff);border-color:color-mix(in srgb,var(--primary) 36%,#c7d2fe);color:var(--primary-dark)}.order-status-chip.status-disabled{background:#f8fafc;border-color:#cbd5e1;color:#475569}.order-status-chip.status-preparing{background:#fff7ed;border-color:#fed7aa;color:#9a3412}.order-status-chip.status-shipped{background:#ecfeff;border-color:#a5f3fc;color:#155e75}.order-status-chip.status-delivered,.order-status-chip.status-paid{background:#ecfdf3;border-color:#86efac;color:#166534}.admin-summary-grid{margin-bottom:12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.admin-summary-card{border:1px solid #cbd5e1;border-radius:12px;background:linear-gradient(180deg,#fff,#f8fafc);padding:12px;box-shadow:0 10px 20px #0f172a14}.admin-summary-card-accent{border-color:color-mix(in srgb,var(--primary) 26%,#cbd5e1);background:linear-gradient(180deg,color-mix(in srgb,var(--primary-soft) 34%,#ffffff),#fff)}.admin-summary-card p{margin:0 0 4px;color:#64748b;font-size:11px;text-transform:uppercase;letter-spacing:.04em;font-weight:700}.admin-summary-card h3{margin:0;font-size:22px;color:#0f172a}.admin-summary-value-price{font-variant-numeric:tabular-nums;letter-spacing:.005em;font-weight:500}.reservation-filter-row{display:grid;grid-template-columns:1fr 220px;gap:8px;margin-bottom:10px}.reservation-filter-row input,.reservation-filter-row select{margin-top:0}.reservation-customer-cell strong{display:block}.reservation-customer-cell small{display:block;margin-top:2px;color:#64748b}.reservation-items-cell{display:grid;gap:6px}.reservation-item-line{display:grid;gap:2px}.reservation-item-line strong{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#0f172a}.reservation-preorder-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#9a3412;background:#ffedd5;border:1px solid #fdba74}.reservation-item-line span{font-size:11px;color:#475569}.reservation-created-cell{white-space:nowrap}.reservation-mop-cell{display:grid;gap:6px}.reservation-other-input{margin-top:0}.reservation-other-save-btn{margin-top:0;width:auto;min-height:34px;padding:0 10px;font-size:11px;border-radius:8px}.reservation-price-edit{display:block;width:100%;min-width:0}.reservation-price-input{margin-top:0;min-height:34px;width:100%;min-width:0;max-width:100%;box-sizing:border-box;text-align:right;font-variant-numeric:tabular-nums;letter-spacing:.01em;font-weight:500}.reservation-price-input::-webkit-outer-spin-button,.reservation-price-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.reservation-price-input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.admin-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;margin-top:0;padding:0 10px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap;line-height:1}.admin-action-btn svg{display:block;flex:0 0 auto}.products-table .actions-inline{flex-wrap:nowrap;align-items:center}.admin-actions-inline{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:6px;flex-wrap:nowrap;white-space:nowrap}.admin-actions-inline .admin-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:auto;flex:0 0 auto;white-space:nowrap}.reservation-original-price{display:block;margin-top:4px;font-size:11px;font-variant-numeric:tabular-nums;letter-spacing:.01em;color:#64748b}.reservation-original-price.is-overridden{color:#b45309;font-weight:600}.reservation-price-chip{min-width:108px;padding-inline:10px;font-size:10.5px;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:.005em}.reservation-price-chip.status-ordered,.reservation-price-chip.status-preparing,.reservation-price-chip.status-shipped,.reservation-price-chip.status-delivered,.reservation-price-chip.status-paid{background:color-mix(in srgb,var(--surface-raised) 96%,#ffffff);border-color:color-mix(in srgb,var(--primary) 12%,#cbd5e1);color:color-mix(in srgb,var(--text) 76%,#334155)}.reservations-table th:nth-child(1),.reservations-table td:nth-child(1){min-width:76px}.reservations-table th:first-child,.reservations-table td:first-child{position:sticky;left:0;z-index:2;background:#fff;box-shadow:1px 0 0 0 var(--border)}.reservations-table thead th:first-child{z-index:4;background:linear-gradient(180deg,#f8fafc,color-mix(in srgb,var(--primary-soft-2) 75%,#eef2ff))}.reservations-table th:nth-child(2),.reservations-table td:nth-child(2){min-width:150px}.reservations-table th:nth-child(3),.reservations-table td:nth-child(3){min-width:150px}.reservations-table th:nth-child(4),.reservations-table td:nth-child(4){min-width:280px}.reservations-table th:nth-child(5),.reservations-table td:nth-child(5){min-width:150px}.reservations-table th:nth-child(6),.reservations-table td:nth-child(6),.reservations-table th:nth-child(7),.reservations-table td:nth-child(7),.reservations-table th:nth-child(8),.reservations-table td:nth-child(8),.reservations-table th:nth-child(9),.reservations-table td:nth-child(9),.reservations-table th:nth-child(10),.reservations-table td:nth-child(10),.reservations-table th:nth-child(11),.reservations-table td:nth-child(11){min-width:150px}.reservations-table th:nth-child(8),.reservations-table td:nth-child(8),.reservations-table th:nth-child(10),.reservations-table td:nth-child(10){min-width:170px}.reservations-table th:nth-child(9),.reservations-table td:nth-child(9){min-width:220px}.reservations-table th:nth-child(10),.reservations-table td:nth-child(10),.reservations-table th:nth-child(11),.reservations-table td:nth-child(11){min-width:180px}.reservations-table th:nth-child(12),.reservations-table td:nth-child(12){min-width:160px}.reservations-table th:nth-child(13),.reservations-table td:nth-child(13){min-width:110px}.products-table{width:100%;min-width:1100px;table-layout:auto;font-size:13px;border-collapse:separate;border-spacing:0}.products-table th,.products-table td{padding:10px 12px;vertical-align:middle}.products-table thead th{background:linear-gradient(180deg,#f8fafc,color-mix(in srgb,var(--primary-soft-2) 75%,#eef2ff));color:color-mix(in srgb,var(--primary-dark) 38%,#334155);font-weight:700;position:sticky;top:0;z-index:3}.products-table thead tr:nth-child(2) th{border-top:1px solid #e5e7eb}.products-table tbody tr:nth-child(2n){background:#fcfdff}.products-table tbody tr:hover{background:color-mix(in srgb,var(--primary-soft-2) 48%,#f8fafc)}.products-table tbody tr.clickable-product-row{cursor:pointer}.edit-modal-shell{display:grid;gap:10px}.edit-modal-sticky-head{position:sticky;top:0;z-index:1;padding:10px 12px;border:1px solid #cbd5e1;border-radius:10px;background:linear-gradient(180deg,#fff,#f8fafc)}.edit-modal-section{border:1px solid #dbe4ef;border-radius:12px;padding:10px;display:grid;gap:8px;background:#fff}.edit-modal-section h3{margin:0;font-size:14px;color:#334155}.edit-modal-section .field-hint{margin:0}.create-modal-section{gap:10px}.add-product-manage-row{display:flex;gap:8px;align-items:center}.add-product-manage-row select{flex:1;margin-top:0}.add-product-manage-row .button-secondary{width:auto;white-space:nowrap;margin-top:0}.create-product-actions-row{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.create-product-actions-row .button-secondary,.create-product-save-btn{width:auto;margin-top:0;min-width:160px}.create-product-save-btn{border-color:var(--primary);background:linear-gradient(180deg,var(--primary),var(--primary-strong));color:var(--on-primary-text)}.create-product-save-btn:hover{border-color:var(--primary-strong);color:var(--on-primary-text);filter:brightness(1.03)}.admin-section-heading-copy{display:grid;gap:4px}.manual-reservation-modal-shell{gap:12px}.manual-reservation-grid,.manual-reservation-item-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.manual-reservation-notes{margin-top:0;min-height:90px;resize:vertical}.manual-reservation-section-head,.manual-reservation-item-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.manual-reservation-section-head h3,.manual-reservation-item-card-head strong{margin:0}.manual-reservation-item-card{display:grid;gap:10px;padding:12px;border:1px solid #dbe4ef;border-radius:12px;background:linear-gradient(180deg,#fff,#f8fafc)}.manual-reservation-item-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.manual-reservation-meta-chip{display:inline-flex;align-items:center;min-height:28px;padding:4px 10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--primary) 16%,#cbd5e1);background:color-mix(in srgb,var(--primary-soft-2) 72%,#ffffff);color:color-mix(in srgb,var(--primary-dark) 78%,#1e293b);font-size:11px;font-weight:700;letter-spacing:.02em}.manual-reservation-meta-copy{font-size:12px;color:#475569}.manual-reservation-save-btn{min-width:190px}.stock-controls-card{border:1px solid #dbe4ef;border-radius:12px;padding:10px;background:linear-gradient(180deg,#fff,#f8fafc);display:grid;gap:10px}.stock-action-select{margin:0}.stock-apply-btn{margin-top:0}.stock-meta-list{display:grid;gap:4px}.stock-breakdown-sections{display:grid;gap:12px}@media (max-width: 1024px){.admin-section{height:auto;min-height:72vh}.admin-table{min-width:900px}.products-table{min-width:560px}}@media (max-width: 720px){.products-card{padding:14px}.manual-reservation-grid,.manual-reservation-item-grid{grid-template-columns:1fr}.manual-reservation-modal-shell{gap:10px}.manual-reservation-item-card{padding:10px;gap:8px}.manual-reservation-section-head,.manual-reservation-item-card-head{flex-direction:column;align-items:stretch}.manual-reservation-section-head .button-secondary{width:100%;justify-content:center;min-height:42px}.manual-reservation-notes{min-height:110px}.manual-reservation-item-meta{align-items:flex-start;gap:6px}.manual-reservation-modal-shell .create-product-actions-row{position:sticky;bottom:0;padding-top:8px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface-raised) 72%,transparent),var(--surface-raised));z-index:2}.manual-reservation-modal-shell .create-product-actions-row .button-secondary,.manual-reservation-modal-shell .create-product-actions-row .create-product-save-btn{width:100%;min-width:0}.admin-subnav-tabs{width:100%}.admin-subnav-tab{flex:1 1 48%;text-align:center;min-height:40px}.products-table-wrap,.admin-table-wrap{border-radius:10px}.products-table{min-width:420px;font-size:12px}.admin-table{min-width:520px;font-size:12px}.admin-table th,.admin-table td,.products-table th,.products-table td{padding:8px}.stock-inline-edit-group{grid-template-columns:50px minmax(0,1fr) auto;gap:3px}.stock-inline-edit-group input,.stock-inline-edit-group select{min-height:26px;font-size:10px;padding:2px 4px}.stock-inline-edit-group button{min-height:26px;padding:2px 6px;font-size:9px}.admin-table th:nth-child(1),.admin-table td:nth-child(1){width:7%;min-width:70px}.admin-table th:nth-child(2),.admin-table td:nth-child(2){width:14%;min-width:100px}.admin-table th:nth-child(3),.admin-table td:nth-child(3){width:14%;min-width:100px}.admin-table th:nth-child(4),.admin-table td:nth-child(4){width:30%;min-width:160px}.admin-table th:nth-child(5),.admin-table td:nth-child(5){width:11%;min-width:90px}.admin-table th:nth-child(6),.admin-table td:nth-child(6){width:14%;min-width:110px}.admin-action-label{display:none}.products-table .actions-inline{flex-direction:row;align-items:center;gap:6px;min-width:0}.products-table .actions-inline button,.promotions-table .actions-inline button,.admin-user-action button{width:36px;min-width:36px;height:36px;min-height:36px;margin:0;padding:0;justify-content:center;font-size:11px;border-radius:999px}.admin-user-action{min-width:0}.admin-action-btn{gap:0}.reservation-field-cell{grid-template-columns:minmax(0,1fr) 32px;column-gap:6px;min-width:130px}.reservation-status-cell{grid-template-columns:minmax(0,1fr) 32px;min-width:130px}.reservation-field-cell>.reservation-saved-inline,.reservation-status-cell>.reservation-saved-inline{grid-column:1 / -1}.reservations-table th:nth-child(8),.reservations-table td:nth-child(8){min-width:180px}.reservations-table th:nth-child(9),.reservations-table td:nth-child(9){min-width:190px}.reservations-table th:nth-child(10),.reservations-table td:nth-child(10),.reservations-table th:nth-child(11),.reservations-table td:nth-child(11),.reservations-table th:nth-child(12),.reservations-table td:nth-child(12){min-width:150px}.reservation-field-cell>.order-status-chip,.reservation-status-cell>.order-status-chip{min-width:0;width:100%}.reservation-status-select,.order-status-chip{width:100%;min-width:0}.order-status-chip{min-height:36px;padding-inline:8px}.reservation-status-select{min-height:36px;min-width:100px}.reservation-filter-row,.stock-controls-grid,.stock-action-cluster{grid-template-columns:1fr}.stock-quick-edit-line:first-child,.stock-quick-edit-line:not(:first-child){grid-template-columns:1fr}}@media (max-width: 420px){.manual-reservation-item-card{padding:9px}.manual-reservation-meta-chip{min-height:24px;padding:3px 8px;font-size:10.5px}}@media (max-width: 480px){.admin-subnav-tab{flex-basis:100%}.admin-table{min-width:440px}.products-table{min-width:360px}}body.theme-dark .products-table,body.theme-dark .admin-table{color:#e2e8f0}body.theme-dark .reservations-table th:first-child,body.theme-dark .reservations-table td:first-child{background:color-mix(in srgb,var(--dark-surface) 94%,transparent);box-shadow:1px 0 0 0 var(--dark-border)}body.theme-dark .products-table td,body.theme-dark .admin-table td{color:#e2e8f0}body.theme-dark .edit-modal-sticky-head{background:linear-gradient(180deg,var(--dark-surface),var(--dark-bg-mid));border-color:var(--dark-border)}body.theme-dark .edit-modal-section{background:color-mix(in srgb,var(--dark-surface) 92%,transparent);border-color:var(--dark-border)}body.theme-dark .edit-modal-section h3{color:#e2e8f0}body.theme-dark .manual-reservation-item-card{background:linear-gradient(180deg,var(--dark-surface),var(--dark-bg-mid));border-color:var(--dark-border)}body.theme-dark .manual-reservation-meta-chip{border-color:color-mix(in srgb,var(--primary-soft) 28%,var(--dark-border));background:color-mix(in srgb,var(--primary) 16%,var(--dark-surface));color:#dbeafe}body.theme-dark .manual-reservation-meta-copy{color:#94a3b8}body.theme-dark .stock-cell-editable:hover{background:color-mix(in srgb,var(--primary) 12%,transparent)}body.theme-dark .stock-inline-edit-group input,body.theme-dark .stock-inline-edit-group select,body.theme-dark .stock-inline-edit-group button{border-color:var(--dark-border);background:var(--dark-surface);color:#e2e8f0}body.theme-dark .stock-inline-edit-group button:hover:not(:disabled){background:color-mix(in srgb,var(--primary) 20%,var(--dark-surface));border-color:var(--primary);color:#93c5fd}body.theme-dark .stock-inline-edit-single input{border-color:var(--dark-border);background:var(--dark-surface);color:#e2e8f0}body.theme-dark .stock-inline-edit-single input:focus{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 20%,transparent)}body.theme-dark .stock-field-label{color:#94a3b8}body.theme-dark .stock-guide-panel{background:linear-gradient(180deg,var(--dark-surface),var(--dark-bg-mid));border-color:var(--dark-border)}body.theme-dark .products-state,body.theme-dark .products-stocks{color:#cbd5e1}body.theme-dark .products-table-wrap,body.theme-dark .admin-table-wrap{border-color:var(--dark-border)}body.theme-dark .products-table thead tr:nth-child(2) th{border-top-color:var(--dark-border)}body.theme-dark .remove-colorway-btn{border-color:color-mix(in srgb,var(--danger) 42%,var(--dark-border));background:linear-gradient(180deg,color-mix(in srgb,var(--danger) 20%,rgba(17,24,39,.94)),color-mix(in srgb,var(--danger) 12%,rgba(2,6,23,.98)));color:#fecaca}body.theme-dark .reservation-customer-cell small,body.theme-dark .reservation-item-line span{color:#94a3b8}body.theme-dark .reservation-item-line strong{color:#e2e8f0}body.theme-dark .reservation-preorder-badge{color:#fed7aa;background:color-mix(in srgb,#fb923c 24%,#0f172a);border-color:color-mix(in srgb,#fb923c 42%,#334155)}body.theme-dark .reservation-other-input,body.theme-dark .reservation-price-input{background:color-mix(in srgb,var(--dark-surface) 90%,transparent);border-color:var(--dark-border);color:#e2e8f0}body.theme-dark .reservation-original-price{color:#94a3b8}body.theme-dark .reservation-original-price.is-overridden{color:#fbbf24}body.theme-dark .reservation-price-chip.status-ordered,body.theme-dark .reservation-price-chip.status-preparing,body.theme-dark .reservation-price-chip.status-shipped,body.theme-dark .reservation-price-chip.status-delivered,body.theme-dark .reservation-price-chip.status-paid{background:color-mix(in srgb,var(--dark-surface) 92%,transparent);border-color:color-mix(in srgb,var(--primary-soft) 22%,var(--dark-border));color:color-mix(in srgb,#ffffff 82%,#cbd5e1)}body.theme-dark .reservation-inline-icon-btn{border-color:transparent;background:transparent;color:#cbd5e1}body.theme-dark .reservation-inline-icon-btn:hover{background:color-mix(in srgb,var(--primary) 28%,transparent);color:#f8fafc}body.theme-dark .reservation-saved-inline{color:#86efac}body.theme-dark .reservation-delete-btn{border-color:#7f1d1d;background:#7f1d1d52;color:#fecaca}body.theme-dark .reservation-delete-btn:hover{background:#991b1b6b;color:#ffe4e6}.stock-size-picker{display:grid;gap:10px}.stock-controls-card{display:grid;gap:10px;padding:10px;border:1px solid #dbe4ef;border-radius:12px;background:linear-gradient(180deg,#fff,#f8fafc)}.stock-controls-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stock-field{display:grid;gap:5px}.stock-field-label{font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.03em}.stock-field>select,.stock-field>input{margin-top:0}.stock-field>input:disabled{opacity:.65;cursor:not-allowed}.stock-action-cluster{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,220px);gap:8px;align-items:end}.stock-action-cluster .stock-mode-toggle{width:100%;min-height:38px}.stock-action-select,.stock-apply-btn{margin:0}.stock-mode-add{border-color:color-mix(in srgb,var(--success) 36%,#86efac)}.stock-mode-remove{border-color:color-mix(in srgb,var(--danger) 34%,#fca5a5)}.stock-mode-price{border-color:color-mix(in srgb,var(--primary) 38%,#cbd5e1)}.stock-meta-list,.stock-breakdown-sections{display:grid;gap:10px}.stock-size-selection-note{margin:0}.stock-size-guide-helper{margin:2px 0 0;color:color-mix(in srgb,var(--primary) 74%,#334155);font-weight:600}.stock-size-guide-cta{width:auto;justify-self:start;margin-top:0;display:inline-flex;align-items:center;gap:8px;border-color:color-mix(in srgb,var(--primary) 46%,#94a3b8);background:linear-gradient(180deg,color-mix(in srgb,var(--primary-soft) 50%,#ffffff),#fff);color:color-mix(in srgb,var(--primary-dark) 84%,#1e293b);font-weight:700}.stock-size-guide-cta:hover{border-color:var(--primary);color:var(--primary-dark)}.stock-breakdown-panel{margin-top:0}.stock-breakdown-panel .size-section-heading{padding:10px 10px 0}@media (max-width: 720px){.stock-controls-grid,.stock-action-cluster{grid-template-columns:1fr}}body.theme-dark .stock-controls-card{border-color:var(--dark-border);background:linear-gradient(180deg,var(--dark-surface),var(--dark-bg-mid))}body.theme-dark .stock-field-label,body.theme-dark .stock-size-guide-helper{color:#94a3b8}body.theme-dark .stock-size-guide-cta{border-color:color-mix(in srgb,var(--primary-soft) 48%,var(--dark-border));color:color-mix(in srgb,var(--primary-soft) 80%,#ffffff)}.stock-summary-modal{width:min(820px,100%);max-height:88vh}.stock-summary-overlay{background:transparent}.stock-summary-header,.stock-summary-header-main,.stock-summary-toolbar{display:grid}.breakdown-header.stock-summary-header{margin-bottom:0;grid-template-columns:minmax(0,1fr) auto;align-items:flex-start;gap:14px;position:relative;padding-right:40px}.stock-summary-header-main{gap:10px}.stock-summary-header .modal-close-btn{position:absolute;top:0;right:0;margin:0}.stock-summary-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;min-width:0}.stock-summary-title{margin:0}.stock-summary-title-subtext{margin-top:4px}.stock-summary-controls-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:end}.stock-summary-field{display:grid;gap:6px;min-width:0}.stock-summary-field-wide{grid-column:span 2}.stock-summary-field-quantity{justify-items:stretch;grid-column:1 / -1}.stock-summary-field-label{display:block;margin-bottom:4px;font-size:12px;font-weight:600;color:#475569}.stock-summary-field-input{width:100%;min-height:38px;box-sizing:border-box;margin-top:0;padding:7px 10px;border:1px solid #cbd5e1;border-radius:8px;font-size:13px;background:#fff}.stock-summary-helper{margin:0;font-size:12px;color:#64748b}.stock-summary-bulk-actions{margin-top:14px;padding-top:12px;border-top:1px solid #e2e8f0}.stock-summary-toolbar{gap:12px}.stock-summary-toolbar-note{line-height:1.5}.stock-summary-form-section{gap:10px;padding:10px}.stock-summary-form-hint{color:#64748b}.stock-summary-size-guide-btn{width:100%;min-height:38px;justify-content:center;margin-top:0}.stock-summary-field-size-guide{align-self:end}.stock-summary-action-group{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:8px}.stock-summary-action-btn{width:auto;min-height:38px;margin-top:0;min-width:160px;padding:0 14px;white-space:nowrap}.stock-summary-mobile-actions{display:none}.stock-summary-clear-btn{background:#fff;color:#334155;border:1px solid #cbd5e1;box-shadow:none}.stock-summary-clear-btn:hover{background:#f8fafc}.stock-summary-reset-btn{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5;box-shadow:none}.stock-summary-reset-btn:hover{background:#fecaca}.stock-summary-qty-group{display:grid;grid-template-columns:36px minmax(0,1fr) 36px;gap:6px;align-items:center}.stock-summary-qty-btn{width:36px;min-width:36px;height:36px;min-height:36px;margin:0;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid #cbd5e1;border-radius:8px;background:#f8fafc;color:#0f172a;box-shadow:none;font-size:16px;font-weight:700}.stock-summary-qty-input{text-align:center}.stock-summary-table{min-width:620px;font-size:11px}.stock-summary-table th,.stock-summary-table td{padding:6px;white-space:nowrap}.stock-header-sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s ease,color .15s ease;white-space:nowrap;font-size:10px}.stock-header-sortable:hover{background:color-mix(in srgb,var(--primary-soft) 12%,transparent);color:var(--primary-dark)}.stock-summary-table th:nth-child(1),.stock-summary-table td:nth-child(1){width:40px;min-width:40px;padding:4px 2px}.stock-summary-table .stock-select-col{width:40px;min-width:40px;max-width:40px;text-align:center}.stock-summary-table th:nth-child(2),.stock-summary-table td:nth-child(2){width:76px;min-width:76px}.stock-summary-table th:nth-child(3),.stock-summary-table td:nth-child(3){width:66px;min-width:66px;text-align:center}.stock-summary-table th:nth-child(4),.stock-summary-table td:nth-child(4){width:220px;min-width:220px}.stock-summary-table th:nth-child(5),.stock-summary-table td:nth-child(5){width:100px;min-width:100px;text-align:right}.stock-summary-table th:nth-child(6),.stock-summary-table td:nth-child(6){width:120px;min-width:120px;text-align:right}.stock-cell-value{text-align:left;padding:6px}.stock-cell-value span{display:block;word-break:break-word}.stock-summary-price-cell{text-align:right}.stock-summary-total-pill{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:28px;padding:0 10px;border:1px solid #dbe4ef;border-radius:999px;background:#f8fafc;color:#0f172a;font-weight:700}.stock-summary-total-pill.is-low{border-color:#f59e0b;background:#fffbeb;color:#92400e}.stock-summary-supplier-stack,.stock-summary-supplier-select-wrap{display:grid;gap:4px}.stock-supplier-chip{display:inline-flex;align-items:center;gap:6px;max-width:100%;min-height:28px;padding:0 10px;border:1px solid var(--supplier-badge-border, #dbe4ef);border-radius:999px;background:var(--supplier-badge-bg, #f8fafc);color:var(--supplier-badge-color, #334155);font-size:11px;font-weight:600;overflow:hidden;text-overflow:ellipsis}.stock-supplier-chip-single{max-width:100%}.stock-supplier-chip-breakdown{min-height:26px;padding:0 8px}.stock-supplier-chip.is-active{box-shadow:0 0 0 2px color-mix(in srgb,var(--supplier-badge-border, #dbe4ef) 50%,transparent)}.stock-supplier-chip-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stock-supplier-chip-qty{font-size:10px;font-weight:700;color:inherit}.stock-supplier-chip.muted{color:#94a3b8}.stock-summary-supplier-select{width:100%;margin:0;padding:6px 8px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#0f172a;font-size:11px}.stock-summary-supplier-meta{color:#64748b;font-size:10px}@media (max-width: 1024px){.stock-summary-controls-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 720px){.stock-summary-overlay{padding:max(0px,env(safe-area-inset-top)) 0 max(0px,env(safe-area-inset-bottom));place-items:start stretch}.stock-summary-modal{width:100%;max-width:100%;min-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom));max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:6px;border-radius:0;gap:8px}.stock-summary-form-section{padding:10px}.stock-summary-controls-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 8px;padding:0;border:0;border-radius:0;background:transparent}.stock-summary-header{gap:8px}.stock-summary-title-row{width:100%;gap:8px}.stock-summary-bulk-actions{display:none}.stock-summary-field-colorway,.stock-summary-field-size-group,.stock-summary-field-stock-type,.stock-summary-field-price,.stock-summary-field-markup{grid-column:span 1}.stock-summary-field-wide,.stock-summary-field-supplier,.stock-summary-field-quantity{grid-column:1 / -1}.stock-summary-field-label{margin-bottom:0;font-size:10px;letter-spacing:.04em;text-transform:uppercase}.stock-summary-field-input,.stock-summary-supplier-select{min-height:42px;padding:10px 12px;font-size:13px;border-radius:12px}.stock-summary-qty-group{grid-template-columns:44px minmax(0,1fr) 44px;gap:8px;max-width:none}.stock-summary-qty-btn{width:44px;min-width:44px;height:42px;min-height:42px;border-radius:12px}.stock-summary-qty-input{font-weight:700}.stock-summary-toolbar-note{font-size:11px}.stock-summary-modal .modal-table-wrap{display:block;margin-inline:-2px;padding-bottom:76px}.stock-summary-table{min-width:660px}.stock-summary-mobile-actions{position:sticky;bottom:0;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:6px -10px 0;padding:10px 10px calc(10px + env(safe-area-inset-bottom));border-top:1px solid #e2e8f0;background:#f8fafcf5;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 -10px 24px #0f172a14;z-index:10}.stock-summary-mobile-actions .stock-summary-apply-btn{grid-column:1 / -1}body.theme-dark .stock-summary-mobile-actions{border-top-color:var(--dark-border);background:#0f172aeb}.stock-summary-header .modal-close-btn{width:28px;height:28px;top:0;right:0}}@media (max-width: 480px){.stock-summary-overlay{padding:max(0px,env(safe-area-inset-top)) 0 max(0px,env(safe-area-inset-bottom))}.stock-summary-modal{width:100%;min-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom));max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:4px;border-radius:0}.stock-summary-form-section{padding:10px}.stock-summary-field-wide,.stock-summary-field-colorway,.stock-summary-field-size-group,.stock-summary-field-stock-type,.stock-summary-field-price,.stock-summary-field-markup,.stock-summary-field-quantity{grid-column:1 / -1}.stock-summary-qty-group{max-width:none}.stock-summary-action-group{grid-template-columns:1fr}.stock-summary-apply-btn{grid-column:auto}.stock-summary-mobile-actions{margin-inline:-8px;margin-bottom:0;padding-inline:8px;bottom:0}}body.theme-dark .stock-summary-helper,body.theme-dark .stock-summary-title-subtext,body.theme-dark .stock-summary-supplier-meta,body.theme-dark .stock-summary-form-hint{color:#94a3b8}body.theme-dark .stock-summary-title,body.theme-dark .stock-cell-value,body.theme-dark .stock-summary-table,body.theme-dark .stock-summary-field-label{color:#f8fafc}body.theme-dark .stock-summary-field-input,body.theme-dark .stock-summary-qty-btn,body.theme-dark .stock-summary-supplier-select{border-color:var(--dark-border);background:color-mix(in srgb,var(--dark-surface) 90%,transparent);color:#e2e8f0}body.theme-dark .stock-summary-bulk-actions{border-top-color:var(--dark-border)}body.theme-dark .stock-summary-total-pill{border-color:var(--dark-border);background:color-mix(in srgb,var(--dark-surface) 92%,transparent);color:#e2e8f0}body.theme-dark .stock-summary-total-pill.is-low{border-color:#f59e0b;background:#d9770633;color:#fcd34d}body.theme-dark .stock-supplier-chip{border-color:var(--supplier-badge-border, color-mix(in srgb, var(--primary-soft) 26%, var(--dark-border)));background:var(--supplier-badge-bg, color-mix(in srgb, var(--primary) 12%, var(--dark-surface)));color:var(--supplier-badge-color, #e2e8f0)}body.theme-dark .stock-supplier-chip.muted{border-color:var(--dark-border);background:color-mix(in srgb,var(--dark-surface) 92%,transparent);color:#94a3b8}body.theme-dark .stock-header-sortable:hover{background:color-mix(in srgb,var(--primary) 12%,transparent);color:#93c5fd}.modal-backdrop,.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--primary-dark) 22%,rgba(15,23,42,.28));display:grid;place-items:center;padding:16px;z-index:50;overflow-y:auto;overscroll-behavior:contain}@media (max-width: 720px){.modal-backdrop,.modal-overlay{z-index:90}}.modal-panel{width:min(900px,100%);max-height:85vh;background:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--primary) 12%,transparent),transparent 46%),linear-gradient(180deg,#fff,#f8fafc);border:1px solid color-mix(in srgb,var(--primary) 20%,#cbd5e1);border-radius:16px;padding:16px;display:grid;gap:10px;box-shadow:0 24px 46px #0f172a33;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.modal-panel-compact{width:min(420px,100%)}.reserve-modal{width:min(960px,96vw);max-height:90vh;overflow-y:auto;border:1px solid color-mix(in srgb,var(--primary) 20%,#cbd5e1);background:linear-gradient(180deg,#fff,#f8fafc);-webkit-overflow-scrolling:touch}.reserve-page-panel{width:min(1840px,100%);margin:0 auto 20px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;display:grid;gap:12px;overflow:visible}.reserve-page-shell{margin-top:10px;padding-inline:clamp(10px,2vw,24px);overflow-x:hidden}.reserve-page-content{display:grid;width:min(1460px,100%);margin-inline:auto;grid-template-columns:minmax(420px,1.15fr) minmax(320px,.85fr);gap:clamp(14px,1.8vw,22px);align-items:start;min-width:0;max-width:100%}@media (max-width: 900px){.reserve-page-content{grid-template-columns:1fr;gap:16px}}@media (min-width: 1100px){.reserve-page-panel{width:min(1960px,100%)}.reserve-page-content{width:min(1580px,100%)}}.reserve-page-media-column{display:grid;gap:8px}.reserve-page-media-column .reserve-modal-image,.reserve-page-media-column .reserve-thumbnail-row{width:100%;margin-inline:0}.reserve-page-media-column .reserve-modal-image{aspect-ratio:auto;height:clamp(450px,55vh,680px)}.reserve-page-form-column{align-self:start;width:100%;gap:12px}.reserve-page-form-column .form-section label{font-size:13px}.reserve-page-form-column input,.reserve-page-form-column select{margin-top:4px;padding:8px 10px;border-radius:9px}.reserve-page-form-column .field-hint{font-size:11px}.reserve-upcoming-sale-price-row{display:inline-flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-top:6px}.reserve-upcoming-sale-price-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#c2410c}.reserve-upcoming-sale-price-value{font-size:24px;line-height:1;font-weight:800;letter-spacing:.08em;color:#b45309;font-variant-numeric:tabular-nums}.reserve-sale-indicator{display:grid;gap:6px;margin-top:10px;padding:12px 14px;border-radius:14px;border:1px solid color-mix(in srgb,var(--primary) 18%,#cbd5e1);background:linear-gradient(180deg,color-mix(in srgb,var(--primary-soft-2) 64%,#ffffff),#fff)}.reserve-sale-indicator-chip{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-height:24px;padding:3px 10px;border-radius:999px;background:#b91c1c;color:#fff;font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.reserve-sale-indicator-chip-pending{background:linear-gradient(135deg,#b45309,#ea580c);color:#fff7ed}.reserve-sale-indicator-text{font-size:13px;line-height:1.5;color:#334155}.reserve-sale-countdown{display:inline-flex;align-items:center;width:fit-content;padding:4px 9px;border-radius:999px;background:color-mix(in srgb,#ea580c 12%,#fff7ed);color:#c2410c;font-size:11px;font-weight:700;letter-spacing:.02em;font-variant-numeric:tabular-nums}body.theme-dark .reserve-sale-indicator{border-color:color-mix(in srgb,var(--primary) 22%,#334155);background:linear-gradient(180deg,color-mix(in srgb,var(--primary-dark) 30%,#111827),#0f172a)}body.theme-dark .reserve-upcoming-sale-price-label{color:#fdba74}body.theme-dark .reserve-upcoming-sale-price-value{color:#fb923c}body.theme-dark .reserve-sale-indicator-chip{background:#ef4444;color:#fff1f2}body.theme-dark .reserve-sale-indicator-chip-pending{background:linear-gradient(135deg,#c2410c,#fb923c);color:#fff7ed}body.theme-dark .reserve-sale-indicator-text{color:#cbd5e1}body.theme-dark .reserve-sale-countdown{background:color-mix(in srgb,#fb923c 16%,#1f2937);color:#fdba74}.reserve-page-form-column .size-grid{grid-template-columns:repeat(auto-fit,minmax(66px,1fr));gap:7px}.reserve-page-form-column .size-btn{min-height:42px;padding:5px;font-size:10px;gap:2px}.reserve-page-form-column .size-stock{font-size:9px}.size-label-row{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.size-label-actions{display:inline-flex;align-items:center;gap:8px;margin-left:auto}.size-guide-pill-btn{margin:0;width:auto;min-height:28px;padding:4px 11px;border-radius:20px;border:1px solid color-mix(in srgb,var(--primary) 30%,#94a3b8);background:color-mix(in srgb,var(--primary-soft) 30%,#ffffff);color:color-mix(in srgb,var(--primary) 80%,#0f172a);font-size:11.5px;font-weight:700;cursor:pointer;white-space:nowrap;letter-spacing:.01em}.size-guide-pill-btn:hover{background:color-mix(in srgb,var(--primary) 14%,#ffffff);border-color:color-mix(in srgb,var(--primary) 50%,#94a3b8)}.size-guide-modal{width:min(460px,100%);max-height:88vh}.size-guide-modal-tabs{display:flex;gap:6px;margin-bottom:4px}.size-guide-table-wrap{border:1px solid color-mix(in srgb,var(--primary) 16%,#cbd5e1);border-radius:10px;background:color-mix(in srgb,var(--primary-soft-2) 35%,#ffffff);overflow:auto}.size-guide-table{width:100%;border-collapse:collapse;font-size:12px}.size-guide-table th,.size-guide-table td{padding:8px 9px;text-align:center;border-bottom:1px solid color-mix(in srgb,var(--primary) 12%,#e2e8f0)}.size-guide-table th{font-weight:700;background:color-mix(in srgb,var(--primary-soft) 28%,#f8fafc)}.size-guide-table tr:last-child td{border-bottom:0}.reserve-page-crumb-link{color:color-mix(in srgb,var(--primary) 76%,#1d4ed8);text-decoration:none;font-weight:inherit;display:inline-flex;align-items:center;line-height:1;margin:0;padding:0;border:none;background:none;font-size:inherit}.reserve-page-crumb-link:hover{text-decoration:underline;text-underline-offset:3px}.reserve-page-crumb-link:focus-visible{outline:2px solid color-mix(in srgb,var(--primary) 42%,transparent);outline-offset:3px;border-radius:4px}.reserve-page-crumb-separator{color:#94a3b8;flex-shrink:0;line-height:1;margin:0;padding:0;font-size:inherit}.reserve-page-crumb-current{color:#0f172a;font-weight:inherit;display:inline-flex;align-items:center;line-height:1;margin:0;padding:0;font-size:inherit}body.theme-dark .reserve-page-crumb-link{color:color-mix(in srgb,var(--primary-soft) 82%,#e2e8f0)}body.theme-dark .reserve-page-crumb-separator{color:#64748b}body.theme-dark .reserve-page-crumb-current{color:#f8fafc}.reserve-confirm-modal{width:min(560px,100%)}.reserve-success-modal{width:min(460px,100%)}.reserve-success-content{display:grid;gap:10px;text-align:center;padding:4px 2px}.reserve-success-icon{width:56px;height:56px;margin:0 auto 2px;border-radius:999px;display:grid;place-items:center;font-size:28px;font-weight:800;color:#fff;background:linear-gradient(180deg,#22c55e,#16a34a);box-shadow:0 12px 22px #16a34a42}.reserve-success-content h2{margin:0;font-size:22px;font-weight:500;color:#0f172a}.reserve-success-copy{margin:0;font-size:13px;line-height:1.6;color:#475569}.reserve-success-ref{margin:0;font-size:12.5px;color:#64748b}.reserve-success-ref strong{color:#0f172a}.reserve-success-actions{margin-top:2px;display:flex;justify-content:center;gap:10px}.reserve-success-secondary-btn,.reserve-success-primary-btn{width:auto;min-width:170px;margin-top:0}body.theme-dark .reserve-success-content h2{color:#f8fafc}body.theme-dark .reserve-success-copy{color:#cbd5e1}body.theme-dark .reserve-success-ref{color:#94a3b8}body.theme-dark .reserve-success-ref strong{color:#e2e8f0}.reserve-confirm-header{margin-bottom:4px}.reserve-confirm-summary{display:grid;gap:14px}.reserve-confirm-product,.reserve-confirm-item{display:grid;gap:4px;padding:13px 14px;border:1px solid color-mix(in srgb,var(--primary) 18%,#cbd5e1);border-radius:12px;background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--primary-soft-2) 36%,#f8fafc))}.reserve-confirm-item strong{line-height:1.35}.reserve-confirm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.reserve-confirm-item-wide{grid-column:1 / -1}.reserve-confirm-label{font-size:var(--caps-label-size);font-weight:var(--caps-label-weight);letter-spacing:var(--caps-label-track);text-transform:uppercase;color:#64748b}.reserve-confirm-subtle{font-size:12px;color:#64748b}.reserve-confirm-preorder-badge{display:inline-flex;width:fit-content;padding:3px 8px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#9a3412;background:#ffedd5;border:1px solid #fdba74}.reserve-confirm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.reserve-confirm-cancel-btn,.reserve-confirm-submit-btn{width:auto;min-width:150px;margin-top:0}.reserve-modal-content{display:grid;grid-template-columns:1fr;gap:clamp(16px,2.4vw,28px)}.reserve-modal-image{display:flex;align-items:center;justify-content:center;background:transparent;border:0;border-radius:12px;overflow:hidden;aspect-ratio:1 / 1;box-shadow:none;position:relative;cursor:zoom-in;user-select:none;-webkit-user-select:none}.reserve-modal-image.zoomed{cursor:crosshair;touch-action:none}.reserve-modal-image img{width:100%;height:100%;object-fit:contain;transition:transform .28s cubic-bezier(.25,.46,.45,.94);will-change:transform;pointer-events:none}.zoom-hint{position:absolute;bottom:8px;right:8px;background:#0f172a8c;color:#f8fafc;font-size:10px;font-weight:600;padding:3px 7px;border-radius:999px;pointer-events:none;letter-spacing:.03em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:opacity .2s}.reserve-thumbnail-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;-webkit-overflow-scrolling:touch;scrollbar-width:none;--rail-edge-fade: 12px;-webkit-mask-image:linear-gradient(to right,transparent 0,#000000 var(--rail-edge-fade),#000000 calc(100% - var(--rail-edge-fade)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000000 var(--rail-edge-fade),#000000 calc(100% - var(--rail-edge-fade)),transparent 100%)}.reserve-thumbnail-row::-webkit-scrollbar{height:0;display:none}.reserve-thumbnail-progress{--reserve-thumbnail-progress-width: min(112px, 34vw);--reserve-thumbnail-progress-thumb-width: 24px;--reserve-thumbnail-progress-thumb-height: 3px;width:var(--reserve-thumbnail-progress-width);height:1px;margin:8px auto 0;border-radius:999px;background:color-mix(in srgb,#cbd5e1 42%,transparent);position:relative;overflow:visible}.reserve-thumbnail-progress-thumb{position:absolute;top:50%;left:0;width:var(--reserve-thumbnail-progress-thumb-width);height:var(--reserve-thumbnail-progress-thumb-height);border-radius:999px;background:color-mix(in srgb,#64748b 72%,#94a3b8);box-shadow:none;transform:translate(calc((var(--reserve-thumbnail-progress-width) - var(--reserve-thumbnail-progress-thumb-width)) * var(--thumbnail-scroll-ratio))) translateY(-50%);transition:transform .12s ease-out}.reserve-thumb-btn{width:110px;min-width:110px;height:110px;padding:0;border:0;border-radius:8px;background:transparent;overflow:hidden;opacity:.32;filter:saturate(.72);transition:opacity .2s,filter .2s,box-shadow .2s;box-shadow:none}.reserve-thumb-btn:focus-visible{outline:2px solid color-mix(in srgb,var(--primary) 55%,transparent);outline-offset:2px}.reserve-thumb-btn img{width:100%;height:100%;display:block;object-fit:cover}.reserve-thumb-btn:hover{transform:none;opacity:.56;filter:saturate(.9);box-shadow:none}.reserve-thumb-btn.active{opacity:1;filter:none;box-shadow:none}.reserve-thumb-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:18px}.reserve-modal-form{display:grid;grid-template-columns:1fr;gap:16px}.reserve-modal .form-section{padding:10px 12px;border:1px solid color-mix(in srgb,var(--primary) 20%,#cbd5e1);border-radius:12px;background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--primary-soft-2) 40%,#f8fafc));box-shadow:inset 0 1px #fffc;transition:border-color .18s ease,box-shadow .18s ease}.reserve-modal .form-section:hover{border-color:color-mix(in srgb,var(--primary) 30%,#cbd5e1);box-shadow:inset 0 1px #fffc,0 6px 14px #0f172a0f}.form-section{display:grid;grid-template-columns:1fr;gap:6px}.form-section label{font-weight:var(--typo-label-weight);font-size:13px;color:#0f172a}.colorway-label{margin-top:6px;padding:10px 12px;font-size:13px;font-weight:500;letter-spacing:.01em;color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:9px;display:block}.colorway-display{margin-top:8px;text-align:left;font-size:13px;font-weight:500;color:#475569;letter-spacing:.02em}body.theme-dark .colorway-label{background:#1e293b;border-color:#334155;color:#e2e8f0}body.theme-dark .colorway-display{color:#cbd5e1}.size-section-list{display:grid;gap:10px}.size-group-toggle{display:inline-grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:4px;border:1px solid color-mix(in srgb,var(--primary) 18%,#cbd5e1);border-radius:12px;background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--primary-soft-2) 30%,#f8fafc))}.size-group-btn{margin-top:0;width:auto;min-width:94px;min-height:38px;padding:8px 12px;border-radius:10px;border:1px solid transparent;background:transparent;box-shadow:none;color:#475569;font-size:12px;font-weight:500;letter-spacing:.03em;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.size-group-btn.active{background:linear-gradient(180deg,var(--primary),var(--primary-strong));border-color:var(--primary);color:var(--on-primary-text);box-shadow:0 10px 18px color-mix(in srgb,var(--primary) 28%,transparent)}.size-section-card{display:grid;gap:8px}.size-section-heading{margin:0;font-size:var(--typo-label-size);font-weight:var(--typo-label-weight);letter-spacing:var(--typo-label-track);text-transform:uppercase;color:#475569}.required{color:#dc2626;margin-left:4px}.size-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:8px}.size-btn{min-height:48px;padding:6px;border:2px solid color-mix(in srgb,var(--primary) 24%,#cbd5e1);background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--primary-soft-2) 52%,#f1f5f9));color:#0b1220;border-radius:10px;font-size:11px;font-weight:500;letter-spacing:.03em;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;transition:all .2s;box-shadow:0 8px 18px #0f172a12;-webkit-tap-highlight-color:transparent;touch-action:manipulation}@media (hover: hover) and (pointer: fine){.size-group-btn:hover{transform:none;box-shadow:none;background:color-mix(in srgb,var(--primary-soft-2) 65%,#ffffff)}.size-btn:hover:not(:disabled){border-color:var(--primary);background:linear-gradient(180deg,#f8fafc,var(--primary-soft-2))}}.size-btn:disabled,.size-btn.unavailable{opacity:.4;cursor:not-allowed}.size-label{font-weight:700;color:#0b1220}.size-stock{font-size:10px;font-weight:600;color:#475569;letter-spacing:.01em}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:6px;line-height:1;background:var(--primary);color:var(--on-primary-text);border:1px solid color-mix(in srgb,var(--primary) 78%,#ffffff);padding:12px 20px;border-radius:12px;font-weight:500;letter-spacing:.03em;cursor:pointer;font-size:14px;margin-top:8px;box-shadow:0 8px 16px color-mix(in srgb,var(--primary) 24%,transparent)}.btn-primary svg{display:block;flex:0 0 auto}.btn-primary:hover{background:color-mix(in srgb,var(--primary) 90%,#000000);border-color:color-mix(in srgb,var(--primary-strong) 78%,#0f172a)}.reserve-submit-btn{width:100%;min-height:48px;margin-top:0;letter-spacing:.03em}.reserve-cta-content{display:inline-flex;align-items:center;gap:7px}.reserve-cta-step{display:inline-flex;align-items:center;padding:2px 6px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.02em;background:#ffffff38;color:currentColor;line-height:1.2}.reserve-form-actions{margin-top:4px}.reserve-image-fallback{width:100%;height:100%;background:linear-gradient(145deg,#1e293b,#334155);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#f3f4f6;text-align:center;padding:24px}.reserve-image-fallback-icon{font-size:46px;margin-bottom:10px}.reserve-image-fallback-name{font-size:16px;font-weight:700}.reserve-image-fallback-colorway{font-size:12px;margin-top:8px;opacity:.85}.btn-delete{background:linear-gradient(180deg,#ef4444,#dc2626);color:#fff;border:1px solid #ef4444;padding:8px 12px;border-radius:10px;font-weight:500;cursor:pointer;font-size:12px;width:auto;margin-top:0;box-shadow:0 10px 20px #dc262633}.btn-delete:hover{background:linear-gradient(180deg,#dc2626,#b91c1c);border-color:#dc2626}.delete-modal{width:100%;max-width:500px;border-radius:12px;box-shadow:0 20px 60px #0f172a3d;overflow:hidden;background:#fff}.delete-modal-header{background:linear-gradient(135deg,#dc2626,#991b1b);color:#fff;padding:24px;display:flex;justify-content:space-between;align-items:center;border-bottom:3px solid #991b1b}.delete-modal-header h2{margin:0;font-size:22px;font-weight:500;letter-spacing:-.5px}.close-btn,.modal-close-btn{background:none;border:none;color:inherit;font-size:20px;line-height:1;cursor:pointer;padding:0;margin:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:999px;box-shadow:none;transition:background .15s,color .15s,transform .15s;flex-shrink:0}.close-btn:hover,.modal-close-btn:hover{background:#00000014}.delete-modal-header .close-btn,.delete-modal-header .modal-close-btn{color:#fff}.delete-modal-header .close-btn:hover,.delete-modal-header .modal-close-btn:hover{background:#fff3}.delete-modal-body{padding:32px;max-height:70vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.warning-box{display:flex;gap:16px;padding:16px;background:#fff1f2;border-left:4px solid #dc2626;border-radius:8px;margin-bottom:28px}.warning-icon{font-size:28px;flex-shrink:0}.warning-text{flex:1}.warning-text p{margin:0 0 8px;font-size:14px;color:#7f1d1d;line-height:1.5}.warning-text p:last-child{margin-bottom:0}.warning-text strong{color:#991b1b}.confirm-code-section{margin-bottom:28px}.confirm-instruction{font-size:14px;color:#475569;margin:0 0 12px;font-weight:500}.confirm-code-display{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:8px;padding:16px;text-align:center;font-family:Monaco,Courier New,monospace;font-size:24px;font-weight:700;letter-spacing:4px;color:#0f172a;margin-bottom:16px;-webkit-user-select:all;user-select:all}.confirm-code-input{width:100%;padding:12px 16px;border:2px solid #cbd5e1;border-radius:8px;font-size:16px;font-family:Monaco,Courier New,monospace;letter-spacing:2px;text-transform:uppercase;transition:border-color .2s;box-sizing:border-box}.confirm-code-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 22%,transparent)}.confirm-code-input::placeholder{color:#cbd5e1;letter-spacing:normal}.delete-modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:24px;border-top:1px solid #e2e8f0;background:#f8fafc}.btn-cancel{padding:12px 24px;background:color-mix(in srgb,var(--surface-raised) 92%,var(--primary-soft) 8%);color:var(--text-strong);border:1px solid var(--border);border-radius:12px;font-weight:500;letter-spacing:.03em;font-size:14px;cursor:pointer;box-shadow:0 4px 12px #0f172a0f;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease,color .2s ease}.btn-cancel:hover{background:color-mix(in srgb,var(--surface-raised) 86%,var(--primary-soft) 14%);border-color:color-mix(in srgb,var(--primary) 34%,#94a3b8)}.btn-delete-confirm{padding:12px 24px;background:linear-gradient(180deg,#ef4444,#dc2626);color:#fff;border:1px solid #dc2626;border-radius:12px;font-weight:500;letter-spacing:.03em;font-size:14px;cursor:pointer;transition:all .2s;box-shadow:0 12px 22px #dc26262e}.btn-delete-confirm:hover:not(:disabled){background:linear-gradient(180deg,#dc2626,#b91c1c);border-color:#dc2626;box-shadow:0 6px 14px #dc262633}.btn-delete-confirm:disabled{background:#fca5a5;border-color:#fca5a5;cursor:not-allowed;opacity:.6}.confirm-action-modal{width:min(440px,100%);gap:12px}.confirm-action-head{display:flex;align-items:center;justify-content:space-between}.confirm-action-head h3{margin:0;font-size:18px;color:#0f172a}.confirm-action-copy{margin:0;color:#475569;line-height:1.5}.confirm-action-target{margin:0;display:inline-flex;align-items:center;width:fit-content;padding:6px 10px;border-radius:999px;background:color-mix(in srgb,var(--primary-soft) 60%,#e2e8f0);color:#1e293b;font-weight:600;font-size:12px}.confirm-action-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.modal-sticky-footer{position:sticky;bottom:-16px;z-index:2;padding:10px;margin-inline:-16px;border-top:1px solid color-mix(in srgb,var(--primary) 16%,#e2e8f0);background:color-mix(in srgb,#ffffff 94%,var(--primary-soft) 6%)}.modal-grid-auto-220{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.modal-grid-gap-10{display:grid;gap:10px}.modal-grid-gap-8{display:grid;gap:8px}.modal-flex-gap-8{display:flex;gap:8px}.modal-flex-gap-8-wrap{display:flex;gap:8px;flex-wrap:wrap}.modal-flex-between-gap-12{display:flex;justify-content:space-between;gap:12px;align-items:center}.modal-card-soft{margin-top:16px;padding:14px;border:1px solid rgba(0,0,0,.08);border-radius:14px;background:#ffffffa6}.modal-card-gradient{margin-top:16px;padding:14px;border-radius:14px;background:linear-gradient(180deg,#0f172a0a,#0f172a05)}.modal-top-divider-dashed{padding-top:8px;border-top:1px dashed rgba(15,23,42,.15)}.modal-text-teal{color:#0f766e}.modal-input-grow-220{flex:1 1 220px}.modal-uppercase{text-transform:uppercase}.modal-m-0{margin:0}.modal-mb-10{margin-bottom:10px}.modal-hint-top-0{margin-top:0}.modal-hint-top-4{margin-top:4px}.modal-hint-top-8-bottom-0{margin-top:8px;margin-bottom:0}.modal-hint-top-10{margin-top:10px}.modal-success-message{margin:16px 0;text-align:center}.modal-actions-center{display:flex;justify-content:center}.modal-btn-minw-120{min-width:120px}.promo-modal-panel{gap:12px}.promo-target-select{min-height:132px;padding:8px 10px}.promo-form-note{margin-bottom:0}.promo-voucher-input:disabled{opacity:1;cursor:not-allowed;color:#334155;-webkit-text-fill-color:#334155;background:color-mix(in srgb,var(--surface-2) 78%,#ffffff)}.promo-voucher-input:disabled::placeholder{color:#64748b}body.theme-dark .promo-voucher-input:disabled{color:#e2e8f0;-webkit-text-fill-color:#e2e8f0;background:color-mix(in srgb,var(--dark-surface) 84%,transparent)}body.theme-dark .promo-voucher-input:disabled::placeholder{color:#94a3b8}.promo-modal-footer{justify-content:flex-end}.promo-modal-footer .btn-cancel,.promo-modal-footer .btn-primary{width:auto;min-width:160px;margin-top:0}.promo-modal-footer-spaced{margin-top:18px}.promo-modal-footer-tight{margin-top:14px}body.theme-dark .modal-sticky-footer{border-top-color:var(--dark-border);background:color-mix(in srgb,var(--dark-surface) 92%,rgba(2,6,23,.95))}.confirm-action-danger-btn{width:auto;min-width:150px;background:linear-gradient(180deg,#ef4444,#dc2626);border:1px solid #dc2626;color:#fff}.confirm-action-danger-btn:hover{background:linear-gradient(180deg,#dc2626,#b91c1c);border-color:#b91c1c}.stock-mode-toggle{width:100%;margin-top:0;background:linear-gradient(180deg,var(--surface-raised),var(--primary-soft));color:var(--text-strong);border:1px solid var(--border);font-weight:600;box-shadow:0 10px 18px #0f172a14;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease,color .2s ease}.stock-mode-toggle.active{background:linear-gradient(180deg,var(--primary),var(--primary-strong));color:var(--on-primary-text);border-color:var(--primary);box-shadow:0 14px 24px color-mix(in srgb,var(--primary) 34%,transparent)}.modal-table-wrap{overflow:auto}.modal-table-wrap table{border-collapse:separate;border-spacing:0}.modal-table-wrap thead th{position:sticky;top:0;z-index:2;background:linear-gradient(180deg,#f8fafc,color-mix(in srgb,var(--primary-soft-2) 75%,#eef2ff))}.modal-table-wrap thead th:first-child{z-index:3}.modal-table-wrap tbody td:first-child,.modal-table-wrap thead th:first-child{position:sticky;left:0}.modal-table-wrap tbody td:first-child{background:#fff;box-shadow:1px 0 #e2e8f0}.logo-preview{width:88px;height:88px;border-radius:999px;object-fit:cover;background:transparent}.logo-preview-empty{width:88px;height:88px;border-radius:999px;border:2px dashed #cbd5e1;display:flex;align-items:center;justify-content:center;font-size:11px;color:#94a3b8;font-weight:600}.logo-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.logo-upload-section{display:grid;gap:10px;align-items:start;padding:14px;border:1px solid #cbd5e1;border-radius:12px;background:linear-gradient(180deg,#fff,#f8fafc)}.logo-upload-label{margin:0;font-size:12px;font-weight:700;color:#334155;letter-spacing:.02em}.logo-upload-section button{width:100%;margin-top:0;padding:8px 10px;font-size:12px}.logo-upload-tile-wrap{flex-direction:column;align-items:center}.logo-upload-tile{flex-shrink:0}.logo-upload-copy{min-width:0;gap:8px;line-height:1.35;text-align:center;width:100%;margin-top:8px}.logo-upload-copy .image-upload-name,.logo-upload-copy .image-upload-note{display:block}.sr-only-file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.image-upload-stack{display:grid;gap:10px;width:100%;padding:14px;border:1px solid #dbe3ee;border-radius:12px;background:#fff}.add-product-upload-row{grid-template-columns:1fr}.image-upload-headline{display:grid;gap:3px;padding-bottom:8px;border-bottom:1px solid #eef2f7}.image-upload-headline strong{font-size:14px;color:#0f172a}.image-upload-headline small{font-size:12px;color:#64748b}.image-upload-field-label{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#475569;margin-bottom:2px}.image-upload-section{display:grid;gap:8px;padding:11px;border-radius:10px;border:1px solid #e7edf5;background:#fbfdff}.image-upload-trigger{width:fit-content;margin-top:0;cursor:pointer}.image-upload-trigger-enterprise{width:100%;min-height:40px;margin-top:0;padding:0 14px;border-radius:10px;border:1px solid #d6deea;background:#fff;color:#1e293b;font-size:12px;font-weight:700;letter-spacing:.01em;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:0 3px 10px #0f172a0d;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease}.image-upload-trigger-enterprise:hover{transform:translateY(-1px);border-color:#c2cedf;background:#f8fbff;box-shadow:0 8px 14px #0f172a14}.image-upload-name{margin-top:0;color:#64748b}.image-upload-meta-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.product-image-upload-tile-wrap{display:flex;align-items:center;gap:12px}.product-image-upload-tile{position:relative;width:72px;height:72px;border-radius:12px;border:1px dashed var(--border);overflow:hidden;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--surface-2) 62%,#f8fafc);cursor:pointer;transition:border-color .15s,background .15s}.product-image-upload-tile:hover{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,#f8fafc)}.product-image-upload-tile-img{width:100%;height:100%;object-fit:cover}.product-image-upload-placeholder{color:var(--text-muted);display:flex;align-items:center;justify-content:center}.product-image-uploading{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffffd1;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;letter-spacing:2px;color:var(--primary)}.product-image-upload-copy{min-width:0;display:grid;gap:4px}.image-upload-preview-inline{display:inline-flex;align-items:center;gap:10px;width:fit-content;margin-top:4px}.image-upload-preview-label{margin:0}.image-upload-submit-btn{width:auto;margin-top:0;white-space:nowrap;padding:9px 14px}.image-upload-note{color:#64748b}.saved-entry-list{margin-top:6px;border-top:1px solid var(--border);padding-top:10px}.saved-entry-title{margin:0 0 8px;font-size:12px;font-weight:700;color:var(--text-muted)}.saved-entry-items{max-height:220px;overflow-y:auto;display:grid;gap:8px;padding-right:2px}.saved-entry-item{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--border);border-radius:10px;padding:7px 9px;background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--primary-soft-2) 34%,#f8fafc))}.saved-entry-item span{font-size:12px;color:var(--text);overflow-wrap:anywhere}.saved-entry-delete-btn{margin-top:0;width:auto;min-width:64px;padding:6px 8px;border-radius:8px;border:1px solid color-mix(in srgb,var(--danger) 44%,var(--border));background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--danger-soft) 66%,#fff5f5));color:#991b1b;font-size:11px;font-weight:700;box-shadow:none}.saved-entry-delete-btn:hover{border-color:var(--danger);background:linear-gradient(180deg,color-mix(in srgb,var(--danger-soft) 44%,#ffffff),color-mix(in srgb,var(--danger-soft) 70%,#fee2e2));color:#7f1d1d}.saved-entry-confirm-actions{display:inline-flex;gap:6px}.saved-entry-confirm-btn,.saved-entry-cancel-btn{margin-top:0;width:auto;min-width:62px;padding:6px 8px;border-radius:8px;font-size:11px;font-weight:700;box-shadow:none}.saved-entry-confirm-btn{border:1px solid color-mix(in srgb,var(--danger) 44%,var(--border));background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--danger-soft) 66%,#fff5f5));color:#991b1b}.saved-entry-confirm-btn:hover{border-color:var(--danger);background:linear-gradient(180deg,color-mix(in srgb,var(--danger-soft) 44%,#ffffff),color-mix(in srgb,var(--danger-soft) 70%,#fee2e2));color:#7f1d1d}.saved-entry-cancel-btn{border:1px solid var(--border);background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--primary-soft-2) 34%,#f8fafc));color:var(--text)}.saved-entry-cancel-btn:hover{border-color:var(--border-strong);background:linear-gradient(180deg,#f8fafc,color-mix(in srgb,var(--primary-soft) 34%,#e2e8f0))}body.theme-dark .saved-entry-list{border-top-color:var(--dark-border)}body.theme-dark .saved-entry-title{color:#cbd5e1}body.theme-dark .saved-entry-item{border-color:var(--dark-border);background:linear-gradient(180deg,color-mix(in srgb,var(--dark-surface) 92%,transparent),color-mix(in srgb,var(--dark-bg-mid) 96%,transparent))}body.theme-dark .saved-entry-item span{color:#e2e8f0}body.theme-dark .saved-entry-delete-btn{border-color:color-mix(in srgb,var(--danger) 42%,var(--dark-border));background:linear-gradient(180deg,color-mix(in srgb,var(--danger) 20%,rgba(17,24,39,.94)),color-mix(in srgb,var(--danger) 12%,rgba(2,6,23,.98)));color:#fecaca}body.theme-dark .saved-entry-delete-btn:hover{border-color:#f87171;color:#ffe4e6}body.theme-dark .saved-entry-confirm-btn{border-color:color-mix(in srgb,var(--danger) 42%,var(--dark-border));background:linear-gradient(180deg,color-mix(in srgb,var(--danger) 20%,rgba(17,24,39,.94)),color-mix(in srgb,var(--danger) 12%,rgba(2,6,23,.98)));color:#fecaca}body.theme-dark .saved-entry-confirm-btn:hover{border-color:#f87171;color:#ffe4e6}body.theme-dark .saved-entry-cancel-btn{border-color:var(--dark-border);background:linear-gradient(180deg,color-mix(in srgb,var(--dark-surface) 92%,transparent),color-mix(in srgb,var(--dark-bg-mid) 96%,transparent));color:#e2e8f0}body.theme-dark .saved-entry-cancel-btn:hover{border-color:var(--dark-border-strong)}.brand-entry-item{align-items:center}.brand-entry-logo-col{flex-shrink:0}.brand-entry-logo{position:relative;width:40px;height:40px;border-radius:8px;border:1px dashed var(--border);overflow:hidden;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--surface-2) 60%,#f8fafc);transition:border-color .15s,background .15s}.brand-entry-logo:hover{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,#f8fafc)}.brand-logo-img{width:100%;height:100%;object-fit:contain;border-radius:7px}.brand-logo-placeholder{color:var(--text-muted);display:flex;align-items:center;justify-content:center}.brand-logo-uploading{position:absolute;top:0;right:0;bottom:0;left:0;background:#fffc;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;letter-spacing:2px;color:var(--primary)}.brand-entry-name{flex:1}body.theme-dark .brand-entry-logo{background:color-mix(in srgb,var(--dark-surface) 80%,transparent);border-color:var(--dark-border)}body.theme-dark .brand-entry-logo:hover{border-color:var(--primary)}body.theme-dark .brand-logo-uploading{background:#000000b3}body.theme-dark .size-guide-table-wrap{background:color-mix(in srgb,var(--dark-surface) 90%,transparent);border-color:var(--dark-border)}body.theme-dark .size-guide-table th,body.theme-dark .size-guide-table td{border-bottom-color:var(--dark-border);color:#e2e8f0}body.theme-dark .size-guide-table th{background:linear-gradient(180deg,color-mix(in srgb,var(--dark-surface) 86%,transparent),color-mix(in srgb,var(--dark-bg-mid) 96%,transparent));color:#f1f5f9}body.theme-dark .reserve-confirm-product,body.theme-dark .reserve-confirm-item{background:linear-gradient(180deg,color-mix(in srgb,var(--dark-surface) 92%,transparent),color-mix(in srgb,var(--dark-bg-mid) 96%,transparent));border-color:var(--dark-border)}body.theme-dark .reserve-confirm-label,body.theme-dark .reserve-confirm-subtle{color:#94a3b8}body.theme-dark .reserve-confirm-preorder-badge{color:#fed7aa;background:color-mix(in srgb,#fb923c 24%,#0f172a);border-color:color-mix(in srgb,#fb923c 42%,#334155)}body.theme-dark .size-group-toggle{background:linear-gradient(180deg,var(--dark-surface),var(--dark-bg-mid));border-color:var(--dark-border)}body.theme-dark .size-group-btn{color:#cbd5e1}body.theme-dark .size-group-btn:hover{background:color-mix(in srgb,var(--primary) 18%,rgba(30,41,59,.9))}body.theme-dark .size-section-heading{color:#94a3b8}body.theme-dark .confirm-action-head h3{color:#f8fafc}body.theme-dark .confirm-action-copy{color:#cbd5e1}body.theme-dark .confirm-action-target{background:color-mix(in srgb,var(--primary) 28%,rgba(30,41,59,.9));color:#e2e8f0}body.theme-dark .modal-table-wrap thead th{background:linear-gradient(180deg,color-mix(in srgb,var(--dark-surface) 86%,transparent),color-mix(in srgb,var(--dark-bg-mid) 96%,transparent));color:#e5e7eb}body.theme-dark .modal-table-wrap tbody td:first-child{background:color-mix(in srgb,var(--dark-surface) 92%,transparent);box-shadow:1px 0 0 var(--dark-border);color:#e2e8f0}body.theme-dark .modal-table-wrap tbody td{color:#e2e8f0}body.theme-dark .image-upload-stack{background:linear-gradient(180deg,var(--dark-surface),var(--dark-bg-mid));border-color:var(--dark-border)}body.theme-dark .image-upload-headline{border-bottom-color:var(--dark-border)}body.theme-dark .image-upload-headline strong{color:#f1f5f9}body.theme-dark .image-upload-headline small,body.theme-dark .image-upload-note,body.theme-dark .image-upload-name,body.theme-dark .image-upload-field-label{color:#94a3b8}body.theme-dark .image-upload-section{background:color-mix(in srgb,var(--dark-surface) 80%,transparent);border-color:var(--dark-border)}body.theme-dark .image-upload-trigger-enterprise{background:linear-gradient(180deg,var(--dark-surface),var(--dark-bg-mid));border-color:var(--dark-border);color:#e2e8f0}body.theme-dark .image-upload-trigger-enterprise:hover{background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 14%,var(--dark-surface)),var(--dark-bg-mid));border-color:color-mix(in srgb,var(--primary-soft) 44%,var(--dark-border))}body.theme-dark .product-image-upload-tile{background:color-mix(in srgb,var(--dark-surface) 80%,transparent);border-color:var(--dark-border)}body.theme-dark .product-image-upload-tile:hover{border-color:var(--primary)}body.theme-dark .product-image-uploading{background:#000000ad}body.theme-dark .size-guide-pill-btn{border-color:color-mix(in srgb,var(--primary-soft) 44%,var(--dark-border));background:color-mix(in srgb,var(--primary) 18%,rgba(30,41,59,.9));color:color-mix(in srgb,var(--primary-soft) 80%,#ffffff)}@media (max-width: 720px){.reserve-page-media-column .reserve-modal-image{aspect-ratio:1 / 1;height:auto}.reserve-confirm-grid{grid-template-columns:1fr}.reserve-confirm-item-wide{grid-column:auto}.reserve-confirm-actions{flex-direction:column-reverse}.reserve-confirm-cancel-btn,.reserve-confirm-submit-btn{width:100%}.reserve-success-actions{flex-direction:column-reverse}.reserve-success-secondary-btn,.reserve-success-primary-btn{width:100%;min-width:0}.reserve-page-content{grid-template-columns:1fr;gap:14px}.modal-backdrop,.modal-overlay{padding:max(8px,env(safe-area-inset-top)) 8px max(12px,env(safe-area-inset-bottom));place-items:start center}.modal-panel,.modal-panel-compact{width:100%;max-height:calc(100dvh - 16px);border-radius:12px}.reserve-modal{width:100%;max-height:calc(100dvh - 16px);border-radius:14px;padding:12px}.reserve-modal-content{grid-template-columns:1fr;gap:12px}.reserve-modal-image{aspect-ratio:1 / 1}.reserve-thumbnail-row{gap:6px;--rail-edge-fade: 8px}.reserve-thumb-btn{width:88px;min-width:88px;height:88px;border-radius:6px}.reserve-modal .form-section{padding:12px}.size-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.size-btn{min-height:44px;padding:4px;font-size:11.5px}.reserve-product-title{font-size:clamp(25px,6.4vw,29px);line-height:1.16;letter-spacing:-.02em}.reserve-product-meta-item{font-size:10px}.reserve-product-desc{font-size:13px;line-height:1.58}.reserve-product-price-display{font-size:.95rem;text-align:right;align-self:end}.reserve-breadcrumb{font-size:13.5px}.reserve-accordion-toggle{font-size:14px;font-weight:700;line-height:1.35}.reserve-form-actions{margin-top:8px;padding-top:0;background:transparent;display:none}.image-upload-stack{gap:10px;padding:12px}.image-upload-section{gap:7px;padding:10px}.image-upload-meta-row{grid-template-columns:1fr;gap:8px}.image-upload-name{line-height:1.4;overflow-wrap:anywhere}.image-upload-submit-btn,.image-upload-trigger-enterprise{width:100%}.reserve-submit-btn{min-height:50px;font-size:15.5px}.reserve-confirm-promo-head{flex-direction:column;align-items:flex-start;gap:8px}.reserve-confirm-promo-status{white-space:normal;overflow-wrap:anywhere}}.reserve-breadcrumb{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0 0 4px;padding:0;font-size:13px;line-height:1.4;font-weight:700;font-synthesis:none;height:auto;min-height:20px;width:100%;box-sizing:border-box;font-variant-numeric:tabular-nums;text-rendering:geometricPrecision}@media (max-width: 900px){.reserve-breadcrumb{font-size:13px;gap:6px}}@media (max-width: 720px){.reserve-breadcrumb{font-size:13px;gap:6px}}.reserve-back-link{display:inline-flex;align-items:center;gap:5px;line-height:1;margin:0;padding:0;border:none;background:none;font-size:inherit;color:inherit}.reserve-back-arrow{font-size:15px;line-height:1;display:inline-block;flex-shrink:0;margin:0;padding:0;border:none;background:none}.reserve-back-link:hover .reserve-back-arrow{animation:none;transform:none}.reserve-page-crumb-brand{color:#64748b;font-weight:600;display:inline-flex;align-items:center;line-height:1;margin:0;padding:0;font-size:inherit}body.theme-dark .reserve-page-crumb-brand{color:#94a3b8}.reserve-media-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:4px}.reserve-size-price-badge{font-size:12px;font-weight:500;font-variant-numeric:tabular-nums;color:#64748b;background:transparent;border:0;padding:0;border-radius:0;white-space:nowrap}body.theme-dark .reserve-size-price-badge{background:transparent;border-color:transparent;color:#94a3b8}.reserve-product-header{display:grid;gap:5px;padding-bottom:14px;border-bottom:1px solid color-mix(in srgb,var(--primary) 14%,#e2e8f0)}.reserve-product-meta-row{display:flex;align-items:center;gap:2px;flex-wrap:wrap}.reserve-product-meta-item{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;line-height:1.35;color:#64748b;font-weight:500}.reserve-product-meta-separator{color:#94a3b8}.reserve-brand-chip{display:inline-flex;align-items:center;padding:1px 5px;background:linear-gradient(135deg,var(--primary),var(--primary-strong));color:var(--on-primary-text);font-size:7.5px;font-weight:var(--caps-label-weight);letter-spacing:var(--caps-label-track);text-transform:uppercase;border-radius:999px;box-shadow:0 3px 10px color-mix(in srgb,var(--primary) 30%,transparent)}.reserve-dept-chip{display:inline-flex;align-items:center;padding:1px 4px;background:color-mix(in srgb,var(--primary-soft) 38%,#f1f5f9);color:color-mix(in srgb,var(--primary) 80%,#334155);border:1px solid color-mix(in srgb,var(--primary) 20%,#e2e8f0);font-size:7.5px;font-weight:var(--caps-label-weight);letter-spacing:var(--caps-label-track);text-transform:uppercase;border-radius:999px}.reserve-view-badge{display:inline-flex;align-items:center;gap:2px;font-size:7.75px;font-weight:500;color:#64748b}.reserve-sold-badge{display:inline-flex;align-items:center;font-size:7.75px;font-weight:500;color:#64748b}.reserve-product-title{margin:0;font-size:clamp(24px,2.7vw,30px);font-weight:500;color:#0b1220;line-height:1.18;letter-spacing:-.02em}.reserve-product-desc{margin:0;font-size:12.5px;color:#475569;line-height:1.6}.reserve-product-price-display{font-size:clamp(.98rem,1.3vw,1.08rem);font-weight:var(--typo-numeric-weight);letter-spacing:var(--typo-numeric-track);font-variant-numeric:tabular-nums;color:color-mix(in srgb,var(--primary) 88%,#0f172a);line-height:1.3}.reserve-sale-indicator{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:2px}.reserve-sale-indicator-chip{display:inline-flex;align-items:center;min-height:24px;padding:3px 10px;border-radius:999px;border:1px solid #86efac;background:#ecfdf3;color:#166534;font-size:10px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.reserve-sale-indicator-chip-pending{border-color:#bfdbfe;background:#eff6ff;color:#1e3a8a}.reserve-sale-indicator-text{font-size:11.5px;color:#475569}.reserve-confirm-promo-head{align-items:flex-start}.reserve-confirm-promo-copy{display:grid;gap:2px;min-width:0}.reserve-confirm-promo-title{display:block;line-height:1.35}.reserve-confirm-promo-description,.reserve-confirm-promo-autosale{line-height:1.45}.reserve-confirm-promo-status{flex-shrink:0;white-space:nowrap;margin-top:1px}.size-price-hint{font-size:12px;color:#64748b;margin-top:2px;letter-spacing:.005em}.size-price-hint strong{font-weight:500;font-variant-numeric:tabular-nums;color:inherit}body.theme-dark .reserve-product-header{border-bottom-color:var(--dark-border)}body.theme-dark .reserve-product-title{color:#f8fafc}body.theme-dark .reserve-product-desc{color:#94a3b8}body.theme-dark .reserve-product-price-display{color:color-mix(in srgb,var(--primary-soft) 82%,#e2e8f0)}body.theme-dark .reserve-sale-indicator-chip{border-color:color-mix(in srgb,#86efac 65%,var(--dark-border));background:color-mix(in srgb,#14532d 68%,var(--surface));color:#bbf7d0}body.theme-dark .reserve-sale-indicator-chip-pending{border-color:color-mix(in srgb,#60a5fa 55%,var(--dark-border));background:color-mix(in srgb,#1e3a8a 58%,var(--surface));color:#bfdbfe}body.theme-dark .reserve-sale-indicator-text{color:#94a3b8}body.theme-dark .reserve-dept-chip{background:color-mix(in srgb,var(--primary) 20%,rgba(30,41,59,.9));border-color:color-mix(in srgb,var(--primary) 30%,var(--dark-border));color:color-mix(in srgb,var(--primary-soft) 80%,#e2e8f0)}body.theme-dark .reserve-view-badge,body.theme-dark .reserve-sold-badge,body.theme-dark .size-price-hint{color:#94a3b8}body.theme-dark .size-price-hint strong{color:inherit}.qty-stepper{display:inline-flex;align-items:center;gap:8px;padding:0;border:0;background:transparent;box-shadow:none}.qty-btn{width:36px;height:36px;margin:0;border:1px solid #d1d5db;background:#fff;font-size:16px;font-weight:700;color:#334155;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:none;border-radius:8px;flex-shrink:0;transition:border-color .15s ease,background .15s ease;line-height:1}.qty-btn svg{width:16px;height:16px}.qty-btn-minus{color:#334155}.qty-btn-plus{color:#0f766e}.qty-btn:hover:not(:disabled){background:#f8fafc;border-color:#94a3b8;transform:none;box-shadow:none}.qty-btn:disabled{opacity:.45;cursor:not-allowed}.qty-btn:disabled:hover{background:#fff}.qty-value-stack{min-width:62px;height:36px;border:1px solid #d1d5db;border-radius:8px;background:#fff;display:grid;align-content:center;justify-items:center;line-height:1;padding:2px 6px}.qty-caption{font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#64748b}.qty-value{text-align:center;font-size:16px;font-weight:700;color:#0f172a;font-variant-numeric:tabular-nums}.qty-value-up,.qty-value-down{animation:none}.qty-helper{display:block;margin-top:8px}@keyframes qty-value-pulse-up{0%{transform:scale(.94);background:color-mix(in srgb,#dcfce7 72%,#ffffff)}to{transform:scale(1);background:#fff}}@keyframes qty-value-pulse-down{0%{transform:scale(.94);background:color-mix(in srgb,#fee2e2 72%,#ffffff)}to{transform:scale(1);background:#fff}}body.theme-dark .qty-stepper{border-color:transparent;background:transparent}body.theme-dark .qty-btn{color:#cbd5e1;border-color:var(--dark-border);background:color-mix(in srgb,var(--dark-surface) 94%,transparent)}body.theme-dark .qty-btn-plus{color:#86efac}body.theme-dark .qty-btn-minus{color:#cbd5e1}body.theme-dark .qty-btn:hover:not(:disabled){background:color-mix(in srgb,var(--dark-surface) 82%,#ffffff 18%);border-color:#64748b}body.theme-dark .qty-value{color:#e2e8f0}body.theme-dark .qty-value-stack{border-color:var(--dark-border);background:color-mix(in srgb,var(--dark-surface) 86%,transparent)}body.theme-dark .qty-caption{color:#94a3b8}body.theme-dark .qty-value-up,body.theme-dark .qty-value-down{animation:none}@keyframes qty-value-pulse-up-dark{0%{transform:scale(.94);background:color-mix(in srgb,#22c55e 24%,var(--dark-surface))}to{transform:scale(1);background:color-mix(in srgb,var(--dark-surface) 86%,transparent)}}@keyframes qty-value-pulse-down-dark{0%{transform:scale(.94);background:color-mix(in srgb,#ef4444 20%,var(--dark-surface))}to{transform:scale(1);background:color-mix(in srgb,var(--dark-surface) 86%,transparent)}}.reserve-customer-section{gap:10px}.customer-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.customer-info-field,.customer-notes-field{display:grid;gap:5px}.customer-field-label{font-size:var(--caps-label-size);font-weight:var(--caps-label-weight);color:#475569;letter-spacing:var(--caps-label-track);text-transform:uppercase;display:block}.field-hint-inline{font-size:10.5px;font-weight:500;color:#94a3b8}.notes-textarea{width:100%;padding:8px 10px;font-size:13px;font-family:inherit;border:1.5px solid color-mix(in srgb,var(--primary) 20%,#e2e8f0);border-radius:9px;resize:vertical;min-height:60px;box-sizing:border-box;transition:border-color .2s,box-shadow .2s;color:#0f172a;background:#fff;line-height:1.5}.notes-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 14%,transparent)}body.theme-dark .customer-field-label{color:#94a3b8}body.theme-dark .notes-textarea{background:var(--dark-surface);border-color:var(--dark-border);color:#e2e8f0}body.theme-dark .notes-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 16%,transparent)}.size-btn.active{border-color:var(--primary-strong);background:linear-gradient(180deg,var(--primary),var(--primary-strong));box-shadow:0 0 0 1px color-mix(in srgb,var(--primary-dark) 30%,var(--primary)),0 10px 18px color-mix(in srgb,var(--primary) 30%,transparent)}.size-btn.active .size-label{color:var(--on-primary-text)}.size-btn.active .size-stock{color:color-mix(in srgb,var(--on-primary-text) 84%,transparent)}.reserve-related-section{margin-top:24px;padding-top:22px;border-top:1px solid color-mix(in srgb,var(--primary) 12%,#e2e8f0);width:min(1460px,100%);max-width:100%;min-width:0;margin-inline:auto}@media (min-width: 1100px){.reserve-related-section{width:min(1580px,100%)}}.reserve-related-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:14px}.reserve-related-title{margin:0;font-size:15px;font-weight:400;color:#0f172a;letter-spacing:-.005em}.reserve-related-subtitle{margin:4px 0 0;font-size:12px;color:#64748b}.reserve-related-grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(176px,auto);gap:14px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scroll-padding-inline:2px;padding-bottom:4px;width:100%;max-width:100%;min-width:0;-webkit-overflow-scrolling:touch;scrollbar-width:none;--related-edge-fade: 0;-webkit-mask-image:none;mask-image:none;align-items:stretch}.reserve-related-grid::-webkit-scrollbar{height:0;display:none}.reserve-related-item{display:grid;grid-template-rows:1fr auto;gap:8px;isolation:isolate;position:relative;overflow:visible;scroll-snap-align:start;height:100%}.reserve-related-item .product-card{height:100%}.reserve-related-grid .product-card,.reserve-related-grid .product-card:hover{transform:none!important;animation:none!important}.reserve-related-grid .product-image-wrap{min-height:0!important;height:auto;aspect-ratio:1 / 1;overflow:hidden}.reserve-related-grid .product-image{object-fit:contain;object-position:center}.reserve-related-grid .product-card .product-image,.reserve-related-grid .product-card:hover .product-image{transform:none!important}.reserve-related-progress{--reserve-related-progress-width: min(124px, 30vw);--reserve-related-progress-thumb-width: 28px;--reserve-related-progress-thumb-height: 4px;width:var(--reserve-related-progress-width);height:1px;margin:9px auto 0;border-radius:999px;background:color-mix(in srgb,#cbd5e1 42%,transparent);position:relative;overflow:visible}.reserve-related-progress-thumb{position:absolute;top:50%;left:0;width:var(--reserve-related-progress-thumb-width);height:var(--reserve-related-progress-thumb-height);border-radius:999px;background:color-mix(in srgb,#64748b 72%,#94a3b8);box-shadow:0 1px 3px #0f172a33;transform:translate(calc((var(--reserve-related-progress-width) - var(--reserve-related-progress-thumb-width)) * var(--related-scroll-ratio))) translateY(-50%);transition:transform .12s ease-out}.reserve-related-reasons{display:flex;align-items:center;min-height:20px}.reserve-related-reason-chip{display:inline-flex;align-items:center;width:fit-content;padding:3px 8px;border-radius:999px;border:1px solid color-mix(in srgb,var(--primary) 22%,#cbd5e1);background:color-mix(in srgb,var(--primary-soft) 32%,#ffffff);color:color-mix(in srgb,var(--primary) 80%,#334155);font-size:10px;font-weight:500;letter-spacing:.03em}.reserve-related-link-btn{margin-top:0;width:auto;min-height:32px;padding:6px 10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--primary) 30%,#94a3b8);background:color-mix(in srgb,var(--primary-soft) 26%,#ffffff);color:color-mix(in srgb,var(--primary) 82%,#0f172a);font-size:11px;font-weight:500;letter-spacing:.03em}.reserve-related-link-btn:hover{transform:none;background:color-mix(in srgb,var(--primary) 12%,#ffffff)}.reserve-related-grid .product-card{transition:transform .18s ease}.reserve-related-grid .product-card:hover{transform:translateY(-2px)}@media (min-width: 721px){.reserve-related-grid .product-card:hover,.reserve-related-grid .product-card:hover .product-image,.reserve-related-grid .product-card .product-image{transform:none}}body.theme-dark .reserve-related-section{border-top-color:var(--dark-border)}body.theme-dark .reserve-related-title{color:#f8fafc}body.theme-dark .reserve-related-subtitle{color:#94a3b8}body.theme-dark .reserve-related-reason-chip{border-color:color-mix(in srgb,var(--primary) 28%,var(--dark-border));background:color-mix(in srgb,var(--primary) 16%,rgba(30,41,59,.9));color:color-mix(in srgb,var(--primary-soft) 80%,#e2e8f0)}body.theme-dark .reserve-related-progress,body.theme-dark .reserve-thumbnail-progress{background:color-mix(in srgb,#334155 58%,transparent)}body.theme-dark .reserve-related-progress-thumb,body.theme-dark .reserve-thumbnail-progress-thumb{background:color-mix(in srgb,var(--primary-soft) 46%,#94a3b8);box-shadow:none}body.theme-dark .reserve-related-link-btn{border-color:color-mix(in srgb,var(--primary-soft) 42%,var(--dark-border));background:color-mix(in srgb,var(--primary) 16%,rgba(30,41,59,.9));color:color-mix(in srgb,var(--primary-soft) 84%,#e2e8f0)}.reserve-confirm-product-visual{display:flex;align-items:center;gap:14px;padding:14px;border:1px solid color-mix(in srgb,var(--primary) 18%,#cbd5e1);border-radius:12px;background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--primary-soft-2) 36%,#f8fafc));margin-bottom:2px}.reserve-confirm-thumb{width:68px;height:68px;object-fit:contain;border-radius:8px;background:transparent;flex-shrink:0}.reserve-confirm-thumb-fallback{width:68px;height:68px;display:flex;align-items:center;justify-content:center;font-size:30px;background:color-mix(in srgb,var(--primary-soft) 28%,#f1f5f9);border-radius:8px;flex-shrink:0}.reserve-confirm-product-info{display:grid;gap:3px;min-width:0}.reserve-confirm-product-name{font-size:15px;font-weight:500;color:#0f172a;line-height:1.2}.reserve-confirm-product-brand{font-size:11px;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.03em}.reserve-confirm-price-hint{font-size:12px;font-weight:500;letter-spacing:.005em;font-variant-numeric:tabular-nums;color:#64748b;margin-top:2px}body.theme-dark .reserve-confirm-product-visual{background:linear-gradient(180deg,color-mix(in srgb,var(--dark-surface) 92%,transparent),color-mix(in srgb,var(--dark-bg-mid) 96%,transparent));border-color:var(--dark-border)}body.theme-dark .reserve-confirm-product-name{color:#f8fafc}body.theme-dark .reserve-confirm-product-brand,body.theme-dark .reserve-confirm-price-hint{color:#94a3b8}body.theme-dark .reserve-confirm-thumb-fallback{background:color-mix(in srgb,var(--dark-surface) 80%,transparent)}@media (max-width: 720px){.customer-info-grid{grid-template-columns:1fr;gap:8px}.reserve-page-form-column input,.reserve-page-form-column select,.notes-textarea{font-size:16px}.reserve-related-grid{grid-auto-flow:column;grid-auto-columns:minmax(152px,auto);gap:10px;--related-edge-fade: 0;-webkit-mask-image:none;mask-image:none}.reserve-related-progress{--reserve-related-progress-width: min(112px, 38vw);--reserve-related-progress-thumb-width: 24px;--reserve-related-progress-thumb-height: 4px}.reserve-thumbnail-progress{--reserve-thumbnail-progress-width: min(104px, 40vw);--reserve-thumbnail-progress-thumb-width: 22px;--reserve-thumbnail-progress-thumb-height: 3px}.reserve-related-header{flex-direction:column;align-items:stretch}.reserve-related-link-btn{width:fit-content;align-self:flex-start}.reserve-related-title{font-size:14px}.reserve-related-subtitle{font-size:11px}.reserve-confirm-product-visual{gap:10px;padding:11px}.reserve-confirm-thumb,.reserve-confirm-thumb-fallback{width:56px;height:56px}}@media (max-width: 520px){.modal-panel,.modal-panel-compact,.reserve-modal{max-height:calc(100dvh - 10px)}.size-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reserve-image-fallback-icon{font-size:40px}.reserve-thumb-btn{width:70px;min-width:70px;height:70px;border-radius:5px}.image-upload-stack{padding:10px}.image-upload-headline strong{font-size:13px}.image-upload-headline small,.image-upload-note,.image-upload-name{font-size:11px}}@media (max-width: 420px){.reserve-related-grid{grid-auto-columns:minmax(140px,auto);gap:8px;--related-edge-fade: 0}.reserve-related-progress{--reserve-related-progress-width: min(100px, 38vw);--reserve-related-progress-thumb-width: 22px;--reserve-related-progress-thumb-height: 4px}.reserve-thumbnail-progress{--reserve-thumbnail-progress-width: min(96px, 42vw);--reserve-thumbnail-progress-thumb-width: 20px;--reserve-thumbnail-progress-thumb-height: 3px}}@media (min-width: 721px) and (max-width: 980px){.reserve-modal{width:min(920px,96vw)}.reserve-modal-content{grid-template-columns:1fr;gap:16px}.reserve-modal-image,.reserve-thumbnail-row{width:min(100%,530px);margin-inline:auto}.size-grid{grid-template-columns:repeat(auto-fit,minmax(78px,1fr))}}@media (min-width: 981px){.reserve-modal-content{grid-template-columns:1fr;gap:clamp(16px,2.4vw,28px)}.reserve-modal-image,.reserve-thumbnail-row{width:min(100%,510px);margin-inline:auto}}.reserve-sticky-cta{display:none}@media (max-width: 720px){.reserve-page-shell{padding-bottom:86px}.reserve-sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:35;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:color-mix(in srgb,#ffffff 94%,var(--primary-soft) 6%);border-top:1px solid color-mix(in srgb,var(--primary) 16%,#e2e8f0);box-shadow:0 -8px 22px #0f172a1f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.reserve-sticky-cta-meta{display:grid;gap:2px;min-width:0}.reserve-sticky-cta-size{font-size:12.5px;font-weight:600;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reserve-sticky-cta-price{font-size:11.5px;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:.005em;color:#64748b}.reserve-sticky-cta-btn{width:auto;min-width:150px;min-height:42px;margin-top:0;padding:10px 16px;border-radius:11px;font-size:13px;letter-spacing:.02em;box-shadow:0 10px 18px color-mix(in srgb,var(--primary) 30%,transparent)}body.theme-dark .reserve-sticky-cta{background:color-mix(in srgb,var(--dark-surface) 92%,rgba(2,6,23,.95));border-top-color:var(--dark-border)}body.theme-dark .reserve-sticky-cta-size{color:#e2e8f0}body.theme-dark .reserve-sticky-cta-price{color:#94a3b8}}.reserve-accordion-toggle{display:none}.reserve-accordion-body{display:grid;gap:6px;overflow:hidden;opacity:1;max-height:1400px;transition:max-height .28s ease,opacity .2s ease}.reserve-accordion-icon{font-size:14px;line-height:1;color:#64748b;transition:transform .22s ease}.reserve-accordion-section.open .reserve-accordion-icon{transform:rotate(180deg)}body.theme-dark .reserve-accordion-icon{color:#94a3b8}@media (max-width: 720px){.reserve-accordion-body .qty-stepper{width:100%;justify-content:space-between;gap:8px;padding:5px}.reserve-accordion-body .qty-btn{width:42px;height:42px;border-radius:11px}.reserve-accordion-body .qty-btn svg{width:18px;height:18px}.reserve-accordion-body .qty-value-stack{min-width:88px;height:42px;padding:4px 10px;flex:1}.reserve-accordion-body .qty-caption{font-size:9.5px}.reserve-accordion-body .qty-value{font-size:16px}.modal-sticky-footer{bottom:calc(-12px - env(safe-area-inset-bottom));margin-inline:-12px;padding:10px 12px calc(10px + env(safe-area-inset-bottom))}.promo-modal-footer{justify-content:stretch}.promo-modal-footer .btn-cancel,.promo-modal-footer .btn-primary{flex:1;min-width:0}.reserve-accordion-section{padding:0;overflow:hidden}.reserve-accordion-toggle{display:flex;width:100%;margin:0;min-height:44px;padding:11px 12px;border:0;border-radius:0;background:transparent;box-shadow:none;align-items:center;justify-content:space-between;gap:8px;font-size:14px;font-weight:700;line-height:1.35;color:#0f172a;text-align:left;transition:background .18s ease}.reserve-accordion-toggle:hover{transform:none;box-shadow:none;background:color-mix(in srgb,var(--primary-soft-2) 46%,#ffffff)}.reserve-accordion-body{padding:0 10px;max-height:0;opacity:0;pointer-events:none}.reserve-accordion-section.open .reserve-accordion-body{padding:0 10px 10px;max-height:980px;opacity:1;pointer-events:auto}.reserve-accordion-body>label:first-child{display:none}.reserve-accordion-body .size-label-row>label{display:none}.reserve-accordion-body .size-label-row{justify-content:flex-end}body.theme-dark .reserve-accordion-toggle{color:#e2e8f0}body.theme-dark .reserve-accordion-toggle:hover{background:color-mix(in srgb,var(--primary) 14%,var(--dark-surface))}}.reserve-submit-btn.reserve-step-size,.reserve-sticky-cta-btn.reserve-step-size{background:color-mix(in srgb,var(--primary-soft-2) 44%,#e2e8f0);border-color:color-mix(in srgb,var(--primary) 24%,#cbd5e1);color:color-mix(in srgb,var(--primary-strong) 48%,#1e293b);box-shadow:0 5px 10px color-mix(in srgb,var(--primary) 12%,transparent)}.reserve-submit-btn.reserve-step-size:hover,.reserve-sticky-cta-btn.reserve-step-size:hover{background:color-mix(in srgb,var(--primary-soft) 50%,#e2e8f0)}.reserve-submit-btn.reserve-step-size .reserve-cta-step,.reserve-sticky-cta-btn.reserve-step-size .reserve-cta-step{background:color-mix(in srgb,#ffffff 58%,transparent)}.reserve-submit-btn.reserve-step-quantity,.reserve-sticky-cta-btn.reserve-step-quantity{background:color-mix(in srgb,var(--primary-soft) 58%,#dbeafe);border-color:color-mix(in srgb,var(--primary) 40%,#93c5fd);color:color-mix(in srgb,var(--primary-strong) 58%,#0f172a);box-shadow:0 7px 13px color-mix(in srgb,var(--primary) 18%,transparent)}.reserve-submit-btn.reserve-step-quantity:hover,.reserve-sticky-cta-btn.reserve-step-quantity:hover{background:color-mix(in srgb,var(--primary-soft) 52%,#dbeafe)}.reserve-submit-btn.reserve-step-quantity .reserve-cta-step,.reserve-sticky-cta-btn.reserve-step-quantity .reserve-cta-step{background:color-mix(in srgb,#ffffff 48%,transparent)}.reserve-submit-btn.reserve-step-info,.reserve-sticky-cta-btn.reserve-step-info{background:color-mix(in srgb,var(--primary) 78%,#2563eb);border-color:color-mix(in srgb,var(--primary-strong) 68%,#1e3a8a);color:var(--on-primary-text);box-shadow:0 9px 16px color-mix(in srgb,var(--primary) 24%,transparent)}.reserve-submit-btn.reserve-step-info:hover,.reserve-sticky-cta-btn.reserve-step-info:hover{background:color-mix(in srgb,var(--primary) 84%,#1d4ed8)}.reserve-submit-btn.reserve-step-info .reserve-cta-step,.reserve-sticky-cta-btn.reserve-step-info .reserve-cta-step,.reserve-submit-btn.reserve-step-ready .reserve-cta-step,.reserve-sticky-cta-btn.reserve-step-ready .reserve-cta-step{background:#ffffff3d}.reserve-submit-btn.reserve-step-ready,.reserve-sticky-cta-btn.reserve-step-ready{background:var(--primary);border-color:color-mix(in srgb,var(--primary-strong) 78%,#0f172a);color:var(--on-primary-text);box-shadow:0 10px 18px color-mix(in srgb,var(--primary) 30%,transparent)}.reserve-submit-btn:focus-visible,.reserve-sticky-cta-btn:focus-visible,.reserve-accordion-toggle:focus-visible,.qty-btn:focus-visible,.size-group-btn:focus-visible,.size-btn:focus-visible{outline:2px solid color-mix(in srgb,var(--primary) 55%,transparent);outline-offset:2px}@media (prefers-reduced-motion: reduce){.reserve-modal .form-section,.reserve-thumb-btn,.reserve-related-grid .product-card,.reserve-accordion-body,.reserve-accordion-toggle,.reserve-accordion-icon,.qty-value-up,.qty-value-down{transition:none!important;animation:none!important}}.theme-picker-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--primary-dark) 38%,rgba(2,6,23,.5));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;padding:16px;animation:fadeIn .2s ease-out}.theme-picker-modal{position:relative;background:linear-gradient(135deg,#fffffffc,#f8fafcf5);border:1px solid color-mix(in srgb,var(--primary) 28%,#cbd5e1);border-radius:18px;box-shadow:0 28px 56px color-mix(in srgb,var(--primary-dark) 24%,rgba(15,23,42,.18));max-width:760px;width:100%;animation:slideUp .3s cubic-bezier(.4,0,.2,1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}.theme-picker-modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;margin:0;padding:0;background:transparent;border:0;border-radius:999px;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;color:color-mix(in srgb,var(--primary-dark) 62%,#64748b)}.theme-picker-modal-close:hover{background:color-mix(in srgb,var(--primary) 18%,transparent);color:color-mix(in srgb,var(--primary-dark) 76%,#0f172a)}body.theme-dark .theme-picker-modal-backdrop{background:#020617b3}body.theme-dark .theme-picker-modal{background:linear-gradient(180deg,#111827f7,#0a101ef7);border-color:color-mix(in srgb,var(--theme-accent, #60a5fa) 40%,rgba(148,163,184,.28));box-shadow:0 24px 48px #0206177a}body.theme-dark .theme-picker-modal-close{background:transparent;color:#cbd5e1}body.theme-dark .theme-picker-modal-close:hover{background:color-mix(in srgb,var(--primary) 28%,transparent);color:#f1f5f9}@media (max-width: 480px){.theme-picker-modal-backdrop{padding:12px}.theme-picker-modal{max-width:100%}}*{box-sizing:border-box}@font-face{font-family:matter;src:local("Matter"),local("matter");font-style:normal;font-display:swap}:root{color-scheme:light;--scrollbar-size: 9px;--scrollbar-radius: 999px;--scrollbar-track: color-mix(in srgb, var(--surface-2) 58%, transparent);--scrollbar-thumb: color-mix(in srgb, var(--primary) 34%, #94a3b8);--scrollbar-thumb-hover: color-mix(in srgb, var(--primary-strong) 56%, #64748b);--scrollbar-thumb-active: color-mix(in srgb, var(--primary-dark) 66%, #475569);--rail-scrollbar-size: 4px;--rail-scrollbar-track: color-mix(in srgb, #e2e8f0 68%, transparent);--rail-scrollbar-thumb: color-mix(in srgb, #94a3b8 72%, #cbd5e1);--rail-scrollbar-thumb-hover: color-mix(in srgb, #94a3b8 82%, #64748b);--rail-scrollbar-thumb-active: color-mix(in srgb, #64748b 82%, #475569);--bg-base: #f8fafc;--bg-accent: #eef2ff;--surface: #ffffff;--surface-raised: #ffffff;--surface-2: #f8fafc;--surface-tint: #f1f5f9;--surface-3: #e2e8f0;--border: #cbd5e1;--border-strong: #94a3b8;--text: #0f172a;--text-strong: #111827;--text-muted: #64748b;--text-soft: #94a3b8;--primary: #4f46e5;--primary-strong: #4338ca;--primary-dark: #312e81;--primary-soft: #e0e7ff;--primary-soft-2: #eef2ff;--on-primary-text: #f8fafc;--focus-ring: rgba(79, 70, 229, .18);--theme-gradient-start: rgba(79, 70, 229, .14);--theme-gradient-end: rgba(79, 70, 229, .06);--theme-dark-bg: rgba(79, 70, 229, .22);--theme-dark-bg-2: rgba(79, 70, 229, .12);--tooltip-bg: #0f172a;--tooltip-border: #1e293b;--footer-bg: rgba(255, 255, 255, .92);--dark-bg-start: #0b1220;--dark-bg-mid: #0f172a;--dark-bg-end: #111827;--dark-surface: #1e293b;--dark-surface-2: #111827;--dark-border: #475569;--dark-border-strong: #64748b;--dark-hover: rgba(59, 130, 246, .24);--dark-chip: rgba(59, 130, 246, .28);--danger: #dc2626;--danger-soft: #fee2e2;--success: #16a34a;--warning: #d97706;--shadow-sm: 0 3px 10px rgba(15, 23, 42, .04);--shadow-md: 0 8px 18px rgba(15, 23, 42, .06);--shadow-lg: 0 12px 26px rgba(15, 23, 42, .08);--shadow-xl: 0 16px 34px rgba(15, 23, 42, .1);--caps-label-size: 11px;--caps-label-weight: 600;--caps-label-track: .05em;--typo-display-size: clamp(2.6rem, 6.2vw, 5rem);--typo-display-weight: 300;--typo-display-line: 1.02;--typo-section-size: clamp(1.05rem, 1.6vw, 1.3rem);--typo-section-weight: 400;--typo-section-track: -.01em;--typo-card-title-size: 13.5px;--typo-card-title-weight: 400;--typo-brand-card-title-size: 16px;--typo-rail-title-size: 22px;--typo-rail-title-weight: 500;--typo-rail-caption-size: 11.5px;--typo-rail-caption-weight: 500;--typo-body-size: 1rem;--typo-body-line: 1.6;--typo-label-size: 11px;--typo-label-weight: 600;--typo-label-track: .05em;--typo-button-size: 12px;--typo-button-weight: 500;--typo-button-track: .03em;--typo-numeric-size: 12px;--typo-numeric-weight: 500;--typo-numeric-track: .005em;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--skeleton-shimmer-duration: 1.2s;--skeleton-shimmer-gradient: linear-gradient(90deg, #eef2f7 0%, #f8fafc 50%, #eef2f7 100%)}body{margin:0;font-family:matter,Helvetica Neue,Arial,sans-serif;font-size:14px;background:var(--bg-base);color:var(--text-strong);line-height:1.428;scrollbar-gutter:stable}:where(a,button,input,select,textarea):focus-visible{outline:2px solid color-mix(in srgb,var(--primary) 52%,transparent);outline-offset:2px}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}*::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}*::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:var(--scrollbar-radius)}*::-webkit-scrollbar-thumb{border-radius:var(--scrollbar-radius);border:2px solid color-mix(in srgb,var(--surface) 84%,transparent);background-clip:padding-box;background:linear-gradient(180deg,color-mix(in srgb,var(--scrollbar-thumb) 92%,#ffffff),var(--scrollbar-thumb));min-height:40px;transition:background-color .2s ease,border-color .2s ease}*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,color-mix(in srgb,var(--scrollbar-thumb-hover) 84%,#ffffff),var(--scrollbar-thumb-hover))}*::-webkit-scrollbar-thumb:active{background:var(--scrollbar-thumb-active)}*:focus-visible::-webkit-scrollbar-thumb{border-color:color-mix(in srgb,var(--primary-soft) 54%,transparent)}*::-webkit-scrollbar-corner{background:transparent}@media (hover: none),(pointer: coarse){:root{--scrollbar-size: 7px}}.quick-tooltip{position:relative;overflow:visible}.quick-tooltip:after{content:attr(data-tooltip);position:absolute;top:calc(100% + 6px);right:50%;transform:translate(50%,-2px);padding:5px 8px;border-radius:8px;border:1px solid color-mix(in srgb,var(--primary) 34%,var(--tooltip-border));background:color-mix(in srgb,var(--primary-dark) 42%,var(--tooltip-bg));color:#f8fafc;white-space:nowrap;font-size:11px;font-weight:700;letter-spacing:.02em;box-shadow:0 10px 24px #0206173d;opacity:0;pointer-events:none;z-index:90;transition:opacity .06s ease-out,transform .06s ease-out}.quick-tooltip:hover:after,.quick-tooltip:focus-visible:after{opacity:1;transform:translate(50%)}@media (hover: none),(pointer: coarse){.quick-tooltip:after{display:none}}.app-shell{min-height:100vh;display:flex;flex-direction:column}.container{max-width:1920px;margin:24px auto;padding:0 clamp(10px,1.6vw,20px) 32px;display:grid;gap:20px}.container-wide{max-width:none;width:100%}.container-customer{max-width:none;width:100%;margin:0 auto;padding-inline:clamp(10px,1.8vw,20px)}.hero{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:22px}.hero-collections{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(18px,2.6vw,34px);min-height:82vh;padding:clamp(20px,4vw,56px);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-lg)}.hero-collections-copy{display:flex;flex-direction:column;justify-content:center}.hero h1{margin:0 0 14px;line-height:var(--typo-display-line);font-size:var(--typo-display-size);font-weight:var(--typo-display-weight);letter-spacing:-.02em;max-width:10ch}.hero p{margin:0;color:var(--text-muted);max-width:50ch;font-size:var(--typo-body-size);line-height:var(--typo-body-line)}.hero-subcopy{font-size:1.2rem;color:var(--text);max-width:42ch}.hero-service-line{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px}.hero-service-line span{display:inline-flex;align-items:center;min-height:38px;padding:0 16px;border-radius:999px;border:1px solid var(--border);background:linear-gradient(180deg,#ffffff,var(--primary-soft-2));color:var(--text);font-size:12px;font-weight:600;letter-spacing:.02em}.hero-actions{margin-top:30px;display:flex;gap:10px;flex-wrap:wrap}.hero-cta{display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 28px;border-radius:999px;border:1px solid var(--border);background:linear-gradient(180deg,#fffffffa,color-mix(in srgb,var(--primary-soft-2) 84%,#ffffff)),linear-gradient(135deg,var(--theme-gradient-start),var(--theme-gradient-end));color:var(--text);font-weight:500;letter-spacing:.03em;text-decoration:none;box-shadow:0 14px 28px #0f172a14,inset 0 1px #ffffffe0,0 0 0 1px color-mix(in srgb,var(--primary) 20%,transparent);transition:transform .2s,box-shadow .2s,background .2s,border-color .2s}.hero-cta:hover{transform:translateY(-1px);border-color:var(--primary);box-shadow:0 16px 30px color-mix(in srgb,var(--primary) 28%,transparent),inset 0 1px #fffffff0,0 0 0 1px color-mix(in srgb,var(--primary) 32%,transparent);background:linear-gradient(180deg,#ffffff,var(--primary-soft-2)),linear-gradient(135deg,color-mix(in srgb,var(--primary) 16%,transparent),color-mix(in srgb,var(--primary-strong) 12%,transparent))}.hero-link{display:inline-flex;align-items:center;height:48px;color:var(--text-strong);font-weight:500;letter-spacing:.03em;text-decoration:none;padding:0 6px;border-radius:12px;transition:color .2s ease,background .2s ease,transform .2s ease}.hero-link:hover{background:color-mix(in srgb,var(--primary-soft) 84%,transparent);color:var(--text-strong)}.hero-collections-visual{display:flex;flex-direction:column;gap:16px}.hero-collection-tile{border-radius:14px;border:1px solid var(--border);padding:26px;min-height:210px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(160deg,rgba(255,255,255,.1),transparent 38%),radial-gradient(circle at 15% 18%,rgba(148,163,184,.22),transparent 48%),linear-gradient(145deg,#0f172a,#111827 58%,#1e293b);color:#f8fafc;box-shadow:0 12px 26px #0f172a38}.hero-collection-main{min-height:430px}.hero-collection-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hero-collection-tile p{margin:0;font-size:clamp(1.5rem,2.8vw,2.3rem);line-height:1.1;letter-spacing:-.01em;color:#f8fafc}.hero-collection-tile span{margin-top:6px;color:#cbd5e1;font-size:14px;letter-spacing:.06em;text-transform:uppercase}.eyebrow{margin-bottom:14px;font-size:12px;text-transform:uppercase;letter-spacing:var(--typo-label-track);font-weight:var(--typo-label-weight);color:var(--text-muted)}.hero .eyebrow,.brands-hero .eyebrow,.brands-directory-head .eyebrow{margin-bottom:18px;font-size:12.5px}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;box-shadow:var(--shadow-md);transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.reserve-card h2{margin-top:0}.reserve-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stock-availability{margin:12px 0 8px;padding:10px;background:color-mix(in srgb,var(--primary-soft-2) 92%,#ffffff);border-left:4px solid var(--primary);border-radius:6px;font-size:13px;line-height:1.5}.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}input,select{width:100%;margin-top:8px;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--surface-raised);color:var(--text-strong);font-size:16px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease}button{width:100%;margin-top:8px;padding:10px 12px;border-radius:10px;border:1px solid color-mix(in srgb,var(--primary) 20%,var(--border));background:color-mix(in srgb,var(--surface-raised) 90%,var(--primary-soft) 10%);color:var(--text);font-size:var(--typo-button-size);font-weight:var(--typo-button-weight);letter-spacing:var(--typo-button-track);cursor:pointer;box-shadow:0 2px 8px #0f172a0d;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease,color .2s ease,filter .2s ease}input:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-ring)}.row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.breakdown-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:10px;min-width:0}.breakdown-header h2{margin:0;font-size:18px;min-width:0;overflow-wrap:anywhere}.breakdown-header>*{min-width:0}@media (max-width: 720px){.breakdown-header{flex-wrap:wrap;align-items:flex-start}.breakdown-header .close-btn,.breakdown-header .modal-close-btn{margin-inline-start:auto}}button:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--primary) 38%,var(--border));box-shadow:0 6px 14px #0f172a14;color:#020617;filter:none}button:active{transform:translateY(0)}button:disabled{box-shadow:none}.menu-trigger,.nav-search-icon,.nav-link,.site-menu-close-btn,.search-drawer-close,.search-drawer-search-icon,.theme-picker-modal-close{margin:0;padding:0;border:0;border-radius:999px;background:transparent;box-shadow:none}.menu-trigger:hover,.nav-search-icon:hover,.nav-link:hover,.site-menu-close-btn:hover,.search-drawer-close:hover,.search-drawer-search-icon:hover,.theme-picker-modal-close:hover{background:color-mix(in srgb,var(--primary) 18%,transparent);transform:none}.button-secondary{border:1px solid var(--border);background:linear-gradient(180deg,var(--surface-raised),var(--primary-soft));color:var(--text-strong);box-shadow:var(--shadow-sm)}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{padding:4px 8px;border-radius:999px;font-size:12px}.chip.ok{background:#ecfdf3;color:#166534}.chip.low{background:#fff7ed;color:#9a3412}.chip.out{background:#fef2f2;color:#b91c1c}.description{color:#374151;min-height:38px}.stock-group-list{display:grid;gap:6px}.stock-group-line{padding:6px 8px;border-radius:8px;background:#f8fbff;border:1px solid #dbeafe;font-size:12px;color:#334155}table{width:100%;border-collapse:collapse;font-size:13px;margin:8px 0 0;color:#2563eb}.field-hint{margin:8px 0 0;font-size:12px;color:#6b7280}.section-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.section-head h2{margin:0;font-size:var(--typo-section-size);font-weight:var(--typo-section-weight);letter-spacing:var(--typo-section-track)}.section-head button,.actions-inline button{margin-top:0;width:auto;padding-inline:12px;display:inline-flex;align-items:center;justify-content:center;gap:6px;line-height:1}.section-head button svg,.actions-inline button svg{display:block;flex:0 0 auto}.catalog-section-head{margin:10px 0 12px;display:flex;justify-content:center;text-align:center}.catalog-section-head-copy{display:grid;gap:3px;justify-items:center}.catalog-section-label{margin:0;font-size:13.5px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:#64748b}.catalog-section-label.is-breadcrumb{display:inline-flex;align-items:center;letter-spacing:.01em;text-transform:none}.catalog-section-separator{color:#94a3b8;margin:0 4px;font-size:12px}.catalog-section-current{color:#334155;font-weight:600}.catalog-section-link{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;padding:0;margin:0;color:inherit;font:inherit;line-height:1;text-decoration:none;cursor:pointer;transition:color .16s ease,opacity .16s ease}.catalog-section-link:hover,.catalog-section-link:focus-visible{color:#334155;opacity:.95;text-decoration:underline;text-underline-offset:2px}.catalog-section-head p{margin:0;max-width:44ch;color:var(--text-muted);font-size:13px;line-height:1.55}.sale-page-banner{margin:0 0 14px;padding:12px;border:1px solid color-mix(in srgb,var(--primary) 22%,#cbd5e1);border-radius:12px;background:linear-gradient(180deg,color-mix(in srgb,var(--primary-soft) 36%,#ffffff),#fff)}.sale-page-banner-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:8px}.sale-page-banner-head h2{margin:0;font-size:15px}.sale-page-banner-head p{margin:0;font-size:12px;color:#64748b}.sale-page-banner-tags{display:flex;flex-wrap:wrap;gap:6px}.sale-page-banner-tag{display:inline-flex;align-items:center;min-height:24px;padding:3px 10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--primary) 26%,#cbd5e1);background:color-mix(in srgb,var(--primary-soft-2) 72%,#eef2ff);color:color-mix(in srgb,var(--primary-dark) 78%,#1e293b);font-size:11px;font-weight:600}.actions-inline{display:flex;gap:8px;flex-wrap:wrap}.filter-bar{margin-bottom:12px;border:none;border-radius:0;background:transparent;box-shadow:none;padding:4px 0 8px;animation:fade-up .26s ease-out}.filter-bar-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0}.filter-results{display:inline-flex;align-items:center;gap:8px;flex-wrap:nowrap;font-size:11.5px;color:var(--text-muted);font-weight:500;letter-spacing:.01em;white-space:nowrap}.filter-results-sep{color:#94a3b8;font-weight:500}.filter-results-count{color:#334155;font-size:13px;font-weight:500;letter-spacing:var(--typo-numeric-track);font-variant-numeric:tabular-nums}.filter-results-meta{color:#64748b}.filter-results-chip{padding:2px 8px;border-radius:999px;background:color-mix(in srgb,var(--primary-soft) 88%,#ffffff);color:var(--primary-strong);font-size:10.5px}@media (min-width: 721px){.filter-results{flex-wrap:nowrap;white-space:nowrap}}.filter-bar-actions{display:flex;align-items:center;gap:8px}.filter-drawer-btn{width:auto;border:1px solid transparent;background:transparent;color:var(--text);font-size:14px;font-weight:600;padding:7px 12px;border-radius:9px;display:inline-flex;align-items:center;gap:7px;box-shadow:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease,color .2s ease}.filter-drawer-btn:hover{border-color:var(--border);background:linear-gradient(180deg,var(--surface-raised),var(--primary-soft));box-shadow:var(--shadow-sm)}.filter-drawer-btn.active{background:linear-gradient(180deg,var(--primary),var(--primary-strong));border-color:var(--primary);color:var(--on-primary-text);box-shadow:0 12px 22px color-mix(in srgb,var(--primary) 36%,transparent)}.filter-drawer-btn svg{width:16px;height:16px}.mobile-filter-btn-compact{margin-top:0;min-height:36px;padding:6px 10px}.mobile-filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;border-radius:999px;font-size:10px;font-weight:800;background:var(--primary);color:var(--on-primary-text);padding:0 5px}.filter-controls-grid{display:grid;grid-template-columns:1fr;gap:12px}.filter-control{display:flex;flex-direction:column;gap:5px}.filter-control-label{font-size:var(--caps-label-size);font-weight:var(--caps-label-weight);text-transform:uppercase;letter-spacing:var(--caps-label-track);color:#64748b}.filter-control select{min-height:38px;border-radius:10px;border:1px solid var(--border);background:var(--surface-raised);font-size:13px;color:var(--text-strong);padding:0 11px}.filter-drawer-backdrop{position:fixed;top:76px;right:0;bottom:0;left:0;background:#0f172a7a;z-index:60;display:flex;justify-content:flex-end}.filter-drawer{width:min(380px,92vw);height:calc(100vh - 76px);background:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--primary) 14%,transparent),transparent 45%),linear-gradient(180deg,var(--surface-raised),var(--surface-2));border-left:1px solid var(--border);box-shadow:-20px 0 44px #0f172a29;padding:18px 16px 16px;display:grid;grid-template-rows:auto 1fr auto;gap:14px;overflow:hidden;animation:slide-in-filter-drawer .18s ease-out}@keyframes slide-in-filter-drawer{0%{transform:translate(100%)}to{transform:translate(0)}}.filter-drawer-header{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border);padding-bottom:10px}.filter-drawer-header h3{margin:0;font-size:18px;color:color-mix(in srgb,var(--primary-dark) 62%,#0f172a)}.filter-drawer .filter-controls-grid{overflow-y:auto;padding-right:4px}.filter-drawer-footer{border-top:1px solid var(--border);padding-top:12px;display:flex;justify-content:space-between;gap:10px}.filter-reset-btn{background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--primary-soft-2) 34%,#f8fafc));border:1px solid var(--border);color:#1e293b;font-size:12px;padding:7px 13px;border-radius:9px;font-weight:600;width:auto;box-shadow:var(--shadow-sm)}.filter-reset-btn:hover{background:linear-gradient(180deg,color-mix(in srgb,var(--primary-soft-2) 34%,#f8fafc),color-mix(in srgb,var(--primary-soft) 52%,#e2e8f0));border-color:color-mix(in srgb,var(--primary) 34%,#94a3b8)}.site-footer{margin-top:auto;border-top:1px solid var(--border);background:linear-gradient(90deg,color-mix(in srgb,var(--primary-soft) 38%,transparent),transparent 48%),var(--footer-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.site-footer-inner{max-width:1680px;margin:0 auto;padding:16px 24px 20px;color:var(--text-muted);font-size:12px;display:flex;justify-content:space-between;gap:10px}.site-footer-inner p{margin:0}.site-footer-brand{font-weight:700;color:var(--text);letter-spacing:.02em}.site-footer-copy{color:var(--text-muted)}.pagination-bar{display:flex;justify-content:center;align-items:center;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-md);background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--primary-soft-2) 40%,#f1f5f9))}.pagination-inline{display:flex;justify-content:center;align-items:center;padding-top:4px}.pagination-numbers{list-style:none;margin:0;padding:0;display:flex;gap:8px;flex-wrap:wrap;justify-content:center;width:auto}.pages-items{align-items:center}.pages-item{display:inline-flex;align-items:center}.page-number-btn{width:auto;min-width:0;margin-top:0;padding:0;border:0;border-radius:0;background:transparent;color:color-mix(in srgb,var(--primary-dark) 30%,var(--text));box-shadow:none;font-size:13px;font-weight:600;line-height:1;transition:color .18s ease,opacity .18s ease}.page-number-btn:hover{transform:none;border-color:transparent;background:transparent;box-shadow:none;color:var(--primary-strong);filter:none}.page-number-btn.active{color:var(--primary-strong);font-weight:800;text-decoration:none;padding-inline:10px;padding-block:5px;border-radius:999px;background:linear-gradient(180deg,var(--primary-soft),color-mix(in srgb,var(--primary-soft) 78%,var(--primary)));box-shadow:0 2px 8px color-mix(in srgb,var(--primary) 22%,transparent)}.page-nav-btn{min-width:0;padding-inline:0;border:0;background:transparent;color:color-mix(in srgb,var(--primary-dark) 26%,var(--text-muted));box-shadow:none;font-weight:700}.page-nav-btn:hover:not(:disabled){transform:none;border-color:transparent;background:transparent;color:var(--primary-strong);box-shadow:none;filter:none}.page-number-btn:disabled{opacity:.52;cursor:not-allowed;filter:saturate(.75);box-shadow:none}.page-ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:0;color:color-mix(in srgb,var(--primary-dark) 22%,var(--text-muted))}@media (max-width: 1024px){.hero-collections{grid-template-columns:1fr;min-height:auto}.hero-collection-main{min-height:320px}.hero h1{font-size:clamp(2.5rem,9vw,4.8rem)}}@media (max-width: 900px){.row{grid-template-columns:1fr}}.skeleton-card{pointer-events:none}.skeleton-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:8px}.skeleton-breadcrumb .skeleton-line{height:12px;margin-top:0;border-radius:999px}.reserve-skeleton-image{aspect-ratio:1 / 1;height:clamp(300px,46vh,520px);border-radius:12px}.skeleton-thumbnail-row{display:flex;gap:8px;overflow:hidden}.reserve-skeleton-thumb{width:110px;min-width:110px;height:110px;aspect-ratio:1 / 1;border-radius:8px;flex-shrink:0}.skeleton-size-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(66px,1fr));gap:7px}.skeleton-size-row .skeleton-media{aspect-ratio:unset}.skeleton-media{width:100%;aspect-ratio:4 / 3;border-radius:12px;background:var(--skeleton-shimmer-gradient);background-size:200% 100%;animation:skeleton-shimmer var(--skeleton-shimmer-duration) infinite linear,fade-up .24s ease-out}.skeleton-line{margin-top:10px;height:11px;border-radius:999px;background:var(--skeleton-shimmer-gradient);background-size:200% 100%;animation:skeleton-shimmer var(--skeleton-shimmer-duration) infinite linear,fade-up .24s ease-out}.skeleton-line.short{width:58%}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.toast-banner{position:fixed;top:86px;right:20px;z-index:80;background:color-mix(in srgb,var(--primary-dark) 42%,#0f172a);color:#f8fafc;padding:10px 14px;border-radius:10px;border:1px solid color-mix(in srgb,var(--primary) 24%,#1e293b);box-shadow:0 12px 30px color-mix(in srgb,var(--primary-dark) 34%,rgba(15,23,42,.25));font-size:13px;font-weight:600;max-width:min(420px,calc(100vw - 40px));display:grid;gap:10px}.toast-message-text{display:block}.toast-undo-list{display:grid;gap:8px}.toast-undo-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:10px;background:color-mix(in srgb,var(--primary-dark) 30%,rgba(255,255,255,.06));border:1px solid color-mix(in srgb,var(--primary) 20%,rgba(148,163,184,.22))}.toast-undo-copy{display:grid;gap:2px}.toast-undo-label{font-size:12px;font-weight:700;color:#f8fafc}.toast-undo-timer{font-size:11px;color:#cbd5e1}.toast-undo-btn{margin-top:0;width:auto;min-width:58px;padding:6px 10px;border-radius:8px;border:1px solid color-mix(in srgb,var(--primary-soft) 34%,#475569);background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 28%,#334155),color-mix(in srgb,var(--primary-dark) 44%,#0f172a));color:#f8fafc;font-size:11px;font-weight:700;box-shadow:none;display:inline-flex;align-items:center;gap:6px}.toast-undo-btn:hover{border-color:color-mix(in srgb,var(--primary-soft) 52%,#94a3b8);background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 34%,#475569),color-mix(in srgb,var(--primary-dark) 52%,#111827))}body.theme-dark{--scrollbar-track: color-mix(in srgb, var(--dark-surface) 56%, transparent);--scrollbar-thumb: color-mix(in srgb, var(--primary-soft) 30%, #475569);--scrollbar-thumb-hover: color-mix(in srgb, var(--primary) 50%, #64748b);--scrollbar-thumb-active: color-mix(in srgb, var(--primary-dark) 64%, #334155);--rail-scrollbar-track: color-mix(in srgb, var(--dark-surface) 60%, transparent);--rail-scrollbar-thumb: color-mix(in srgb, var(--primary-soft) 30%, #64748b);--rail-scrollbar-thumb-hover: color-mix(in srgb, var(--primary-soft) 42%, #94a3b8);--rail-scrollbar-thumb-active: color-mix(in srgb, var(--primary) 38%, #94a3b8);background:radial-gradient(circle at 8% 4%,var(--theme-dark-bg),transparent 30%),radial-gradient(circle at 88% 12%,var(--theme-dark-bg-2),transparent 26%),radial-gradient(circle at 50% 100%,color-mix(in srgb,var(--primary) 18%,transparent),transparent 34%),linear-gradient(180deg,var(--dark-bg-start) 0%,var(--dark-bg-mid) 45%,var(--dark-bg-end) 100%);color:#e8edf4;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body.theme-dark .site-header,body.theme-dark .site-footer,body.theme-dark .pagination-bar{background:linear-gradient(180deg,color-mix(in srgb,var(--dark-surface) 84%,transparent),color-mix(in srgb,var(--dark-bg-mid) 90%,transparent)),linear-gradient(90deg,color-mix(in srgb,var(--primary) 20%,transparent),color-mix(in srgb,var(--primary-strong) 14%,transparent));border-color:var(--dark-border);color:#e8edf4;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 8px 18px #02061729}body.theme-dark .site-header{border-bottom-color:color-mix(in srgb,var(--primary) 44%,var(--dark-border))}body.theme-dark .site-header:after{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--primary-soft) 72%,#ffffff),transparent)}body.theme-dark .nav{background:color-mix(in srgb,var(--primary) 16%,rgba(15,23,42,.74));border-color:color-mix(in srgb,var(--primary) 36%,rgba(148,163,184,.3));box-shadow:inset 0 1px #ffffff0f}body.theme-dark .card,body.theme-dark .filter-drawer,body.theme-dark .modal-panel,body.theme-dark .product-card,body.theme-dark .products-table-wrap,body.theme-dark .admin-table-wrap{background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 24%),linear-gradient(180deg,color-mix(in srgb,var(--dark-surface-2) 96%,transparent),color-mix(in srgb,var(--dark-bg-end) 98%,transparent));border-color:var(--dark-border);color:#e8edf4;box-shadow:0 20px 44px #02061752,inset 0 1px #ffffff0a}body.theme-dark .admin-summary-card{background:linear-gradient(160deg,rgba(255,255,255,.05),transparent 42%),linear-gradient(180deg,color-mix(in srgb,var(--dark-surface) 94%,transparent),color-mix(in srgb,var(--dark-bg-end) 98%,transparent));border-color:var(--dark-border);color:#e8edf4;box-shadow:inset 0 1px #ffffff0d,0 10px 24px #0206173d}body.theme-dark .hero-collections,body.theme-dark .hero{background:radial-gradient(circle at 12% 15%,color-mix(in srgb,var(--primary) 34%,transparent),transparent 30%),radial-gradient(circle at 86% 84%,color-mix(in srgb,var(--primary-strong) 26%,transparent),transparent 28%),linear-gradient(145deg,var(--dark-bg-mid) 0%,var(--dark-bg-end) 55%,var(--dark-surface) 100%);border-color:var(--dark-border);box-shadow:0 20px 42px #0206174d}body.theme-dark .hero p,body.theme-dark .hero-subcopy,body.theme-dark .field-hint,body.theme-dark .message,body.theme-dark .brand,body.theme-dark .product-card-footer .brand,body.theme-dark .admin-summary-card p,body.theme-dark .admin-summary-card h3,body.theme-dark .site-footer,body.theme-dark .site-footer-inner,body.theme-dark .filter-results{color:#d8e0ea;line-height:1.55}body.theme-dark .site-footer-brand{color:#f1f5f9}body.theme-dark .site-footer-copy{color:#94a3b8}body.theme-dark .admin-summary-card h3{color:#fff;text-shadow:0 1px 1px rgba(2,6,23,.48)}body.theme-dark .filter-results-count{color:#f8fafc}body.theme-dark .filter-results-meta{color:#cbd5e1}body.theme-dark .filter-results-chip{background:color-mix(in srgb,var(--primary) 30%,transparent);color:color-mix(in srgb,var(--primary-soft) 80%,#ffffff)}body.theme-dark .filter-drawer-header{border-bottom-color:var(--dark-border)}body.theme-dark .filter-drawer-header h3{color:#f8fafc;text-shadow:0 1px 1px rgba(2,6,23,.42)}body.theme-dark .filter-drawer-header .close-btn{color:#e2e8f0}body.theme-dark .filter-drawer-footer{border-top-color:var(--dark-border)}body.theme-dark .filter-control-label{color:#dbeafe}body.theme-dark .filter-control select{background:linear-gradient(180deg,var(--dark-surface),var(--dark-bg-mid));border-color:var(--dark-border);color:#f8fafc}body.theme-dark .filter-control select:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f633}body.theme-dark .hero-service-line span,body.theme-dark .department-chip,body.theme-dark .detail-tag,body.theme-dark .stock-group-line,body.theme-dark .page-ellipsis{background:color-mix(in srgb,var(--dark-surface) 90%,transparent);border-color:var(--dark-border);color:#e5e7eb}body.theme-dark .hero-cta,body.theme-dark .hero-link,body.theme-dark .filter-drawer-btn.active,body.theme-dark .filter-reset-btn,body.theme-dark .button-secondary,body.theme-dark .btn-cancel,body.theme-dark .page-number-btn,body.theme-dark .admin-subnav-tab,body.theme-dark .stock-mode-toggle{background:linear-gradient(180deg,rgba(255,255,255,.1),transparent 34%),linear-gradient(180deg,color-mix(in srgb,var(--dark-surface) 92%,transparent),color-mix(in srgb,var(--dark-bg-mid) 98%,transparent));border-color:color-mix(in srgb,var(--dark-border) 82%,rgba(148,163,184,.54));color:#fff;text-shadow:0 1px 1px rgba(2,6,23,.42);box-shadow:0 14px 28px #0206174d,inset 0 1px #ffffff1a}body.theme-dark .nav-theme-toggle{background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 34%),linear-gradient(180deg,color-mix(in srgb,var(--dark-surface) 94%,transparent),color-mix(in srgb,var(--dark-bg-mid) 96%,transparent));border-color:color-mix(in srgb,var(--dark-border) 76%,rgba(148,163,184,.46));color:var(--theme-accent, #ffffff);text-shadow:0 1px 1px rgba(2,6,23,.42);box-shadow:0 10px 22px #0206173d,inset 0 1px #ffffff0d}body.theme-dark .nav-theme-toggle:hover{background:linear-gradient(180deg,color-mix(in srgb,var(--theme-accent, #3b82f6) 24%,transparent),#0f172af5),linear-gradient(180deg,#1e293bf5,#0f172af5);border-color:var(--theme-accent, #64748b);transform:translateY(-2px) scale(1.05)}body.theme-dark .filter-drawer-btn.active,body.theme-dark .page-number-btn.active,body.theme-dark .admin-subnav-tab.active,body.theme-dark .stock-mode-toggle.active{background:linear-gradient(135deg,color-mix(in srgb,var(--primary-soft) 38%,transparent),color-mix(in srgb,var(--primary) 30%,transparent)),linear-gradient(135deg,var(--primary),var(--primary-dark));border-color:color-mix(in srgb,var(--primary-soft) 70%,#7dd3fc);color:var(--on-primary-text);box-shadow:0 16px 28px #0f172a57,inset 0 1px #ffffff29}body.theme-dark .hero-cta:hover,body.theme-dark .hero-link:hover,body.theme-dark .filter-reset-btn:hover,body.theme-dark .admin-subnav-tab:hover,body.theme-dark .stock-mode-toggle:hover{background:linear-gradient(180deg,color-mix(in srgb,var(--primary-soft) 16%,transparent),color-mix(in srgb,var(--dark-bg-mid) 98%,transparent)),linear-gradient(180deg,color-mix(in srgb,var(--dark-border-strong) 58%,transparent),color-mix(in srgb,var(--dark-bg-mid) 98%,transparent));border-color:color-mix(in srgb,var(--primary-soft) 44%,var(--dark-border-strong));transform:translateY(-1px)}body.theme-dark .pagination-bar{border-color:transparent;background:transparent}body.theme-dark .pagination-bar .page-number-btn{border-color:transparent;background:transparent;color:color-mix(in srgb,var(--primary-soft) 74%,#ffffff)}body.theme-dark .pagination-bar .page-number-btn:hover:not(:disabled){border-color:transparent;background:transparent;color:color-mix(in srgb,var(--primary-soft) 80%,#ffffff)}body.theme-dark .pagination-bar .page-number-btn.active{border-color:transparent;background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 62%,var(--dark-surface)),color-mix(in srgb,var(--primary-dark) 72%,var(--dark-bg-mid)));color:var(--on-primary-text);font-weight:800;padding-inline:10px;padding-block:5px;border-radius:999px;box-shadow:0 2px 10px color-mix(in srgb,var(--primary) 44%,transparent)}body.theme-dark .pagination-bar .page-nav-btn{border-color:transparent;background:transparent;color:color-mix(in srgb,var(--primary-soft) 70%,#e2e8f0)}body.theme-dark .admin-table thead th,body.theme-dark .products-table thead th{background:linear-gradient(180deg,color-mix(in srgb,var(--dark-surface) 86%,transparent),color-mix(in srgb,var(--dark-bg-mid) 96%,transparent));border-color:var(--dark-border);color:#e5e7eb}body.theme-dark .admin-table tbody tr:nth-child(2n),body.theme-dark .products-table tbody tr:nth-child(2n){background:color-mix(in srgb,var(--dark-surface) 70%,transparent)}body.theme-dark .admin-table tbody tr:hover,body.theme-dark .products-table tbody tr:hover{background:color-mix(in srgb,var(--dark-surface) 92%,transparent)}body.theme-dark .nav-search-icon,body.theme-dark .nav .nav-link{color:color-mix(in srgb,var(--primary-soft) 54%,#cbd5e1);background:color-mix(in srgb,var(--primary) 16%,transparent);border-color:color-mix(in srgb,var(--primary) 26%,transparent)}body.theme-dark .nav-search-icon:hover,body.theme-dark .nav .nav-link:hover{color:#f8fafc;background:color-mix(in srgb,var(--primary) 22%,transparent)}body.theme-dark .nav-search-input,body.theme-dark input,body.theme-dark select,body.theme-dark .page-number-btn,body.theme-dark .filter-reset-btn,body.theme-dark .stock-mode-toggle{background:linear-gradient(180deg,var(--dark-surface),var(--dark-bg-mid));border-color:color-mix(in srgb,var(--dark-border) 84%,rgba(148,163,184,.5));color:#fff;text-shadow:0 1px 1px rgba(2,6,23,.42)}body.theme-dark button:not(.site-logo-button):not(.product-image-button):not(.nav-search-icon):not(.nav-link):not(.close-btn):not(.modal-close-btn){background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 38%),linear-gradient(180deg,var(--dark-surface),var(--dark-bg-mid));border-color:color-mix(in srgb,var(--dark-border) 76%,rgba(148,163,184,.42));color:#fff;text-shadow:0 1px 1px rgba(2,6,23,.42);box-shadow:0 10px 20px #0206173d,inset 0 1px #ffffff0f}body.theme-dark button:not(.site-logo-button):not(.product-image-button):not(.nav-search-icon):not(.nav-link):not(.close-btn):not(.modal-close-btn):not(.quick-tooltip):before{content:"";display:none}body.theme-dark button:not(.site-logo-button):not(.product-image-button):not(.nav-search-icon):not(.nav-link):not(.close-btn):not(.modal-close-btn):not(.quick-tooltip):after{content:"";display:none}body.theme-dark button:not(.site-logo-button):not(.product-image-button):not(.nav-search-icon):not(.nav-link):not(.close-btn):not(.modal-close-btn)>*{position:relative}body.theme-dark button:not(.site-logo-button):not(.product-image-button):not(.nav-search-icon):not(.nav-link):not(.close-btn):not(.modal-close-btn):hover{background:linear-gradient(180deg,color-mix(in srgb,var(--primary-soft) 18%,transparent),color-mix(in srgb,var(--dark-bg-mid) 98%,transparent)),linear-gradient(180deg,color-mix(in srgb,var(--dark-border-strong) 58%,transparent),color-mix(in srgb,var(--dark-bg-end) 98%,transparent));border-color:color-mix(in srgb,var(--primary-soft) 44%,var(--dark-border-strong));box-shadow:0 12px 22px #02061747,inset 0 1px #ffffff14;color:#fff}body.theme-dark button:not(.site-logo-button):not(.product-image-button):not(.nav-search-icon):not(.nav-link):not(.close-btn):not(.modal-close-btn):active{transform:translateY(0)}body.theme-dark .menu-trigger,body.theme-dark .site-menu-close-btn,body.theme-dark .search-drawer-close,body.theme-dark .search-drawer-search-icon,body.theme-dark .theme-picker-modal-close,body.theme-dark .reservation-inline-icon-btn{background:transparent;border-color:transparent;box-shadow:none;text-shadow:none}body.theme-dark .menu-trigger:hover,body.theme-dark .site-menu-close-btn:hover,body.theme-dark .search-drawer-close:hover,body.theme-dark .search-drawer-search-icon:hover,body.theme-dark .theme-picker-modal-close:hover,body.theme-dark .reservation-inline-icon-btn:hover{background:color-mix(in srgb,var(--primary) 28%,transparent)}body.theme-dark .page-number-btn,body.theme-dark .filter-reset-btn,body.theme-dark .stock-mode-toggle{background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 34%),linear-gradient(180deg,#334155,#111827);border-color:#94a3b870;box-shadow:0 10px 20px #0206173d,inset 0 1px #ffffff0f}body.theme-dark .page-number-btn,body.theme-dark .filter-drawer-btn,body.theme-dark .filter-reset-btn,body.theme-dark .stock-mode-toggle,body.theme-dark .button-secondary,body.theme-dark .btn-cancel,body.theme-dark .btn-primary,body.theme-dark .btn-delete,body.theme-dark .btn-delete-confirm,body.theme-dark .admin-subnav-tab{color:#fff;text-shadow:0 1px 1px rgba(2,6,23,.42)}body.theme-dark .nav-search-input::placeholder,body.theme-dark input::placeholder{color:#94a3b8}body.theme-dark .reservation-status-select{background:linear-gradient(180deg,#1e293b,#0f172a);border-color:color-mix(in srgb,var(--primary-soft) 44%,rgba(191,219,254,.5));color:#fff;text-shadow:0 1px 1px rgba(2,6,23,.42);box-shadow:inset 0 1px #ffffff0f,0 0 0 1px color-mix(in srgb,var(--primary) 26%,transparent)}body.theme-dark .reservation-status-cell{align-items:center}body.theme-dark .product-image-wrap,body.theme-dark .reserve-modal-image,body.theme-dark .reserve-thumb-btn{background:#fff;border-color:transparent}body.theme-dark .reserve-thumb-btn img,body.theme-dark .reserve-thumb-fallback{background:#fff}body.theme-dark .product-card h3,body.theme-dark .hero-collection-tile p,body.theme-dark .hero-collection-tile span,body.theme-dark .breakdown-header h2,body.theme-dark .form-section label,body.theme-dark .confirm-code-display,body.theme-dark .confirm-instruction,body.theme-dark .warning-text p,body.theme-dark .warning-text strong,body.theme-dark .delete-modal-header h2,body.theme-dark .section-head h2,body.theme-dark .reservation-status-select,body.theme-dark .order-status-chip{color:#f8fafc}body.theme-dark .order-status-chip.status-ordered{background:color-mix(in srgb,var(--primary) 24%,transparent);border-color:color-mix(in srgb,var(--primary-soft) 48%,transparent);color:color-mix(in srgb,var(--primary-soft) 88%,#e0e7ff)}body.theme-dark .order-status-chip.status-preparing{background:#f9731629;border-color:#fb923c73;color:#ffedd5}body.theme-dark .order-status-chip.status-shipped{background:#0e74902e;border-color:#22d3ee66;color:#cffafe}body.theme-dark .order-status-chip.status-delivered{background:#16a34a2e;border-color:#4ade806b;color:#dcfce7}body.theme-dark .product-card h3,body.theme-dark .section-head h2,body.theme-dark .breakdown-header h2,body.theme-dark .delete-modal-header h2,body.theme-dark .form-section label{text-shadow:0 1px 1px rgba(2,6,23,.35)}body.theme-dark .catalog-section-label{color:#94a3b8}body.theme-dark .catalog-section-head p{color:#cbd5e1}body.theme-dark .hero-collection-tile{background:linear-gradient(160deg,rgba(255,255,255,.035),transparent 38%),radial-gradient(circle at 15% 18%,color-mix(in srgb,var(--primary) 32%,transparent),transparent 48%),linear-gradient(145deg,#0b1220,#111827 58%,#1f2937);border-color:#334155;box-shadow:0 12px 26px #0f172a47}body.theme-dark .product-card{box-shadow:0 14px 30px #0f172a3d}body.theme-dark .product-card:hover{border-color:#64748b;box-shadow:0 22px 34px #0206175c}body.theme-dark .size-btn{background:linear-gradient(180deg,rgba(255,255,255,.22),transparent 30%),linear-gradient(180deg,#334155,#111827);border-color:color-mix(in srgb,var(--primary-soft) 44%,rgba(191,219,254,.5));color:#fff;text-shadow:0 1px 1px rgba(2,6,23,.42);box-shadow:0 10px 18px #02061742,inset 0 1px #ffffff1a}body.theme-dark .size-btn:hover:not(:disabled){background:linear-gradient(180deg,color-mix(in srgb,var(--primary-soft) 20%,transparent),#0f172afa),linear-gradient(180deg,#4b5563,#111827);border-color:color-mix(in srgb,var(--primary-soft) 74%,#e0f2fe)}body.theme-dark .confirm-code-display{color:#f8fafc;letter-spacing:3px}body.theme-dark .delete-modal,body.theme-dark .modal-panel,body.theme-dark .delete-modal-body,body.theme-dark .delete-modal-footer,body.theme-dark .confirm-code-display{background:#111827;border-color:#374151}body.theme-dark .warning-box{background:#1f2937;border-left-color:#fb7185}body.theme-dark .confirm-code-input{background:#1f2937;border-color:#374151;color:#e5e7eb}body.theme-dark .filter-drawer-btn{background:transparent;border-color:transparent;color:#e8edf4;box-shadow:none}body.theme-dark .filter-drawer-btn:hover{background:linear-gradient(180deg,rgba(255,255,255,.1),transparent 34%),linear-gradient(180deg,#334155,#0f172a);border-color:#64748b;color:#f8fafc;box-shadow:0 12px 24px #02061747}body.theme-dark .filter-reset-btn{background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 35%),linear-gradient(180deg,#334155,#0f172a);border-color:#64748b;color:#e8edf4}body.theme-dark .btn-primary,body.theme-dark .btn-delete,body.theme-dark .btn-delete-confirm{background:linear-gradient(180deg,rgba(255,255,255,.24),transparent 30%),linear-gradient(135deg,#475569,#0f172a);border-color:#94a3b8a3;color:#fff;text-shadow:0 1px 1px rgba(2,6,23,.42)}body.theme-dark .reserve-modal .form-section,body.theme-dark .logo-upload-section{background:linear-gradient(180deg,#1e293b,#111827);border-color:#334155}body.theme-dark .logo-upload-label{color:#e2e8f0}body.theme-dark .logo-preview-empty{border-color:#475569;color:#64748b}body.theme-dark .size-label{color:#e2e8f0}body.theme-dark .size-stock{color:#94a3b8}body.theme-dark .reserve-form-actions{background:transparent}@media (max-width: 720px){:root{--caps-label-size: 11px;--typo-display-size: clamp(2.1rem, 8.2vw, 2.8rem);--typo-body-line: 1.62;--typo-section-size: 1.12rem;--typo-card-title-size: 13.5px;--typo-brand-card-title-size: 14px;--typo-rail-title-size: 12px;--typo-label-size: 11px;--typo-button-size: 12.5px;--typo-numeric-size: 11.5px}body{line-height:1.5;-webkit-text-size-adjust:100%}.eyebrow{margin-bottom:14px;font-size:var(--typo-label-size)}.app-shell{padding-top:0}.container{margin:16px auto;gap:16px;padding-bottom:22px}.reserve-grid,.filter-grid,.catalog-controls-top{grid-template-columns:1fr}.hero-collections{grid-template-columns:1fr;gap:16px;min-height:auto;padding:18px}.hero-collections-copy{align-items:center;text-align:center}.hero h1{line-height:1.05}.hero p{font-size:.98rem}.hero-service-line,.hero-actions{justify-content:center}.hero-collection-row{grid-template-columns:1fr}.site-footer-inner{flex-direction:column}.container-customer{margin:0 auto;padding-inline:12px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.section-head{flex-direction:column;align-items:center;text-align:center}.catalog-section-head{margin:2px 0 0;align-items:center}.catalog-section-label{font-size:14.5px;letter-spacing:.045em}.catalog-section-head p{font-size:12px;line-height:1.5}.filter-bar-top{flex-direction:row;align-items:center;justify-content:space-between;gap:8px}.filter-results{gap:6px}.filter-results-count{font-size:11.5px;font-weight:500;text-transform:none;letter-spacing:.01em;color:#475569}.filter-results-sep{display:inline}.filter-bar-actions{width:auto;justify-content:center;flex-wrap:nowrap}.filter-drawer-btn{font-size:13px;font-weight:600;text-transform:none;letter-spacing:.015em}.filter-drawer-backdrop{top:0;justify-content:center;align-items:flex-end}.filter-drawer{width:100%;max-width:none;height:min(88vh,760px);border-left:0;border-top:1px solid var(--border);border-radius:18px 18px 0 0;box-shadow:0 -18px 34px #0f172a38;animation:slide-up-filter-sheet .18s ease-out}.filter-drawer-footer .filter-drawer-btn.active{min-width:156px;justify-content:center}.pagination-bar{padding:8px}.pagination-inline{padding-top:8px}.pagination-numbers{gap:6px}.page-number-btn{min-width:0;padding:0;font-size:12.5px}}@keyframes slide-up-filter-sheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (max-width: 420px){.container-customer{margin:0 auto;padding-inline:10px}.hero{padding:16px}.hero-service-line span{width:100%;justify-content:center}}body.theme-dark .chip.ok{background:#16a34a33;color:#bbf7d0}body.theme-dark .chip.low{background:#f973162e;color:#fed7aa}body.theme-dark .chip.out{background:#ef44442e;color:#fecaca}body.theme-dark .description{color:#cbd5e1}body.theme-dark .skeleton-media,body.theme-dark .skeleton-line{background:linear-gradient(90deg,#1e293b,#334155,#1e293b);background-size:200% 100%}