.genre-page.svelte-mfx9zt{max-width:52rem;margin:0 auto;padding:0 1rem 4rem}.genre-header.svelte-mfx9zt{border-bottom:1px solid var(--border);margin-bottom:2rem;padding:2.25rem 0 1.75rem}.genre-header-top.svelte-mfx9zt{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.view-toggle.svelte-mfx9zt{background:var(--surface-offset);border:1px solid var(--border);border-radius:10px;gap:2px;padding:3px;display:inline-flex}.view-btn.svelte-mfx9zt{color:var(--text-faint);letter-spacing:.02em;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:6px;padding:6px 10px;font-size:11.5px;font-weight:700;transition:background-color .16s,color .16s;display:inline-flex}.view-btn.svelte-mfx9zt:hover{color:var(--text-primary)}.view-btn-active.svelte-mfx9zt{background:var(--surface-2,var(--surface));color:var(--text-primary);box-shadow:0 1px 3px oklch(0% 0 0/.06)}.genre-eyebrow.svelte-mfx9zt{letter-spacing:.22em;text-transform:uppercase;color:var(--text-faint);margin:0 0 8px;font-size:10.5px;font-weight:800}.genre-title.svelte-mfx9zt{letter-spacing:-.025em;color:var(--text-primary);margin:0;font-size:clamp(2.25rem,6vw,3.25rem);font-weight:900;line-height:1}.genre-lede.svelte-mfx9zt{color:var(--text-faint);margin:12px 0 0;font-size:13px}.genre-list.svelte-mfx9zt{flex-direction:column;gap:2.25rem;display:flex}.genre-group.svelte-mfx9zt{scroll-margin-top:84px}.genre-group-header.svelte-mfx9zt{align-items:baseline;gap:16px;margin-bottom:.25rem;display:flex}.genre-letter.svelte-mfx9zt{color:var(--text-primary);letter-spacing:-.015em;opacity:.92;font-family:Bebas Neue,Lexend Deca,sans-serif;font-size:clamp(48px,8vw,72px);font-weight:900;line-height:.9}.genre-letter-rule.svelte-mfx9zt{background:var(--border);flex:1;height:1px;transform:translateY(-6px)}.genre-letter-count.svelte-mfx9zt{color:var(--text-faint);font-variant-numeric:tabular-nums;letter-spacing:.04em;font-size:11px;font-weight:700;transform:translateY(-6px)}.genre-rows.svelte-mfx9zt{border-top:1px solid var(--border);margin:0;padding:0;list-style:none}.genre-rows.svelte-mfx9zt li:where(.svelte-mfx9zt):last-child .genre-row:where(.svelte-mfx9zt){border-bottom:1px solid var(--border)}.genre-row.svelte-mfx9zt{border-bottom:1px solid var(--border);grid-template-columns:1fr auto auto;align-items:center;gap:18px;padding:14px 6px;text-decoration:none;transition:background-color .18s,padding .18s;display:grid}.genre-row.svelte-mfx9zt:hover{background:var(--surface-offset);padding-left:14px;padding-right:12px}.genre-rows-grid.svelte-mfx9zt{border-top:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-top:6px;display:grid}@media (width>=720px){.genre-rows-grid.svelte-mfx9zt{grid-template-columns:repeat(3,minmax(0,1fr))}}.genre-rows-grid.svelte-mfx9zt li:where(.svelte-mfx9zt):last-child .genre-row:where(.svelte-mfx9zt),.genre-rows-grid.svelte-mfx9zt .genre-row:where(.svelte-mfx9zt){border-bottom:0}.genre-rows-grid.svelte-mfx9zt .genre-row:where(.svelte-mfx9zt){border:1px solid var(--border);border-radius:10px;grid-template-columns:1fr auto;gap:10px;padding:12px 14px}.genre-rows-grid.svelte-mfx9zt .genre-row:where(.svelte-mfx9zt):hover{background:var(--surface-offset);border-color:var(--border-strong);padding-left:14px;padding-right:14px}.genre-rows-grid.svelte-mfx9zt .genre-arrow:where(.svelte-mfx9zt){display:none}.genre-row.svelte-mfx9zt:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:4px}.genre-name.svelte-mfx9zt{color:var(--text-primary);letter-spacing:-.005em;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:15px;font-weight:600;overflow:hidden}.genre-count.svelte-mfx9zt{font-variant-numeric:tabular-nums;color:var(--text-faint);font-size:12px;font-weight:600}.genre-arrow.svelte-mfx9zt{color:var(--text-faint);font-size:15px;line-height:1;transition:transform .18s,color .18s}.genre-row.svelte-mfx9zt:hover .genre-arrow:where(.svelte-mfx9zt){color:var(--accent);transform:translate(4px)}.genre-popular.svelte-mfx9zt{border-top:1px solid var(--border);margin-top:3.5rem;padding-top:2rem}.genre-popular-header.svelte-mfx9zt{justify-content:space-between;align-items:baseline;margin-bottom:1.25rem;display:flex}.genre-popular-title.svelte-mfx9zt{color:var(--text-primary);letter-spacing:-.015em;margin:0;font-size:1.125rem;font-weight:900}.genre-popular-link.svelte-mfx9zt{color:var(--accent);letter-spacing:.01em;font-size:12px;font-weight:700;text-decoration:none}.genre-popular-link.svelte-mfx9zt:hover{color:var(--accent-hover)}@media (width<=640px){.genre-page.svelte-mfx9zt{padding:0 1rem 5rem}.genre-header.svelte-mfx9zt{padding:1.5rem 0 1.25rem}.genre-letter-rule.svelte-mfx9zt,.genre-letter-count.svelte-mfx9zt{transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.genre-row.svelte-mfx9zt,.genre-arrow.svelte-mfx9zt{transition:none}}