.browse-presets{align-items:center;margin-bottom:.8rem;padding-bottom:.15rem}.browse-presets>span{flex:none;color:var(--muted);font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
.advanced-browse{display:grid;grid-template-columns:1fr;align-items:stretch;gap:.85rem;padding:1rem;background:color-mix(in srgb,var(--surface) 96%,var(--accent));box-shadow:var(--shadow)}
.filter-primary-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:.55rem}.filter-primary-row .filter-search{min-width:0}.filter-primary-row .filter-search span{font-size:.78rem}.filter-primary-row .filter-search input{width:100%;min-height:46px;border-radius:.5rem;background:var(--surface)}.filter-primary-submit{min-height:46px;padding-inline:1.15rem!important}.filter-primary-row .reset-filter{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:.55rem .7rem;border:1px solid var(--border);border-radius:.5rem;background:var(--surface);text-decoration:none;font-weight:750}
.filter-quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;padding:.8rem;border:1px solid color-mix(in srgb,var(--border) 78%,transparent);border-radius:calc(var(--radius) * .8);background:var(--surface-soft)}.filter-quick-grid label{min-width:0}.filter-quick-grid select{width:100%;min-height:43px;background:var(--surface)}
.advanced-filter-panel{grid-column:auto;border:1px solid var(--border);border-radius:var(--radius);padding:0;background:var(--surface);overflow:clip}.advanced-filter-panel summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:58px;padding:.7rem .85rem;cursor:pointer;color:var(--text);list-style:none}.advanced-filter-panel summary::-webkit-details-marker{display:none}.advanced-filter-panel summary>span:first-child{display:grid}.advanced-filter-panel summary strong{font-size:.9rem}.advanced-filter-panel summary small{color:var(--muted);font-size:.72rem;font-weight:500}.advanced-filter-panel summary::after{content:'+';order:3;display:grid;place-items:center;width:1.8rem;height:1.8rem;border-radius:50%;background:var(--surface-soft);color:var(--accent-dark);font-size:1.15rem;font-weight:800}.advanced-filter-panel[open] summary{border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--accent) 6%,var(--surface))}.advanced-filter-panel[open] summary::after{content:'−'}.advanced-filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.65rem;height:1.65rem;padding:0 .35rem;border-radius:999px;background:var(--accent);color:#fff;font-size:.72rem;font-weight:900}.advanced-filter-count[hidden]{display:none}
.advanced-filter-body{display:grid;gap:.85rem;padding:.9rem}.genre-filter-search{display:none;max-width:28rem}.js .genre-filter-search{display:grid}.genre-filter-search input{min-height:42px!important;border-radius:.45rem!important;background:var(--surface)!important}
.genre-filter-columns{margin:0;gap:.85rem}.genre-filter-columns fieldset,.genre-mode{border-color:var(--border);background:color-mix(in srgb,var(--surface-soft) 62%,var(--surface));padding:.8rem}.genre-filter-columns legend,.genre-mode legend{padding:0 .25rem;color:var(--text);font-size:.82rem}.genre-fieldset-tools{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.55rem;color:var(--muted);font-size:.7rem}.genre-fieldset-tools button{display:none!important;min-height:32px;padding:.25rem .5rem!important;border:1px solid var(--border)!important;border-radius:.35rem!important;background:var(--surface)!important;color:var(--text)!important;font-size:.7rem}.js .genre-fieldset-tools button{display:inline-flex!important}.genre-filter-columns fieldset>p{margin:-.15rem 0 .55rem}
.genre-checks{grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;max-height:16rem;padding:.1rem;overscroll-behavior:contain}.genre-checks label{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.4rem;min-height:38px;padding:.35rem .45rem;border:1px solid transparent;border-radius:.4rem;background:var(--surface);cursor:pointer}.genre-checks label:hover{border-color:var(--border)}.genre-checks label:has(input:checked){border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--surface));color:var(--accent-dark);font-weight:750}.genre-checks input{width:1rem;height:1rem;margin:0;accent-color:var(--accent)}.genre-checks label>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.genre-checks label>small{color:var(--muted);font-size:.65rem;font-variant-numeric:tabular-nums}.genre-checks label[hidden]{display:none}.genre-filter-empty{margin:.5rem 0 0;color:var(--muted);font-size:.75rem}.genre-filter-empty[hidden]{display:none}
.genre-mode{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin:0}.genre-mode legend{grid-column:1/-1}.genre-mode label{align-items:flex-start;min-height:58px;padding:.55rem;border:1px solid var(--border);border-radius:.45rem;background:var(--surface);cursor:pointer}.genre-mode label:has(input:checked){border-color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,var(--surface))}.genre-mode label>span{display:grid;gap:.05rem}.genre-mode label strong{font-size:.78rem}.genre-mode label small{color:var(--muted);font-size:.68rem;font-weight:500}
.advanced-filter-actions{display:flex;align-items:center;justify-content:flex-end;gap:.6rem;padding-top:.1rem}.advanced-filter-actions button{min-height:43px;border-radius:.45rem!important}.advanced-filter-actions a{padding:.55rem .7rem;color:var(--muted);font-size:.78rem;font-weight:750}
.filter-chips{flex-wrap:wrap;overflow:visible}.filter-chips a{transition:border-color .15s ease,background .15s ease}.filter-chips a:hover{border-color:var(--accent)}
@media(max-width:70rem){.advanced-browse{grid-template-columns:1fr}.advanced-browse .filter-search,.advanced-filter-panel{grid-column:auto}}
@media(max-width:46rem){.filter-primary-row{grid-template-columns:minmax(0,1fr) auto}.filter-primary-row .filter-search{grid-column:1/-1}.filter-primary-row .reset-filter{min-width:5.5rem}.filter-quick-grid{grid-template-columns:1fr 1fr}.filter-quick-grid label:last-child{grid-column:1/-1}.genre-filter-columns{grid-template-columns:1fr}.advanced-filter-panel summary small{display:none}.advanced-filter-body{padding:.7rem}.advanced-filter-actions{position:sticky;bottom:0;z-index:2;margin:0 -.7rem -.7rem;padding:.65rem .7rem;background:color-mix(in srgb,var(--surface) 94%,transparent);border-top:1px solid var(--border);backdrop-filter:blur(10px)}}
@media(max-width:29rem){.filter-primary-row,.filter-quick-grid{grid-template-columns:1fr}.filter-quick-grid label:last-child,.filter-primary-row .filter-search{grid-column:auto}.filter-primary-row .reset-filter{min-height:42px}.genre-checks{grid-template-columns:1fr}.genre-mode{grid-template-columns:1fr}.advanced-filter-actions{display:grid;grid-template-columns:1fr auto}.advanced-filter-actions button{width:100%}}