.genre-head.svelte-19idlu{margin-bottom:28px}.eyebrow.svelte-19idlu{font-size:.68rem;letter-spacing:.28em;text-transform:uppercase;color:#e63946}h1.svelte-19idlu{font-size:2.2rem;font-weight:300;letter-spacing:.03em;color:#fff;margin:8px 0 10px}.genre-count.svelte-19idlu{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:#777}.genre-copy.svelte-19idlu{color:#666;font-size:.85rem;line-height:1.7;max-width:620px;margin-top:12px}.mood-row.svelte-19idlu{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.mood-tag.svelte-19idlu{font-size:.68rem;letter-spacing:.05em;color:#888;background:#131313;border:1px solid #222;border-radius:999px;padding:4px 12px}.toolbar.svelte-19idlu{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:28px}.btn.svelte-19idlu{display:inline-flex;align-items:center;gap:8px;background:#e63946;border:1px solid #e63946;color:#fff;padding:10px 22px;border-radius:999px;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;transition:all .2s}.btn.svelte-19idlu:hover{background:#c1121f}.btn.ghost.svelte-19idlu{background:transparent;border-color:#333;color:#bbb}.btn.ghost.svelte-19idlu:hover{border-color:#e63946;color:#fff}.track-grid.svelte-19idlu{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}.other-genres.svelte-19idlu{margin-top:56px}.other-genres.svelte-19idlu h2:where(.svelte-19idlu){font-size:1.1rem;font-weight:300;letter-spacing:.12em;text-transform:uppercase;color:#ccc;margin-bottom:18px}.genre-grid.svelte-19idlu{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.genre-card.svelte-19idlu{display:flex;flex-direction:column;justify-content:space-between;min-height:84px;background:linear-gradient(135deg,#1d2f66,#131b30 55%,#0e1220);border:1px solid #232c47;border-radius:8px;padding:16px 18px;text-decoration:none;transition:all .2s}.genre-card.svelte-19idlu:nth-child(2n){background:linear-gradient(135deg,#43217e,#2a1750,#130b22);border-color:#37265e}.genre-card.svelte-19idlu:hover{border-color:#e63946;transform:translateY(-2px)}.genre-card.svelte-19idlu:hover .genre-name:where(.svelte-19idlu){color:#fff}.genre-name.svelte-19idlu{font-size:.95rem;color:#eee}.genre-count.svelte-19idlu{font-size:.72rem;color:#666;letter-spacing:.08em;text-transform:uppercase;margin-top:10px}