/* Categories browse chips */
.cat-browser{padding:12px 14px 28px;display:flex;flex-direction:column;gap:16px}
.cat-browser-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.cat-browser-head h2{margin:0;font-size:1.05rem;font-weight:650}
.cat-hint{font-size:.82rem;opacity:.65}
.cat-genre{border:1px solid color-mix(in srgb, currentColor 14%, transparent);border-radius:16px;padding:12px;background:color-mix(in srgb, canvas 52%, transparent);backdrop-filter:blur(10px)}
.cat-genre-label{display:block;font-weight:650;margin-bottom:10px;font-size:.95rem}
.cat-subs{display:flex;flex-wrap:wrap;gap:8px}
.cat-chip{appearance:none;border:1px solid color-mix(in srgb, currentColor 18%, transparent);background:color-mix(in srgb, canvas 70%, transparent);color:inherit;border-radius:999px;padding:8px 12px;font:inherit;font-size:.88rem;cursor:pointer}
.cat-chip:hover,.cat-chip:focus-visible{outline:none;border-color:color-mix(in srgb, currentColor 40%, transparent);background:color-mix(in srgb, canvas 55%, currentColor 8%)}
.cat-chip.active{border-color:transparent;background:#111;color:#fff}
[data-theme="dark"] .cat-chip.active{background:#f4f4f5;color:#111}
.cat-back{appearance:none;border:0;background:transparent;color:inherit;font:inherit;font-size:.9rem;opacity:.8;cursor:pointer;padding:4px 0}
.cat-back:hover{opacity:1;text-decoration:underline}
.cat-pulling{padding:10px 14px;font-size:.88rem;opacity:.7}