.filter{margin-top:5px}.filter__top{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;padding-bottom:24px;display:flex}.filter__top h2{letter-spacing:-.04em;margin:7px 0 0;font-size:31px}.filter__count{font:11px var(--font-mono);color:var(--accent)}.filter__controls{align-items:start;gap:12px;padding-block:18px 28px;display:flex}.filter__search{flex-direction:column;gap:7px;min-width:170px;display:flex}.filter__search>span{color:var(--muted);font:10px var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.filter__controls .filter__search{flex:1}.filter__search input{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface-raised);width:100%;min-width:0;height:42px;color:var(--text);font:13px var(--font-sans);letter-spacing:0;padding:0 12px}.filter__search input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #6ce5c524}.filter__visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.filter__controls>button{border:1px solid var(--border);border-radius:var(--radius-control);height:42px;color:var(--muted);background:0 0;margin-top:17px;padding-inline:15px;font-size:12px}.filter__controls>button:hover{border-color:var(--accent);color:var(--accent)}.filter__empty{border-radius:var(--radius-md);background:radial-gradient(circle at 9% 50%, #6ce5c51c, transparent 32%), linear-gradient(120deg, var(--surface2), var(--surface));border:1px solid #6ce5c540;grid-template-columns:84px minmax(0,1fr) auto;align-items:center;gap:clamp(22px,3vw,42px);min-height:200px;padding:34px clamp(28px,4vw,56px);display:grid;position:relative;overflow:hidden}.filter__empty[hidden]{display:none}.filter__empty:before{background:linear-gradient(90deg, var(--accent), transparent);content:"";width:46%;height:2px;position:absolute;inset:0 auto auto 0}.filter__empty-art{width:84px;height:84px;color:var(--accent);background:#6ce5c512;border:1px solid #6ce5c56b;border-radius:50%;place-items:center;display:grid;position:relative;box-shadow:0 0 36px #6ce5c514}.filter__empty-art:after{content:"";border:1px dashed #7ca7ff5c;border-radius:50%;position:absolute;inset:-11px}.filter__empty-copy .eyebrow{margin:0;font-size:10px}.filter__empty-copy h3{letter-spacing:-.045em;margin:10px 0 6px;font-size:clamp(24px,2.6vw,32px);line-height:1.2}.filter__empty-copy p:last-child{max-width:440px;color:var(--muted);margin:0;font-size:14px;line-height:1.6}.filter__empty-action{cursor:pointer;white-space:nowrap;position:relative}@media (width<=900px){.filter__controls{flex-wrap:wrap}.filter__controls .filter__search{flex-basis:100%}}@media (width<=760px){.filter__empty{grid-template-columns:84px minmax(0,1fr)}.filter__empty-action{grid-column:2;justify-self:start}}@media (width<=420px){.filter__empty{grid-template-columns:1fr;gap:20px;padding:30px}.filter__empty-art{width:72px;height:72px}.filter__empty-action{grid-column:1}}.filter__choice{flex-direction:column;flex:0 210px;gap:7px;min-width:170px;display:flex}.filter__label{color:var(--muted);font:10px var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.filter__choice details{position:relative}.filter__choice summary{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-raised);height:42px;color:var(--text);font:13px var(--font-sans);letter-spacing:0;cursor:pointer;transition:border-color var(--duration-fast), background var(--duration-fast), box-shadow var(--duration-fast);justify-content:space-between;align-items:center;gap:12px;padding:0 12px;list-style:none;display:flex}.filter__choice summary::-webkit-details-marker{display:none}.filter__choice summary:hover,.filter__choice details[open] summary{border-color:var(--accent);background:var(--surface2)}.filter__choice details[open] summary{box-shadow:0 0 0 3px #6ce5c524}.filter__choice summary svg{fill:none;width:16px;height:16px;stroke:var(--accent);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;transition:transform var(--duration-fast) var(--ease-out);flex:none}.filter__choice details[open] summary svg{transform:rotate(180deg)}.filter__menu{z-index:20;border:1px solid var(--border);border-radius:var(--radius-sm);background:#172633;width:100%;min-width:0;max-height:260px;margin:0;padding:6px;position:absolute;top:calc(100% + 7px);left:0;overflow-y:auto;box-shadow:0 16px 35px #00000059,0 0 0 1px #6ce5c514}.filter__option-search{z-index:1;background:#172633;margin:-6px -6px 4px;padding:6px;position:sticky;top:-6px}.filter__option-search input{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface-raised);width:100%;height:38px;color:var(--text);font:13px var(--font-sans);padding:0 10px}.filter__option-search input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.filter__option-search input::placeholder{color:var(--muted)}.filter__controls .filter__option{border-radius:var(--radius-control);min-width:0;min-height:38px;color:var(--muted);font:13px var(--font-sans);letter-spacing:0;text-transform:none;cursor:pointer;transition:background var(--duration-fast), color var(--duration-fast);flex-direction:row;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex;position:relative}.filter__option[hidden],.filter__option-empty[hidden]{display:none}.filter__option-empty{color:var(--muted);font:13px var(--font-sans);align-items:center;gap:10px;margin:0;padding:12px 10px;display:flex}.filter__option-empty-icon{border-radius:var(--radius-control);width:30px;height:30px;color:var(--accent);background:#6ce5c514;border:1px solid #6ce5c540;flex:none;place-items:center;display:grid}.filter__option:hover,.filter__option:focus-within{color:var(--text);background:#6ce5c517}.filter__option:has(input:checked){color:var(--text);background:#6ce5c526}.filter__option:focus-within{outline:2px solid var(--accent);outline-offset:-2px}.filter__option input{opacity:0;width:1px;height:1px;position:absolute}.filter__option-count{color:var(--accent);font:11px var(--font-mono);border:1px solid #6ce5c540;border-radius:999px;flex:none;margin-left:auto;padding:2px 7px}.filter__chips{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.filter__chips[hidden],.filter__chip[hidden]{display:none}.filter__chip{color:var(--text);font:12px var(--font-sans);cursor:pointer;background:#6ce5c51a;border:1px solid #6ce5c559;border-radius:999px;padding:4px 8px}.filter__chip:hover,.filter__chip:focus-visible{border-color:var(--accent);color:var(--accent)}.filter__chip span{color:var(--accent);margin-left:4px}@media (width<=900px){.filter__choice{flex:150px}}