.genres-index.svelte-liuga1{min-height:100vh;background:#000;color:#fff;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace}.page-header.svelte-liuga1{padding:2rem;border-bottom:1px solid #222}h1.svelte-liuga1{margin:0 0 .5rem;font-size:24px;font-weight:600;letter-spacing:2px;text-transform:uppercase}.subtitle.svelte-liuga1{margin:0;color:#666;font-size:14px}.content.svelte-liuga1{max-width:1200px;margin:0 auto;padding:2rem}.section.svelte-liuga1{margin-bottom:3rem}h2.svelte-liuga1{margin:0 0 1.25rem;font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#666;border-bottom:1px solid #222;padding-bottom:.75rem}.genre-grid.svelte-liuga1{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem}.genre-card.svelte-liuga1{display:flex;flex-direction:column;padding:1rem 1.25rem;background:#0a0a0a;border:1px solid #222;text-decoration:none;transition:all .1s ease}.genre-card.svelte-liuga1:hover{background:#111;border-color:#444}.genre-name.svelte-liuga1{font-size:13px;font-weight:600;color:#fff;margin-bottom:.25rem}.genre-count.svelte-liuga1{font-size:10px;color:#555;text-transform:uppercase;letter-spacing:1px}.genre-card.svelte-liuga1:hover .genre-count:where(.svelte-liuga1){color:#888}.info-section.svelte-liuga1{max-width:700px}.info-content.svelte-liuga1 p:where(.svelte-liuga1){margin:0 0 1rem;font-size:13px;color:#888;line-height:1.7}.info-content.svelte-liuga1 strong:where(.svelte-liuga1){color:#fff}.page-footer.svelte-liuga1{padding:2rem;border-top:1px solid #222;text-align:center}.page-footer.svelte-liuga1 p:where(.svelte-liuga1){margin:0;font-size:11px;color:#444}.page-footer.svelte-liuga1 a:where(.svelte-liuga1){color:#666;text-decoration:none}.page-footer.svelte-liuga1 a:where(.svelte-liuga1):hover{color:#fff}