.genre-page.svelte-1ltu10t{min-height:100vh;background:#000;color:#fff;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace}.page-header.svelte-1ltu10t{padding:2rem;border-bottom:1px solid #222}h1.svelte-1ltu10t{margin:0 0 .5rem;font-size:24px;font-weight:600;letter-spacing:2px;text-transform:uppercase}.subtitle.svelte-1ltu10t{margin:0;color:#666;font-size:14px}.layout.svelte-1ltu10t{display:grid;grid-template-columns:280px 1fr;min-height:calc(100vh - 200px)}@media(max-width:900px){.layout.svelte-1ltu10t{grid-template-columns:1fr}.sidebar.svelte-1ltu10t{border-right:none!important;border-bottom:1px solid #222}}.sidebar.svelte-1ltu10t{border-right:1px solid #222;padding:1.5rem;max-height:calc(100vh - 150px);overflow-y:auto}.sidebar-section.svelte-1ltu10t h3:where(.svelte-1ltu10t){margin:0 0 1rem;font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#444}.scale-list.svelte-1ltu10t{display:flex;flex-direction:column;gap:4px}.scale-item.svelte-1ltu10t{display:flex;justify-content:space-between;align-items:center;padding:.6rem .75rem;background:#0a0a0a;border:1px solid #1a1a1a;color:#888;font-size:11px;text-align:left;cursor:pointer;transition:all .1s ease;font-family:inherit}.scale-item.svelte-1ltu10t:hover{background:#111;color:#fff;border-color:#333}.scale-item.active.svelte-1ltu10t{background:#fff;color:#000;border-color:#fff}.scale-name.svelte-1ltu10t{font-weight:600}.scale-mood.svelte-1ltu10t{font-size:9px;text-transform:uppercase;letter-spacing:.5px;opacity:.7}.main-content.svelte-1ltu10t{padding:2rem}.section.svelte-1ltu10t{margin-bottom:2.5rem}h2.svelte-1ltu10t{margin:0 0 1rem;font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#666}.key-buttons.svelte-1ltu10t{display:flex;flex-wrap:wrap;gap:.5rem}.key-btn.svelte-1ltu10t{width:40px;height:32px;background:#0a0a0a;border:1px solid #222;color:#888;font-size:11px;font-weight:600;cursor:pointer;transition:all .1s ease;font-family:inherit}.key-btn.svelte-1ltu10t:hover{background:#222;color:#fff;border-color:#444}.key-btn.active.svelte-1ltu10t{background:#fff;color:#000;border-color:#fff}.view-full-link.svelte-1ltu10t{display:inline-block;padding:.75rem 1.25rem;background:#111;border:1px solid #333;color:#fff;text-decoration:none;font-size:12px;transition:all .1s ease}.view-full-link.svelte-1ltu10t:hover{background:#fff;color:#000;border-color:#fff}.tips-section.svelte-1ltu10t{max-width:600px}.tips-content.svelte-1ltu10t p:where(.svelte-1ltu10t){margin:0 0 1rem;font-size:13px;color:#888;line-height:1.7}.tips-content.svelte-1ltu10t strong:where(.svelte-1ltu10t){color:#fff}.info-section.svelte-1ltu10t{max-width:700px}.info-box.svelte-1ltu10t{background:#0a0a0a;border:1px solid #222;padding:1.5rem}.genre-description.svelte-1ltu10t{margin:0 0 1.5rem;font-size:13px;color:#aaa;line-height:1.7}.info-item.svelte-1ltu10t{margin-bottom:1rem;display:flex;flex-direction:column;gap:.5rem}.info-item.svelte-1ltu10t:last-child{margin-bottom:0}.info-label.svelte-1ltu10t{font-size:10px;color:#666;text-transform:uppercase;letter-spacing:1px;font-weight:600}.info-value.svelte-1ltu10t{font-size:12px;color:#ccc;line-height:1.6}.features-list.svelte-1ltu10t{display:flex;flex-wrap:wrap;gap:.5rem}.feature-tag.svelte-1ltu10t{font-size:11px;color:#aaa;background:#111;padding:.4rem .75rem;border:1px solid #222}.related-genres.svelte-1ltu10t{display:flex;flex-wrap:wrap;gap:.5rem}.related-genre-chip.svelte-1ltu10t{font-size:11px;color:#fff;background:#0a0a0a;padding:.5rem 1rem;border:1px solid #333;text-decoration:none;transition:all .1s ease;font-weight:600}.related-genre-chip.svelte-1ltu10t:hover{background:#fff;color:#000;border-color:#fff}.resources-list.svelte-1ltu10t{display:flex;flex-direction:column;gap:.5rem}.resource-link.svelte-1ltu10t{display:flex;align-items:center;gap:1rem;padding:1rem;background:#0a0a0a;border:1px solid #222;text-decoration:none;transition:all .1s ease}.resource-link.svelte-1ltu10t:hover{background:#111;border-color:#444}.resource-title.svelte-1ltu10t{font-size:12px;color:#fff;font-weight:600;flex-grow:1}.resource-type.svelte-1ltu10t{font-size:9px;color:#666;text-transform:uppercase;letter-spacing:1px;padding:.25rem .5rem;background:#0a0a0a;border:1px solid #1a1a1a}.resource-arrow.svelte-1ltu10t{font-size:14px;color:#666}.resource-link.svelte-1ltu10t:hover .resource-arrow:where(.svelte-1ltu10t){color:#fff}