.filter-panel__genres{display:grid;gap:8px}.genre-filter-wrap{display:grid;gap:8px;padding:0}.filter-subsection{width:100%;border-top:1px solid var(--border)}.filter-subsection:first-child{border-top:0}.filter-subsection__summary,.badge-visibility-summary{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;list-style:none;color:var(--text);font-size:13px;font-weight:800;line-height:1.2;cursor:pointer}.filter-subsection__summary::-webkit-details-marker{display:none}.filter-subsection__summary::after{content:'⌄';flex:0 0 auto;color:var(--muted);font-size:15px;transform:rotate(0);transition:transform .16s ease}.filter-subsection[open]>.filter-subsection__summary::after{transform:rotate(180deg)}.filter-subsection__summary>span{min-width:0}.filter-subsection__summary>small{margin-left:auto;color:var(--muted);font-size:10px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:62%}.filter-subsection__body{padding:0 0 12px}.filter-subsection__actions{display:flex;justify-content:flex-end;margin:-2px 0 7px}.filter-subsection__actions #genre-clear{border:0;padding:2px 0;color:var(--pink);background:transparent;font:inherit;font-size:10px;font-weight:750;cursor:pointer}.filter-subsection .genre-filter-list,.filter-subsection .trait-filter-list{display:flex;flex-wrap:wrap;gap:7px;overflow:visible;padding:0}.filter-subsection .genre-filter-chip{flex:0 0 auto}.trait-filter-groups{display:grid;gap:0}.trait-filter-heading{min-height:38px;margin:0;border-top:1px solid var(--border);padding-top:10px}.trait-filter-section{margin-top:0}.filter-subsection--selection{border-top:0}.filter-subsection__controls{display:grid;gap:12px;align-items:start}.selection-choice-group{display:grid;gap:6px}.selection-choice-label{color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.selection-choice-list{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.selection-choice-list.period-control{width:auto;align-items:center}.filter-choice-chip{flex:0 0 auto!important;min-width:0;min-height:29px;padding:4px 9px;border-radius:999px;font-size:11px;line-height:1.2;justify-content:center;white-space:nowrap}.filter-native-select{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;clip-path:inset(50%)!important;border:0!important;padding:0!important;margin:-1px!important}.filter-controls-row{display:block;width:100%}.filter-controls-row>.filter-subsection{width:100%}.badge-visibility-section{margin-top:0}.badge-visibility-summary{min-height:48px;font-size:13px;font-weight:800;line-height:1.2}.badge-visibility-summary small{font-size:10px}.filter-panel-footer{margin-top:0}
@media(max-width:760px){.filter-subsection__summary,.badge-visibility-summary{min-height:46px;padding:9px 0;font-size:12px;line-height:1.2}.filter-subsection__summary>small{max-width:58%;font-size:9px}.badge-visibility-summary small{font-size:9px}.filter-subsection__body{padding-bottom:10px}.filter-subsection .genre-filter-list,.filter-subsection .trait-filter-list{flex-wrap:wrap;overflow:visible}.filter-subsection__controls{gap:10px}.selection-choice-list{gap:6px}.filter-choice-chip{flex:0 0 auto!important;min-height:27px;padding:3px 8px;font-size:10px;white-space:nowrap}.selection-choice-list.period-control .filter-choice-chip{flex:0 0 auto!important}.filter-panel{overscroll-behavior:contain}.trait-filter-heading{font-size:9px}.badge-visibility-summary{min-height:46px}}
@media(max-width:430px){.filter-subsection__summary>small{max-width:52%}.filter-subsection .genre-filter-chip{font-size:10px;padding:5px 9px}.filter-choice-chip{min-height:27px;padding:3px 8px;font-size:10px;white-space:nowrap;text-align:center;line-height:1.2}.selection-choice-list.period-control .filter-choice-chip{min-height:27px}.selection-choice-label{font-size:8px}}