.filter-sidebar-form{display:contents}.filter-sidebar{background:var(--color-neutral-0);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-5);height:fit-content;top:var(--space-4);border:0;position:sticky}.filter-block{padding:10px 0}.filter-block .heading{color:var(--color-neutral-700);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.filter-block .seg{background:var(--color-neutral-100);border-radius:var(--radius-md);grid-template-columns:1fr 1fr;gap:4px;margin-bottom:8px;padding:4px;display:grid}.filter-block .seg .seg-btn{color:var(--color-neutral-700);border-radius:var(--radius-sm);transition:all var(--t-base);text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;padding:8px;font-size:13px;font-weight:500}.filter-block .seg .seg-input:checked+.seg-btn{background:var(--color-neutral-0);color:var(--color-neutral-900);box-shadow:var(--shadow-sm)}.filter-block .seg .seg-btn:hover{color:var(--color-neutral-900)}.filter-block .chip-row{flex-wrap:wrap;gap:6px;display:flex}.filter-block .chip{border-radius:var(--radius-pill);background:var(--color-neutral-0);border:1px solid var(--color-neutral-200);color:var(--color-neutral-700);cursor:pointer;transition:all var(--t-base);-webkit-user-select:none;user-select:none;padding:6px 12px;font-size:12px;line-height:1.4;display:inline-block}.filter-block .chip:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-soft)}.filter-block .chip-input:checked+.chip{background:var(--color-primary);color:var(--color-neutral-0);border-color:var(--color-primary)}.filter-block .ms-dropdown{position:relative}.filter-block .ms-summary{color:var(--color-neutral-900);background:var(--color-neutral-0);border:1px solid var(--input-border);border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-size:13px;list-style:none;display:flex}.filter-block .ms-summary::-webkit-details-marker{display:none}.filter-block .ms-summary:hover{border-color:var(--color-neutral-400)}.filter-block .ms-caret{color:var(--color-neutral-500);transition:transform var(--t-base);flex-shrink:0}.filter-block .ms-dropdown[open] .ms-caret{transform:rotate(180deg)}.filter-block .ms-panel{border:1px solid var(--input-border);box-shadow:var(--shadow-md);border-radius:var(--radius-md);background:var(--color-neutral-0);gap:2px;max-height:240px;margin-top:6px;padding:6px;display:grid;overflow-y:auto}.filter-block .ms-option{color:var(--color-neutral-700);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:8px;padding:6px 8px;font-size:13px;display:flex}.filter-block .ms-option:hover{background:var(--color-neutral-100)}.filter-block .ms-option input{accent-color:var(--color-primary)}.filter-block .range-display{gap:8px;margin-top:8px;display:flex}.filter-block .range-display input{border:1px solid var(--input-border);border-radius:var(--radius-sm);background:var(--color-neutral-50);color:var(--color-neutral-900);min-width:0;transition:border-color var(--t-fast), box-shadow var(--t-fast), background var(--t-fast);flex:1;padding:8px 10px;font-size:12px}.filter-block .range-display input:focus{background:var(--color-neutral-0);border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 15%, transparent);outline:none}.filter-block .checks{gap:8px;display:grid}.filter-block .check{cursor:pointer;color:var(--color-neutral-700);align-items:center;gap:10px;font-size:13px;display:flex}.filter-block .check input{accent-color:var(--color-primary)}.filter-block .check .count{color:var(--color-neutral-500);background:var(--color-neutral-100);border-radius:var(--radius-pill);margin-left:auto;padding:2px 7px;font-size:11px}.filter-block .seg-input,.filter-block .chip-input{opacity:0;pointer-events:none;width:0;height:0;margin:0;position:absolute}.filter-sidebar .filter-actions{gap:8px;margin-top:16px;display:grid}.filter-sidebar .filter-actions .btn-ghost{text-align:center;padding:10px 14px;font-size:13px;text-decoration:none}.filters-drawer-backdrop{z-index:55;background:#00000073;animation:.2s filters-drawer-fade;position:fixed;inset:0}.filters-drawer{z-index:60;background:var(--color-neutral-0);flex-direction:column;width:88vw;max-width:360px;animation:.22s filters-drawer-in;display:flex;position:fixed;top:0;bottom:0;left:0;box-shadow:2px 0 16px #0003}.filters-drawer-top{border-bottom:1px solid var(--color-neutral-200);justify-content:space-between;align-items:center;padding:14px 16px;font-size:16px;display:flex}.filters-drawer-top strong{color:var(--color-neutral-900);font-weight:700}.filters-drawer-close{border-radius:var(--radius-lg);cursor:pointer;min-width:40px;min-height:40px;color:var(--color-neutral-700);justify-content:center;align-items:center;display:flex}.filters-drawer-body{-webkit-overflow-scrolling:touch;flex:1;padding:8px 16px 16px;overflow-y:auto}.filters-drawer .filter-sidebar{background:0 0;border:none;border-radius:0;padding:0;position:static}.filters-drawer-foot{border-top:1px solid var(--color-neutral-200);background:var(--color-neutral-0);align-items:center;gap:10px;padding:12px 16px;display:flex}.filters-drawer-foot .btn-ghost{white-space:nowrap;padding:11px 14px;font-size:14px;text-decoration:none}@keyframes filters-drawer-in{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes filters-drawer-fade{0%{opacity:0}to{opacity:1}}
