.category-sidebar{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);scrollbar-gutter:stable;align-self:flex-start;max-height:calc(100vh - 100px);padding:8px;position:sticky;top:84px;overflow-y:auto}.category-sidebar-head{border-bottom:1px solid var(--divider,var(--border));justify-content:space-between;align-items:center;margin-bottom:6px;padding:6px 8px 10px;display:flex}.category-sidebar-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-4);font-size:10.5px;font-weight:700}.category-sidebar-close{width:26px;height:26px;color:var(--ink-3);cursor:pointer;border-radius:var(--r-sm);background:0 0;border:0;justify-content:center;align-items:center;display:none}.category-sidebar-close:hover{background-color:var(--surface-hover);color:var(--ink)}.category-tree,.category-children{margin:0;padding:0;list-style:none}.category-children{border-left:1px dashed var(--border);margin-left:12px;padding-left:6px}.category-row{border-radius:var(--r-sm);align-items:center;gap:4px;padding-right:8px;transition:background-color .12s;display:flex;position:relative}.category-row:hover{background-color:var(--surface-muted)}.category-row.is-active{background-color:var(--accent-soft)}.category-row-toggle{width:22px;height:30px;color:var(--ink-4);cursor:pointer;border-radius:var(--r-xs);background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.category-row-toggle:hover{color:var(--ink)}.category-row-toggle-empty{cursor:default}.category-row-main{cursor:pointer;text-align:left;min-width:0;color:var(--ink-2);border-radius:var(--r-sm);background:0 0;border:0;flex:1;justify-content:space-between;align-items:center;gap:8px;padding:6px 4px;font-size:13px;font-weight:500;display:flex}.category-row-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.category-row-count{font-family:var(--font-mono), ui-monospace, monospace;font-feature-settings:"tnum", "zero";color:var(--ink-4);letter-spacing:.02em;background-color:var(--surface-muted);border-radius:var(--r-pill);flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:600}.category-row.is-active .category-row-main{color:var(--accent);font-weight:700}.category-row.is-active .category-row-count{background-color:color-mix(in srgb, var(--accent) 14%, transparent);color:var(--accent)}.category-row-all{cursor:pointer;width:100%;color:var(--ink);border-radius:var(--r-sm);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:600;transition:background-color .12s;display:flex}.category-row-all:hover{background-color:var(--surface-muted)}.category-row-all.is-active{background-color:var(--accent-soft);color:var(--accent)}.category-row-all.is-active .category-row-count{background-color:color-mix(in srgb, var(--accent) 14%, transparent);color:var(--accent)}.category-sidebar-backdrop{display:none}@media (max-width:880px){.category-sidebar{border:0;border-right:1px solid var(--border);z-index:60;width:min(86vw,320px);max-height:100vh;box-shadow:var(--shadow-3);border-radius:0;transition:transform .22s cubic-bezier(.2,.8,.2,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.category-sidebar.is-open{transform:translate(0)}.category-sidebar-close{display:inline-flex}.category-sidebar-backdrop{z-index:55;background-color:#0d11176b;animation:.16s ease-out cat-backdrop-fade;display:block;position:fixed;inset:0}@keyframes cat-backdrop-fade{0%{opacity:0}to{opacity:1}}}
.filter-drawer-backdrop{background-color:color-mix(in srgb, var(--ink) 30%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:60;animation:.18s ease-out filter-drawer-fade-in;position:fixed;inset:0}.filter-drawer{background-color:var(--surface);border-left:1px solid var(--border);z-index:61;flex-direction:column;width:min(420px,100vw);animation:.24s cubic-bezier(.22,1,.36,1) filter-drawer-slide-in;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-16px 0 32px -12px #0000002e}@keyframes filter-drawer-fade-in{0%{opacity:0}to{opacity:1}}@keyframes filter-drawer-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.filter-drawer-head{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.filter-drawer-title{color:var(--ink);align-items:center;gap:8px;font-size:15px;font-weight:700;display:inline-flex}.filter-drawer-close{border-radius:var(--r-sm);width:32px;height:32px;color:var(--ink-3);cursor:pointer;background:0 0;border:0;place-items:center;transition:background-color .12s,color .12s;display:inline-grid}.filter-drawer-close:hover{background-color:var(--surface-hover);color:var(--ink)}.filter-drawer-body{flex-direction:column;flex:1;gap:18px;padding:16px 18px;display:flex;overflow-y:auto}.filter-drawer-loading,.filter-drawer-error{border-radius:var(--r-sm);padding:14px 16px;font-size:13px}.filter-drawer-loading{background-color:var(--surface-muted);color:var(--ink-3)}.filter-drawer-error{background-color:var(--danger-soft);color:var(--danger)}.filter-section{border-bottom:1px solid var(--divider);padding-bottom:16px}.filter-section:last-child{border-bottom:0;padding-bottom:0}.filter-section-title{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin:0 0 10px;font-size:11px;font-weight:700}.filter-section-body{flex-direction:column;gap:6px;display:flex}.filter-checks{flex-direction:column;gap:4px;max-height:220px;display:flex;overflow-y:auto}.filter-check{border-radius:var(--r-xs);cursor:pointer;color:var(--ink);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:5px 8px;font-size:13px;transition:background-color .12s;display:inline-flex}.filter-check:hover{background-color:var(--surface-hover)}.filter-check input{cursor:pointer;accent-color:var(--accent);flex-shrink:0;margin:0}.filter-range{align-items:center;gap:8px;display:flex}.filter-range-sep{color:var(--ink-4);flex-shrink:0;font-weight:600}.filter-num-input{border-radius:var(--r-sm);border:1px solid var(--border);background-color:var(--surface);height:36px;color:var(--ink);font-variant-numeric:tabular-nums;flex:1;width:100%;min-width:0;padding:0 10px;font-family:inherit;font-size:13px;transition:border-color .12s,box-shadow .12s}.filter-num-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.filter-drawer-foot{border-top:1px solid var(--border);background-color:var(--surface);flex-shrink:0;align-items:center;gap:10px;padding:14px 18px;display:flex}.filter-drawer-reset{border-radius:var(--r-sm);border:1px solid var(--border);color:var(--ink-2);cursor:pointer;background:0 0;flex:none;padding:9px 14px;font-size:13px;font-weight:600;transition:background-color .12s,color .12s}.filter-drawer-reset:hover{background-color:var(--surface-hover);color:var(--ink)}.filter-drawer-apply{flex:1}.filter-trigger{border-radius:var(--r-sm);background-color:var(--surface);border:1px solid var(--border);color:var(--ink);cursor:pointer;align-items:center;gap:6px;padding:9px 14px;font-size:13px;font-weight:600;transition:background-color .12s,border-color .12s;display:inline-flex;position:relative}.filter-trigger:hover{background-color:var(--surface-hover);border-color:var(--border-strong)}.filter-trigger-badge{border-radius:var(--r-pill);background-color:var(--accent);min-width:18px;height:18px;color:var(--accent-on);place-items:center;margin-left:2px;padding:0 5px;font-size:10.5px;font-weight:700;display:inline-grid}