.genres-index.svelte-liuga1{padding:140px 0 80px}.genres-index.svelte-liuga1 .container:where(.svelte-liuga1){max-width:960px}.genres-index.svelte-liuga1 h1:where(.svelte-liuga1){font-size:2.5rem;margin-bottom:4px}.subtitle.svelte-liuga1{color:var(--text-secondary);margin-bottom:48px;font-size:1.1rem}.genre-grid.svelte-liuga1{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:820px){.genre-grid.svelte-liuga1{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.genre-grid.svelte-liuga1{grid-template-columns:1fr}}.genre-card.svelte-liuga1{display:flex;flex-direction:column;gap:2px;padding:20px 24px;background:var(--bg-secondary);border-radius:var(--radius);transition:transform .2s,box-shadow .2s}.genre-card.svelte-liuga1:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.genre-name.svelte-liuga1{font-weight:600;color:var(--text-primary)}.genre-count.svelte-liuga1{font-size:.85rem;color:#5c5c60}:root.dark .genre-count.svelte-liuga1{color:var(--text-secondary)}