:root{--sb-w:260px;--sb-bg:#ffffff;--sb-bg2:#f8fafc;--sb-surface:#f1f5f9;--sb-surface2:#e9eef4;--sb-cyan:#f97316;--sb-cyan-dim:rgba(249,115,22,.07);--sb-cyan-mid:rgba(249,115,22,.13);--sb-cyan-glow:rgba(249,115,22,.25);--sb-border:#e2e8f0;--sb-text:#1e293b;--sb-muted:#64748b;--sb-muted2:#94a3b8;--sb-red:#ef4444;--sb-green:#10b981;--sb-ease:240ms cubic-bezier(.4,0,.2,1);--sb-ease-out:300ms cubic-bezier(0,0,.2,1);--sb-r:10px;--sb-r-sm:6px;--sb-font:'Inter',system-ui,-apple-system,sans-serif;--sb-mono:'JetBrains Mono','Fira Mono',monospace}.sb *,.sb *::before,.sb *::after{box-sizing:border-box;margin:0;padding:0}.sb a{text-decoration:none;color:inherit}.sb button{font-family:inherit;background:none;border:none;cursor:pointer}.sb{width:var(--sb-w);display:flex;flex-direction:column;background:var(--sb-bg);font-family:var(--sb-font);overflow:hidden;border-right:1px solid var(--sb-border);box-shadow:1px 0 0 rgba(0,194,224,.08),4px 0 32px rgba(0,0,0,.6),inset -1px 0 0 rgba(0,194,224,.06)}.sb-head{flex-shrink:0;padding:14px 10px 10px;display:flex;flex-direction:column;gap:8px;background:var(--sb-bg);border-bottom:1px solid var(--sb-border);background-image:linear-gradient(180deg,rgba(0,194,224,.04) 0%,transparent 100%)}.sb-search{display:flex;align-items:center;gap:7px;background:var(--sb-surface);border:1px solid var(--sb-border);border-radius:var(--sb-r-sm);padding:0 10px;transition:border-color var(--sb-ease),box-shadow var(--sb-ease)}.sb-search:focus-within{border-color:var(--sb-cyan);box-shadow:0 0 0 3px rgba(249,115,22,.1),0 0 12px rgba(249,115,22,.06)}.sb-search__icon{color:var(--sb-muted2);flex-shrink:0}.sb-search__input{flex:1;background:none;border:none;outline:none;color:var(--sb-text);font-size:.8rem;font-family:var(--sb-font);padding:8px 0}.sb-search__input::placeholder{color:var(--sb-muted2)}.sb-search__clear{padding:3px;color:var(--sb-muted2);border-radius:3px;display:flex;align-items:center;transition:color var(--sb-ease),background var(--sb-ease)}.sb-search__clear:hover{color:var(--sb-text);background:rgba(0,0,0,.08)}.sb-row{display:flex;align-items:center;justify-content:space-between;padding:0 2px}.sb-label{font-size:.6rem;font-weight:700;font-family:var(--sb-mono);color:var(--sb-cyan);letter-spacing:.14em;text-transform:uppercase;opacity:.7}.sb-clear{font-size:.6rem;font-weight:600;font-family:var(--sb-mono);color:var(--sb-red);letter-spacing:.04em;padding:2px 6px;border-radius:3px;opacity:.65;transition:background var(--sb-ease),opacity var(--sb-ease)}.sb-clear:hover{background:rgba(245,101,101,.12);opacity:1}.sb-all{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:var(--sb-r-sm);border:1px solid var(--sb-border);background:transparent;color:var(--sb-muted);font-size:.8rem;font-weight:500;transition:background var(--sb-ease),color var(--sb-ease),border-color var(--sb-ease),box-shadow var(--sb-ease)}.sb-all svg{opacity:.5;transition:opacity var(--sb-ease)}.sb-all:hover,.sb-all.is-active{background:var(--sb-cyan-dim);color:var(--sb-cyan);border-color:var(--sb-cyan-mid);box-shadow:0 0 12px rgba(249,115,22,.1)}.sb-all:hover svg,.sb-all.is-active svg{opacity:1}.sb-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:6px 6px 8px;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.15) transparent}.sb-body::-webkit-scrollbar{width:3px}.sb-body::-webkit-scrollbar-track{background:transparent}.sb-body::-webkit-scrollbar-thumb{background:rgba(0,0,0,.15);border-radius:3px}.sb-cats{display:flex;flex-direction:column;gap:2px}.cat{border-radius:var(--sb-r)}.cat-hdr{display:flex;align-items:center;gap:8px;width:100%;min-height:42px;padding:0 10px 0 8px;color:var(--sb-text);font-size:.84rem;font-weight:500;text-align:left;border-radius:var(--sb-r);position:relative;transition:background var(--sb-ease),color var(--sb-ease);border-left:2px solid transparent}.cat-hdr:hover{background:var(--sb-cyan-dim);color:var(--sb-cyan);border-left-color:rgba(249,115,22,.3)}.cat.is-open>.cat-hdr{background:var(--sb-cyan-dim);color:var(--sb-cyan);border-left-color:var(--sb-cyan)}.cat.is-open>.cat-hdr::after{content:'';position:absolute;left:0;top:10%;bottom:10%;width:2px;background:var(--sb-cyan);box-shadow:0 0 8px var(--sb-cyan-glow);border-radius:2px;pointer-events:none}.cat-hdr__icon{flex-shrink:0;width:16px;height:16px;opacity:.75;transition:opacity var(--sb-ease),color var(--sb-ease);color:var(--sb-muted)}.cat.is-open>.cat-hdr .cat-hdr__icon,.cat-hdr:hover .cat-hdr__icon{opacity:1;color:var(--sb-cyan)}.cat-hdr__name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cat-hdr__count{flex-shrink:0;font-size:.6rem;font-family:var(--sb-mono);font-weight:600;color:var(--sb-muted2);background:rgba(0,0,0,.06);border-radius:10px;padding:1px 6px;min-width:22px;text-align:center;letter-spacing:.02em;transition:background var(--sb-ease),color var(--sb-ease)}.cat.is-open>.cat-hdr .cat-hdr__count,.cat-hdr:hover .cat-hdr__count{background:var(--sb-cyan-dim);color:var(--sb-cyan)}.cat-hdr__arrow{flex-shrink:0;color:var(--sb-muted2);transition:transform var(--sb-ease),color var(--sb-ease)}.cat.is-open>.cat-hdr .cat-hdr__arrow{transform:rotate(180deg);color:var(--sb-cyan)}.cat--leaf{overflow:visible}.cat-leaf-link{display:flex;align-items:center;gap:8px;min-height:42px;padding:0 10px 0 8px;border-radius:var(--sb-r);color:var(--sb-text);font-size:.84rem;font-weight:500;border-left:2px solid transparent;transition:background var(--sb-ease),color var(--sb-ease),border-left-color var(--sb-ease)}.cat-leaf-link:hover{background:var(--sb-cyan-dim);color:var(--sb-cyan);border-left-color:rgba(249,115,22,.3)}.cat-leaf-link.is-active{background:var(--sb-cyan-dim);color:var(--sb-cyan);border-left-color:var(--sb-cyan);font-weight:600}.cat-leaf-link .cat-hdr__icon{opacity:.75;color:var(--sb-muted)}.cat-leaf-link:hover .cat-hdr__icon,.cat-leaf-link.is-active .cat-hdr__icon{opacity:1;color:var(--sb-cyan)}.cat-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--sb-ease-out)}.cat.is-open>.cat-body{grid-template-rows:1fr}.cat-body__inner{overflow:hidden;padding-bottom:4px}.cat-body__track{margin:2px 4px 0 16px;padding-left:10px;border-left:1px solid rgba(0,0,0,.08);display:flex;flex-direction:column;gap:1px}.cat[data-filter-cat] .cat-body__inner{padding:0 4px 6px}.cat[data-filter-cat]{border-bottom:1px solid rgba(0,0,0,.05)}.cat[data-filter-cat]:last-of-type{border-bottom:none}.sub-link{display:flex;align-items:center;gap:7px;min-height:34px;padding:0 8px;border-radius:var(--sb-r-sm);font-size:.79rem;color:var(--sb-muted);transition:background var(--sb-ease),color var(--sb-ease),padding-left var(--sb-ease)}.sub-link:hover{background:var(--sb-cyan-dim);color:var(--sb-text);padding-left:12px}.sub-link.is-active{color:var(--sb-cyan);background:var(--sb-cyan-dim);font-weight:600;padding-left:12px}.sub-link__dot{width:4px;height:4px;border-radius:50%;background:var(--sb-muted2);flex-shrink:0;transition:background var(--sb-ease),box-shadow var(--sb-ease),transform var(--sb-ease)}.sub-link:hover .sub-link__dot,.sub-link.is-active .sub-link__dot{background:var(--sb-cyan);box-shadow:0 0 6px var(--sb-cyan-glow);transform:scale(1.5)}.sub-acc{border-radius:var(--sb-r-sm)}.sub-acc__hdr{display:flex;align-items:center;gap:7px;width:100%;min-height:34px;padding:0 8px;color:var(--sb-muted);font-size:.79rem;font-weight:500;text-align:left;border-radius:var(--sb-r-sm);transition:background var(--sb-ease),color var(--sb-ease)}.sub-acc__hdr:hover{background:rgba(0,0,0,.04);color:var(--sb-text)}.sub-acc.is-open>.sub-acc__hdr{color:var(--sb-cyan);background:var(--sb-cyan-dim)}.sub-acc__hdr>span:not(.sub-acc__icon):not(.sub-acc__count){flex:1;min-width:0}.sub-acc__count{font-size:.58rem;font-family:var(--sb-mono);color:var(--sb-muted2);background:rgba(0,0,0,.05);border-radius:8px;padding:1px 5px;letter-spacing:.02em;transition:background var(--sb-ease),color var(--sb-ease)}.sub-acc.is-open>.sub-acc__hdr .sub-acc__count{background:var(--sb-cyan-dim);color:var(--sb-cyan)}.sub-acc__arrow{flex-shrink:0;color:var(--sb-muted2);transition:transform var(--sb-ease),color var(--sb-ease)}.sub-acc.is-open>.sub-acc__hdr .sub-acc__arrow{transform:rotate(180deg);color:var(--sb-cyan)}.sub-acc__body{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--sb-ease-out)}.sub-acc.is-open>.sub-acc__body{grid-template-rows:1fr}.sub-acc__inner{overflow:hidden;padding-bottom:2px}.sub-acc__track{margin:1px 0 2px 12px;padding-left:10px;border-left:1px solid rgba(0,0,0,.07);display:flex;flex-direction:column;gap:0}.leaf-link{display:flex;align-items:center;gap:7px;min-height:30px;padding:0 6px;border-radius:4px;font-size:.76rem;color:var(--sb-muted);opacity:.85;transition:background var(--sb-ease),color var(--sb-ease),opacity var(--sb-ease),padding-left var(--sb-ease)}.leaf-link:hover{background:var(--sb-cyan-dim);color:var(--sb-text);opacity:1;padding-left:10px}.leaf-link.is-active{color:var(--sb-cyan);background:var(--sb-cyan-dim);opacity:1;font-weight:600;padding-left:10px}.leaf-count{flex-shrink:0;font-size:.56rem;font-family:var(--sb-mono);color:var(--sb-muted2);background:rgba(0,0,0,.05);border-radius:8px;padding:1px 5px;letter-spacing:.02em;transition:background var(--sb-ease),color var(--sb-ease)}.leaf-link:hover .leaf-count,.leaf-link.is-active .leaf-count{background:var(--sb-cyan-dim);color:var(--sb-cyan)}.leaf-link__bar{width:8px;height:1px;background:var(--sb-muted2);flex-shrink:0;transition:background var(--sb-ease),width var(--sb-ease),box-shadow var(--sb-ease)}.leaf-link:hover .leaf-link__bar,.leaf-link.is-active .leaf-link__bar{background:var(--sb-cyan);width:12px;box-shadow:0 0 5px var(--sb-cyan-glow)}.sb-section-sep{height:1px;margin:8px 6px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.1) 30%,rgba(0,0,0,.1) 70%,transparent)}.sb-section-label{font-size:.58rem;font-weight:700;font-family:var(--sb-mono);color:var(--sb-muted2);letter-spacing:.14em;text-transform:uppercase;padding:6px 8px 2px}.sub-group-label{display:block;font-size:.58rem;font-weight:700;font-family:var(--sb-mono);color:var(--sb-cyan);opacity:.5;text-transform:uppercase;letter-spacing:.1em;padding:7px 6px 2px}.cat[data-hidden]{display:none}.sb-no-results{display:flex;flex-direction:column;align-items:center;gap:8px;padding:28px 12px;color:var(--sb-muted2);font-size:.78rem;text-align:center}.sb-no-results[hidden]{display:none !important}.sb-no-results svg{opacity:.4}.sb-filter-inner{display:flex;flex-direction:column;gap:5px;padding:4px 2px 6px}.sb-filter-row{display:flex;align-items:center;gap:5px}.sb-price-input{display:flex;align-items:center;gap:4px;flex:1;background:var(--sb-surface);border:1px solid var(--sb-border);border-radius:var(--sb-r-sm);padding:0 8px;transition:border-color var(--sb-ease)}.sb-price-input:focus-within{border-color:var(--sb-cyan)}.sb-price-input span{font-size:.68rem;color:var(--sb-muted2);font-family:var(--sb-mono)}.sb-price-input input{background:none;border:none;outline:none;color:var(--sb-text);font-size:.78rem;width:100%;padding:7px 0}.sb-price-sep{color:var(--sb-muted2);font-size:.8rem}.sb-apply-btn{display:block;width:100%;margin-top:2px;padding:8px;background:var(--sb-cyan-dim);border:1px solid var(--sb-cyan-mid);border-radius:var(--sb-r-sm);color:var(--sb-cyan);font-size:.72rem;font-weight:600;font-family:var(--sb-mono);letter-spacing:.07em;cursor:pointer;text-transform:uppercase;transition:background var(--sb-ease),box-shadow var(--sb-ease)}.sb-apply-btn:hover{background:var(--sb-cyan-mid);box-shadow:0 0 10px var(--sb-cyan-glow)}.sb-check{display:flex;align-items:center;gap:8px;padding:4px 2px;cursor:pointer;color:var(--sb-muted);font-size:.79rem;transition:color var(--sb-ease)}.sb-check input[type=checkbox]{accent-color:var(--sb-cyan);width:13px;height:13px}.sb-check:hover{color:var(--sb-text)}.sb-brand-search{position:relative;margin-bottom:4px}.sb-brand-search svg{position:absolute;left:8px;top:50%;transform:translateY(-50%);opacity:.4;pointer-events:none}.sb-brand-search input{width:100%;background:var(--sb-surface);border:1px solid var(--sb-border);border-radius:var(--sb-r-sm);padding:6px 8px 6px 28px;color:var(--sb-text);font-size:.76rem;font-family:var(--sb-font);outline:none;transition:border-color var(--sb-ease)}.sb-brand-search input::placeholder{color:var(--sb-muted2)}.sb-brand-search input:focus{border-color:var(--sb-cyan)}.sb-brand-list{display:flex;flex-direction:column;gap:1px;max-height:210px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.12) transparent}.sb-brand-list::-webkit-scrollbar{width:4px}.sb-brand-list::-webkit-scrollbar-thumb{background:rgba(0,0,0,.12);border-radius:2px}.sb-brand-link{display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:5px;font-size:.77rem;color:var(--sb-muted);transition:background var(--sb-ease),color var(--sb-ease)}.sb-brand-link:hover{background:var(--sb-cyan-dim);color:var(--sb-text)}.sb-brand-link.is-active{color:var(--sb-cyan);font-weight:600;background:var(--sb-cyan-dim)}.sb-brand-link[data-hidden]{display:none}.sb-filter-sep{height:1px;background:linear-gradient(90deg,transparent,var(--sb-border) 30%,var(--sb-border) 70%,transparent);margin:5px 0 3px}.sb-foot{flex-shrink:0;border-top:1px solid var(--sb-border);background:var(--sb-bg);display:flex;align-items:center;gap:4px;padding:7px 8px}.sb-foot__link{display:flex;align-items:center;gap:6px;flex:1;justify-content:center;padding:8px;border-radius:var(--sb-r-sm);font-size:.78rem;font-weight:500;color:var(--sb-muted);border:1px solid rgba(255,255,255,.06);transition:background var(--sb-ease),color var(--sb-ease),border-color var(--sb-ease),box-shadow var(--sb-ease)}.sb-foot__link--fav{border-color:rgba(245,101,101,.15);color:#F56565}.sb-foot__link--fav:hover{background:rgba(245,101,101,.08);border-color:rgba(245,101,101,.35);box-shadow:0 0 12px rgba(245,101,101,.1)}.sb-foot__link--cart{color:var(--sb-cyan);border-color:rgba(0,194,224,.15)}.sb-foot__link--cart:hover{background:var(--sb-cyan-dim);border-color:var(--sb-cyan);box-shadow:0 0 12px rgba(0,194,224,.12)}.sb-foot__badge{display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:17px;background:var(--sb-cyan);color:#000;font-size:.6rem;font-weight:800;border-radius:9px;padding:0 4px;line-height:1;font-family:var(--sb-mono);box-shadow:0 0 8px rgba(0,194,224,.5);animation:sbBadgePulse 2.8s ease-in-out infinite}@keyframes sbBadgePulse{0%,100%{box-shadow:0 0 8px rgba(0,194,224,.4)}50%{box-shadow:0 0 16px rgba(0,194,224,.7)}}.sb-toggle{display:none;align-items:center;gap:7px;padding:8px 16px;background:var(--sb-surface2);border:1px solid rgba(0,194,224,.2);border-radius:var(--sb-r-sm);color:var(--sb-cyan);font-size:.8rem;font-weight:600;font-family:var(--sb-font);cursor:pointer;transition:background var(--sb-ease),box-shadow var(--sb-ease);margin-bottom:12px}.sb-toggle:hover{background:rgba(0,194,224,.14);box-shadow:0 0 14px rgba(0,194,224,.18)}.sb-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:3900;opacity:0;pointer-events:none;transition:opacity 260ms ease}.sb-overlay.is-visible{opacity:1;pointer-events:auto}@media (max-width:1024px){.sb{position:fixed !important;left:0;top:0;height:100vh !important;transform:translateX(-105%);transition:transform 300ms cubic-bezier(.4,0,.2,1);box-shadow:6px 0 48px rgba(0,0,0,.8);border-radius:0 !important;z-index:4000}.sb.is-open{transform:translateX(0)}.sb-toggle{display:flex}.sb-overlay{display:block}}