.vibe-page.svelte-x185dz{min-height:100vh;background:#000;color:#fff;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace}.page-header.svelte-x185dz{padding:2rem;border-bottom:1px solid #222}h1.svelte-x185dz{margin:0 0 .5rem;font-size:24px;font-weight:600;letter-spacing:2px;text-transform:uppercase}.subtitle.svelte-x185dz{margin:0;color:#666;font-size:14px}.layout.svelte-x185dz{display:grid;grid-template-columns:260px 1fr;min-height:calc(100vh - 200px)}@media(max-width:900px){.layout.svelte-x185dz{grid-template-columns:1fr}.sidebar.svelte-x185dz{border-right:none!important;border-bottom:1px solid #222}}.sidebar.svelte-x185dz{border-right:1px solid #222;padding:1.5rem;max-height:calc(100vh - 150px);overflow-y:auto}.sidebar-section.svelte-x185dz h3:where(.svelte-x185dz){margin:0 0 1rem;font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#444}.scale-list.svelte-x185dz{display:flex;flex-direction:column;gap:4px}.scale-item.svelte-x185dz{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-x185dz:hover{background:#111;color:#fff;border-color:#333}.scale-item.active.svelte-x185dz{background:#fff;color:#000;border-color:#fff}.scale-name.svelte-x185dz{font-weight:600}.scale-category.svelte-x185dz{font-size:9px;text-transform:uppercase;letter-spacing:.5px;opacity:.7}.main-content.svelte-x185dz{padding:2rem}.section.svelte-x185dz{margin-bottom:2.5rem}h2.svelte-x185dz{margin:0 0 1rem;font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#666}.tip-section.svelte-x185dz{margin-bottom:2rem}.tip-box.svelte-x185dz{background:#0a0a0a;border:1px solid #222;padding:1.25rem}.tip-label.svelte-x185dz{display:block;font-size:9px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#666;margin-bottom:.5rem}.tip-box.svelte-x185dz p:where(.svelte-x185dz){margin:0;font-size:13px;color:#aaa;line-height:1.6}.key-buttons.svelte-x185dz{display:flex;flex-wrap:wrap;gap:.5rem}.key-btn.svelte-x185dz{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-x185dz:hover{background:#222;color:#fff;border-color:#444}.key-btn.active.svelte-x185dz{background:#fff;color:#000;border-color:#fff}.view-full-link.svelte-x185dz{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-x185dz:hover{background:#fff;color:#000;border-color:#fff}.genre-tags.svelte-x185dz{display:flex;flex-wrap:wrap;gap:.5rem}.genre-tag.svelte-x185dz{padding:.4rem .75rem;background:#0a0a0a;border:1px solid #222;color:#888;text-decoration:none;font-size:11px;transition:all .1s ease}.genre-tag.svelte-x185dz:hover{background:#111;color:#fff;border-color:#333}