.filter-bar-container{top:var(--header-height);z-index:40;background-color:var(--c-bg);border-bottom:1px solid var(--c-border);padding:var(--s-4) 0;position:sticky}.filter-bar-inner{align-items:center;gap:var(--s-3);flex-wrap:wrap;display:flex}.filter-bar-inner .search-container{flex:12rem;min-width:0;max-width:24rem;container-type:inline-size}@container (width<=18rem){.filter-bar-inner .search-shortcut{display:none}}.filter-bar-inner .search-input-wrapper{box-shadow:none;padding-block:var(--s-2)}.filter-bar-inner .search-clear{width:1.25rem;height:1.25rem}.filter-bar-inner .search-input-wrapper:hover,.filter-bar-inner .search-input-wrapper:focus-within{border-color:var(--c-border-strong);box-shadow:var(--shadow-sm)}.filter-bar{align-items:center;gap:var(--s-3);flex-wrap:wrap;flex:0 auto;min-width:0;display:flex}.filter-facet{position:relative}.filter-btn{align-items:center;gap:var(--s-2);padding:var(--s-3) var(--s-4);background-color:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius-pill);color:var(--c-fg);font-size:var(--text-sm);white-space:nowrap;cursor:pointer;transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);font-weight:500;line-height:1.2;display:inline-flex}.filter-btn:hover,.filter-btn[aria-expanded=true]{border-color:var(--c-border-strong);box-shadow:var(--shadow-sm)}.filter-btn.has-active{border-color:var(--c-border-strong);background-color:var(--c-bg-subtle)}.filter-count{color:var(--c-fg-secondary);font-weight:400}.filter-sheet-trigger{display:none}.filter-badge{min-width:1.25rem;height:1.25rem;padding:0 var(--s-1);border-radius:var(--radius-pill);background-color:var(--c-fg);color:var(--c-bg);font-size:var(--text-xs);justify-content:center;align-items:center;font-weight:600;line-height:1;display:inline-flex}.filter-popover{background-color:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius-md);min-width:15rem;max-height:20rem;box-shadow:var(--shadow-lg);padding:var(--s-2);z-index:10;position:absolute;top:calc(100% + .5rem);left:0;overflow-y:auto}.filter-option{align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-3);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-sm);color:var(--c-fg);display:flex}.filter-option:hover{background-color:var(--c-bg-subtle)}.filter-option input[type=checkbox]{accent-color:var(--c-fg);cursor:pointer;width:1rem;height:1rem;margin:0}.filter-option-label{flex:1}.filter-option-count{color:var(--c-fg-muted);font-size:var(--text-xs)}.filter-segments{gap:var(--s-2);padding:var(--s-1);display:flex}.filter-segment{padding:var(--s-2) var(--s-3);background-color:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius-pill);color:var(--c-fg);font-size:var(--text-sm);cursor:pointer;white-space:nowrap;transition:border-color var(--dur) var(--ease);flex:1}.filter-segment:hover{border-color:var(--c-border-strong)}.filter-segment.is-selected{background-color:var(--c-fg);border-color:var(--c-fg);color:var(--c-bg)}.filter-range{align-items:flex-end;gap:var(--s-2);padding:var(--s-2);display:flex}.filter-range-field{gap:var(--s-1);flex-direction:column;flex:1;display:flex}.filter-range-label{font-size:var(--text-xs);color:var(--c-fg-secondary)}.filter-range-field input{width:100%;padding:var(--s-3) var(--s-3);background-color:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius-sm);color:var(--c-fg);font-size:var(--text-sm)}.filter-range-field input:focus{border-color:var(--c-border-strong);outline:none}.filter-range-dash{padding-bottom:var(--s-3);color:var(--c-fg-muted)}.filter-range-hint{padding:var(--s-1) var(--s-3) var(--s-2);color:var(--c-fg-muted);font-size:var(--text-xs);margin:0}.filter-chips{align-items:center;gap:var(--s-2);flex-wrap:wrap;flex-basis:100%;display:flex}.filter-chip{align-items:center;gap:var(--s-2);background-color:var(--c-bg-subtle);border-radius:var(--radius-pill);padding:var(--s-2) var(--s-3);color:var(--c-fg);font-size:var(--text-xs);cursor:pointer;transition:background-color var(--dur) var(--ease);border:none;display:inline-flex}.filter-chip:hover{background-color:var(--c-bg-hover)}.filter-chip-x{color:var(--c-fg-secondary);font-size:var(--text-sm);line-height:1}.filter-clear-all{color:var(--c-fg);font-size:var(--text-xs);cursor:pointer;padding:var(--s-2) var(--s-1);background:0 0;border:none;font-weight:600;text-decoration:underline}@media (width<=48rem){.filter-bar-container{padding:var(--s-3) 0}.filter-bar-inner .search-container{flex:1;max-width:none}.filter-bar{display:none}.filter-sheet-trigger{flex-shrink:0;display:inline-flex}.filter-chips{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;min-width:0;overflow-x:auto;mask-image:linear-gradient(90deg,#000 calc(100% - 1.5rem),#0000)}.filter-chips::-webkit-scrollbar{display:none}.filter-chip,.filter-clear-all{flex-shrink:0}}.filter-sheet-backdrop{z-index:60;background-color:#0006;align-items:flex-end;display:flex;position:fixed;inset:0}.filter-sheet{background-color:var(--c-bg);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-height:92dvh;box-shadow:var(--shadow-lg);animation:filter-sheet-in var(--dur) var(--ease);flex-direction:column;display:flex}.filter-sheet:focus{outline:none}@keyframes filter-sheet-in{0%{opacity:.6;transform:translateY(1.5rem)}}@media (prefers-reduced-motion:reduce){.filter-sheet{animation:none}}.filter-sheet-header{justify-content:space-between;align-items:center;gap:var(--s-3);padding:var(--s-4) var(--s-5);border-bottom:1px solid var(--c-border);display:flex}.filter-sheet-title{font-size:var(--text-base);font-weight:600}.filter-sheet-close{border-radius:var(--radius-circle);width:2.25rem;height:2.25rem;color:var(--c-fg);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.filter-sheet-close:hover{background-color:var(--c-bg-hover)}.filter-sheet-body{overscroll-behavior:contain;padding:0 var(--s-4);flex:1;overflow-y:auto}.filter-sheet-group{padding:var(--s-4) 0;border-bottom:1px solid var(--c-border)}.filter-sheet-group:last-child{border-bottom:none}.filter-sheet-group-title{font-size:var(--text-sm);padding:0 var(--s-2);margin-bottom:var(--s-2);font-weight:600}.filter-sheet-group .filter-option{padding:var(--s-3);font-size:var(--text-base)}.filter-sheet-group .filter-option input[type=checkbox]{width:1.25rem;height:1.25rem}.filter-sheet-group .filter-range-field input{font-size:var(--text-base);padding:var(--s-3) var(--s-4)}.filter-sheet-group .filter-segment{padding:var(--s-3) var(--s-4);font-size:var(--text-base)}.filter-sheet-footer{justify-content:space-between;align-items:center;gap:var(--s-4);padding:var(--s-3) var(--s-5);padding-bottom:calc(var(--s-3) + env(safe-area-inset-bottom));border-top:1px solid var(--c-border);display:flex}.filter-sheet-clear{color:var(--c-fg);font-size:var(--text-sm);cursor:pointer;padding:var(--s-3) var(--s-2);background:0 0;border:none;font-weight:600;text-decoration:underline}.filter-sheet-clear:disabled{color:var(--c-fg-muted);cursor:default;text-decoration:none}.filter-sheet-apply{padding:var(--s-3) var(--s-5);background-color:var(--c-fg);color:var(--c-bg);border-radius:var(--radius-sm);font-size:var(--text-sm);cursor:pointer;transition:opacity var(--dur) var(--ease);border:none;font-weight:600}.filter-sheet-apply:hover{opacity:.85}.range-slider{padding:var(--s-3);min-width:14rem}.range-slider-values{font-size:var(--text-sm);color:var(--c-fg);margin-bottom:var(--s-4);justify-content:space-between;font-weight:500;display:flex}.range-slider-track-area{height:1.25rem;position:relative}.range-slider-track,.range-slider-fill{border-radius:var(--radius-pill);pointer-events:none;height:3px;position:absolute;top:50%;transform:translateY(-50%)}.range-slider-track{background-color:var(--c-border);left:0;right:0}.range-slider-fill{background-color:var(--c-fg)}.range-slider-input{appearance:none;pointer-events:none;background:0 0;width:100%;height:100%;margin:0;position:absolute;top:0;left:0}.range-slider-input:focus{outline:none}.range-slider-input::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;border-radius:var(--radius-circle);background-color:var(--c-bg);border:2px solid var(--c-fg);cursor:pointer;width:1rem;height:1rem;box-shadow:var(--shadow-sm)}.range-slider-input::-moz-range-thumb{pointer-events:auto;border-radius:var(--radius-circle);background-color:var(--c-bg);border:2px solid var(--c-fg);cursor:pointer;width:1rem;height:1rem;box-shadow:var(--shadow-sm)}.range-slider-input:focus-visible::-webkit-slider-thumb{outline:2px solid var(--c-fg);outline-offset:2px}.range-slider-input:focus-visible::-moz-range-thumb{outline:2px solid var(--c-fg);outline-offset:2px}.range-slider-hint{margin:var(--s-3) 0 0 0;color:var(--c-fg-secondary);font-size:var(--text-xs);line-height:1.4}.search-container{max-width:30rem;display:block}.search-input-wrapper{align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);background-color:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);transition:box-shadow var(--dur) var(--ease), border-color var(--dur) var(--ease);display:flex}.search-input-wrapper:hover{box-shadow:var(--shadow-md)}.search-input-wrapper:focus-within{border-color:var(--c-border-strong);box-shadow:var(--shadow-md)}.search-icon{color:var(--c-fg-secondary);flex-shrink:0}.search-input{min-width:0;color:var(--c-fg);font-size:var(--text-sm);background:0 0;border:none;outline:none;flex:1}.search-input::placeholder{color:var(--c-fg-muted)}.search-clear{border-radius:var(--radius-pill);background-color:var(--c-bg-hover);width:1.5rem;height:1.5rem;color:var(--c-fg-secondary);cursor:pointer;transition:background-color var(--dur) var(--ease);border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.search-clear:hover{background-color:var(--c-border);color:var(--c-fg)}.search-shortcut{padding:var(--s-1) var(--s-2);border:1px solid var(--c-border);border-radius:var(--radius-sm);color:var(--c-fg-muted);font-family:inherit;font-size:var(--text-xs);flex-shrink:0}@media (width<=30rem){.search-shortcut{display:none}}