.list-active-filters{z-index:1;align-items:center;gap:var(--space-2);padding:var(--space-4);flex-wrap:wrap;display:flex;position:relative}.list-active-filter-tag{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:oklch(from var(--color-primary) l c h / .1);color:var(--color-primary);border:1px solid oklch(from var(--color-primary) l c h / .25);border-radius:var(--radius-full);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast) ease;display:inline-flex}@media (hover:hover){.list-active-filter-tag:hover{background:oklch(from var(--color-error) l c h / .1);border-color:var(--color-error);color:var(--color-error)}}.list-active-filter-tag__prefix{color:var(--text-muted);font-weight:var(--font-medium)}.list-active-filter-tag__x{font-size:var(--text-base);opacity:.5;line-height:1}.list-clear-all{text-underline-offset:2px;text-decoration:underline}.filter-accordion,.filter-inline-group{background:var(--bg-card);border-bottom:var(--rule-section)}.filter-accordion__trigger{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);cursor:pointer;transition:background var(--transition-fast) ease, color var(--transition-fast) ease;list-style:none;display:flex}.filter-accordion__trigger::-webkit-details-marker{display:none}.filter-accordion__trigger::marker{content:""}@media (hover:hover){.filter-accordion__trigger:hover{background:oklch(from var(--color-primary) l c h / .08)}.filter-accordion__trigger:hover .filter-accordion__label{color:var(--color-primary)}}.filter-accordion[open]>.filter-accordion__trigger{background:oklch(from var(--color-primary) l c h / .06)}.filter-accordion[open]>.filter-accordion__trigger .filter-accordion__label{color:var(--color-primary-deeper,var(--color-primary))}.filter-accordion__trigger:focus-visible{outline:2px solid var(--color-focus,var(--color-primary));outline-offset:-2px}.filter-accordion__label{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);transition:color var(--transition-fast) ease;margin:0}.filter-accordion__meta{align-items:center;gap:var(--space-2);flex-shrink:0;margin-left:auto;display:flex}.filter-accordion__count{min-width:1.25rem;height:1.25rem;padding:0 var(--space-1);border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-primary-text);font-size:var(--text-xs);font-weight:var(--font-bold);box-shadow:0 2px 6px oklch(from var(--color-primary) l c h / .4);justify-content:center;align-items:center;line-height:1;display:inline-flex}.filter-accordion__chevron{color:var(--color-primary);transition:transform var(--transition-base) ease;flex-shrink:0;transform:rotate(-90deg)}.filter-accordion[open]>.filter-accordion__trigger .filter-accordion__chevron{transform:rotate(0)}.filter-accordion__body{padding:var(--space-1) 0 var(--space-3)}.filter-subgroup .chip-group,.filter-subgroups .chip-group{padding:0}.filter-accordion__body>.filter-subgroup,.filter-subgroups{padding:0 var(--space-5) var(--space-2)}.filter-subgroups{gap:var(--space-3);flex-direction:column;display:flex}.filter-subgroup{gap:var(--space-2);border:none;flex-direction:column;min-inline-size:0;margin:0;display:flex}.filter-subgroup__label{align-items:center;gap:var(--space-2);width:100%;font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-secondary);letter-spacing:var(--tracking-wide);text-transform:uppercase;margin:0 0 var(--space-2);padding:0;display:flex}.filter-subgroup__label:after{content:"";height:var(--border-width);background:var(--border-default);flex:1}@supports (interpolate-size:allow-keywords){.filter-accordion{interpolate-size:allow-keywords}.filter-accordion::details-content{block-size:0;transition:block-size var(--transition-base) ease, content-visibility var(--transition-base) allow-discrete;overflow:clip}.filter-accordion[open]::details-content{block-size:auto}}@media (prefers-reduced-motion:reduce){.filter-accordion__chevron{transition:none}.filter-accordion::details-content{transition:none}}.filter-drawer{z-index:var(--z-nav);background:0 0;border:none;width:100%;max-width:100%;height:100%;max-height:100%;margin:0;padding:0;position:fixed;inset:0;overflow:visible}.filter-drawer::backdrop{background:var(--overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.filter-drawer[open]{justify-content:center;align-items:flex-end;display:flex}.filter-drawer__panel{background:var(--bg-card);border:1px solid oklch(from var(--color-primary) l c h / .25);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-width:28rem;max-height:88dvh;box-shadow:0 -8px 32px oklch(from var(--color-primary) l c h / .18), var(--shadow-lg);animation:drawer-slide-up var(--transition-base) ease;border-bottom:none;flex-direction:column;display:flex;position:relative;overflow:hidden}.filter-drawer__panel:before{content:"";top:var(--space-2);border-radius:var(--radius-full);background:var(--color-primary);opacity:.7;pointer-events:none;width:2.5rem;height:.25rem;position:absolute;left:50%;translate:-50%}@keyframes drawer-slide-up{0%{translate:0 100%}to{translate:0}}.filter-drawer__header{justify-content:space-between;align-items:center;gap:var(--space-3);padding:calc(var(--space-5) + var(--space-1)) var(--space-5) var(--space-4);background:linear-gradient(135deg, oklch(from var(--color-primary) l c h / .18) 0%, oklch(from var(--color-accent) l c h / .12) 100%), var(--bg-card);border-bottom:var(--rule-section);flex-shrink:0;display:flex;position:relative}.filter-drawer__header:after{content:"";background:linear-gradient(90deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);opacity:.6;height:2px;position:absolute;bottom:-1px;left:0;right:0}.filter-drawer__title{align-items:center;gap:var(--space-3);font-family:var(--font-display);font-size:var(--text-2xl);letter-spacing:-.02em;color:var(--color-primary-deeper,var(--color-primary));margin:0;font-weight:500;line-height:1.1;display:inline-flex}.filter-drawer__title:before{content:"";border-radius:var(--radius-full);background:var(--color-accent);width:.625rem;height:.625rem;box-shadow:0 0 0 3px oklch(from var(--color-accent) l c h / .18);flex-shrink:0}.filter-drawer__close{color:var(--color-primary);background:oklch(from var(--color-primary) l c h / .08)}@media (hover:hover){.filter-drawer__close:hover{color:var(--color-primary-text);background:var(--color-primary)}}.filter-drawer__body{scrollbar-width:none;background:radial-gradient(ellipse at top, oklch(from var(--color-primary) l c h / .1) 0%, oklch(from var(--color-primary) l c h / .05) 60%, transparent 100%), var(--color-primary-light,oklch(from var(--color-primary) l c h / .06));flex:1;overflow-y:auto}.filter-drawer__body::-webkit-scrollbar{display:none}.filter-drawer__body>fieldset{border:none;min-inline-size:0;margin:0;padding:0}.filter-drawer__body>.toggle{background:var(--bg-card);padding:var(--space-4) var(--space-5);border:none;border-bottom:var(--rule-section);border-radius:0;margin:0}.filter-drawer__separator{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:0 0;display:flex}.filter-drawer__separator:after{content:"";background:linear-gradient(90deg, var(--color-primary) 0%, transparent 100%);opacity:.4;flex:1;height:1px}.filter-drawer__separator-label{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--color-primary-text);background:var(--color-primary);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);box-shadow:0 2px 8px oklch(from var(--color-primary) l c h / .35)}.filter-drawer__footer{padding:var(--space-4) var(--space-5);background:var(--bg-card);border-top:var(--rule-section);gap:var(--space-3);box-shadow:0 -8px 20px oklch(from var(--color-primary) l c h / .1);flex-shrink:0;display:flex;position:relative}.filter-drawer__footer:before{content:"";background:linear-gradient(90deg, var(--color-primary-dark) 0%, var(--color-primary) 100%);opacity:.55;height:2px;position:absolute;top:0;left:0;right:0}.filter-drawer__apply{box-shadow:0 4px 14px oklch(from var(--color-primary) l c h / .4);flex:1}.filter-drawer__body .chip--sm{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.filter-drawer__body .chip:not(.chip--active){background:var(--bg-card);border-color:oklch(from var(--color-primary) l c h / .5);color:var(--color-primary-deeper,var(--color-primary));font-weight:var(--font-semibold);box-shadow:0 1px 2px oklch(from var(--color-primary) l c h / .08)}[data-theme=dark] .filter-drawer__body .chip:not(.chip--active){color:var(--text-primary)}@media (hover:hover){.filter-drawer__body .chip:not(.chip--active):hover:not(:disabled){background:oklch(from var(--color-primary) l c h / .1);border-color:var(--color-primary);color:var(--color-primary);box-shadow:0 4px 12px oklch(from var(--color-primary) l c h / .25);transform:translateY(-1px)}}.filter-drawer__body .chip--sm.chip--active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-text);box-shadow:0 4px 12px oklch(from var(--color-primary) l c h / .4)}@media (hover:hover){.filter-drawer__body .chip--sm.chip--active:hover:not(:disabled){background:var(--color-primary-hover,var(--color-primary));border-color:var(--color-primary-hover,var(--color-primary));color:var(--color-primary-text);box-shadow:0 6px 16px oklch(from var(--color-primary) l c h / .5)}}.filter-drawer__body .search-select__input,.filter-drawer__body .input-wrapper input{background:var(--bg-card);border-color:oklch(from var(--color-primary) l c h / .35)}.filter-drawer__body .search-select__input:focus-visible{border-color:var(--color-primary)}.filter-drawer__body .filter-drawer__group--nested{gap:var(--space-3);padding:var(--space-2) var(--space-5) var(--space-4);flex-direction:column;display:flex}.filter-drawer__body .filter-drawer__group--nested+.filter-drawer__group--nested{border-top:var(--rule-section);padding-top:var(--space-4);border-top-style:dashed}.filter-drawer__body .search-select__input{padding:var(--space-3) var(--space-4) var(--space-3) calc(var(--space-4) + 1.25rem);font-size:var(--input-font-size);background-color:var(--bg-card);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' opacity='0.55'><circle cx='11' cy='11' r='7'/><path d='m21 21-4.3-4.3'/></svg>");background-repeat:no-repeat;background-position:var(--space-3) center;box-shadow:0 1px 2px oklch(from var(--color-primary) l c h / .06);transition:border-color var(--transition-fast) ease, box-shadow var(--transition-fast) ease;background-size:1rem;border-width:1.5px}.filter-drawer__body .search-select__input:focus-visible{box-shadow:0 0 0 4px oklch(from var(--color-primary) l c h / .15)}.filter-drawer__body .search-select__selected{gap:var(--space-2);margin-bottom:var(--space-1)}.filter-drawer__body .search-select__empty{padding:var(--space-3);text-align:center;color:var(--text-muted)}@media (width>=640px){.filter-drawer[open]{justify-content:flex-end;align-items:stretch}.filter-drawer__panel{border:1px solid var(--border-default);border-radius:var(--radius-lg) 0 0 var(--radius-lg);max-width:24rem;height:100%;max-height:100dvh;animation:drawer-slide-left var(--transition-base) ease;border-right:none}.filter-drawer__panel:before{display:none}.filter-drawer__header{padding:var(--space-6) var(--space-5) var(--space-4)}@keyframes drawer-slide-left{0%{translate:100%}to{translate:0}}}.list-browse-header__top-inner{max-width:var(--list-browse-rail);justify-content:space-between;align-items:center;gap:var(--space-4);width:100%;margin-inline:auto;display:flex}.list-browse-header__tools{align-items:center;gap:var(--space-1);flex-shrink:0;display:flex}.list-browse-header__icon-btn{width:38px;min-height:38px;padding:0}.list-browse-header__toolbar-inner{max-width:var(--list-browse-rail);justify-content:space-between;gap:var(--space-4);width:100%;margin-inline:auto;display:flex}.list-browse-header__toolbar-inner .tabs-wrapper{flex-shrink:0;width:auto}.list-browse-header__search{flex:none;width:clamp(220px,28vw,320px)}@media (width<=767px){.list-browse-header__top-inner{padding:var(--space-2)}.list-browse-header__tools>.button.primary{min-height:42px}.list-browse-header__toolbar{padding:0 var(--space-2)}.list-browse-header__toolbar-inner{gap:var(--space-3);flex-wrap:wrap}.list-browse-header__toolbar-inner .tabs-wrapper{flex:100%;width:100%}.list-browse-header__toolbar-inner .underline-tabs{width:100%}.list-browse-header__search{flex:100%;min-width:0;max-width:none}}