.filter-panel{padding:var(--space-6);background:var(--surface-card);border-right:var(--border-w-hair) solid var(--border-hairline);scrollbar-width:thin;display:block;overflow-y:auto}.filter-panel>h2{font-family:var(--font-tech);font-weight:var(--fw-semibold);font-size:var(--fs-3xs);text-transform:uppercase;letter-spacing:var(--ls-label);color:var(--text-label);margin:var(--space-7) 0 var(--space-4)}.filter-panel>h2:first-of-type{margin-top:0}.filter-panel .head-row{justify-content:space-between;align-items:center;gap:var(--space-4);margin:var(--space-7) 0 var(--space-4);display:flex}.filter-panel .head-row h2{margin:0}.filter-panel .toggle{border:var(--border-w-hair) solid var(--border-subtle);border-radius:var(--radius-sm);display:inline-flex;overflow:hidden}.filter-panel .toggle button{background:var(--surface-inset);color:var(--text-muted);cursor:pointer;font-family:var(--font-tech);font-size:var(--fs-3xs);font-weight:var(--fw-bold);letter-spacing:.04em;padding:var(--space-1) var(--space-3);transition:var(--t-hover);border:none}.filter-panel .toggle button[aria-pressed=true]{background:var(--control-active-fill);color:var(--control-active-ink)}.filter-panel>input[type=text],.filter-panel .col-cat input[type=text]{box-sizing:border-box;background:var(--surface-inset);border:var(--border-w-hair) solid var(--border-subtle);width:100%;box-shadow:var(--inset-press);color:inherit;border-radius:var(--radius-control);padding:var(--space-3) var(--space-4);font:inherit;font-size:var(--fs-xs);transition:var(--t-hover)}.filter-panel>input:focus,.filter-panel .col-cat input:focus{border-color:var(--focus-ring);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.filter-panel .types{gap:var(--space-2);flex-wrap:wrap;display:flex}.filter-panel .type{cursor:pointer;color:var(--type-chip-ink);border-radius:var(--radius-pill);padding:var(--space-1) var(--space-4);font-family:var(--font-tech);font-size:var(--fs-2xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.02em;text-shadow:var(--type-chip-outline);border:none}.filter-panel .type:hover{filter:brightness(1.1)}.filter-panel .type[aria-pressed=true]{outline-offset:-1px;outline:2px solid #fff}.filter-panel .stats{gap:var(--space-3);display:grid}.filter-panel .stats .row{margin-bottom:var(--space-3)}.filter-panel .col-cat{margin-bottom:var(--space-4)}.filter-panel .col-label{font-family:var(--font-tech);font-size:var(--fs-2xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:var(--space-2)}.filter-panel .cat-chip{cursor:pointer;border:var(--border-w-hair) solid var(--border-subtle);background:var(--surface-inset);color:var(--text-muted);border-radius:var(--radius-pill);padding:2px var(--space-4);font:inherit;font-size:var(--fs-2xs);transition:var(--t-hover)}.filter-panel .cat-chip[aria-pressed=true]{background:var(--control-active-fill);border-color:var(--control-active-fill);color:var(--control-active-ink)}.filter-panel .reset{margin-top:var(--space-7);cursor:pointer;border:var(--border-w-hair) solid var(--border-subtle);width:100%;color:var(--text-muted);border-radius:var(--radius-control);padding:var(--space-3);font:inherit;transition:var(--t-hover);background:0 0}.filter-panel .reset:hover{border-color:var(--border-accent);color:var(--text-primary)}.filter-panel .hint{font-size:var(--fs-3xs);color:var(--text-muted);margin:var(--space-1) 0 0;line-height:var(--lh-body)}