.scales-index.svelte-tkiojk{min-height:100vh;background:#000;color:#fff;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace}.page-header.svelte-tkiojk{padding:2rem;border-bottom:1px solid #222}h1.svelte-tkiojk{margin:0 0 .5rem;font-size:24px;font-weight:600;letter-spacing:2px;text-transform:uppercase}.subtitle.svelte-tkiojk{margin:0;color:#666;font-size:14px}.content.svelte-tkiojk{max-width:1200px;margin:0 auto;padding:2rem}.section.svelte-tkiojk{margin-bottom:3rem}h2.svelte-tkiojk{margin:0 0 1.5rem;font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#666;border-bottom:1px solid #222;padding-bottom:.75rem}h3.svelte-tkiojk{margin:0 0 .5rem;font-size:13px;font-weight:600;color:#fff}.section-desc.svelte-tkiojk{margin:-1rem 0 1.5rem;font-size:12px;color:#555}.key-grid.svelte-tkiojk{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem}.key-link.svelte-tkiojk{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.25rem 1rem;background:#0a0a0a;border:1px solid #222;color:#fff;text-decoration:none;transition:all .1s ease}.key-link.svelte-tkiojk:hover{background:#fff;border-color:#fff}.key-link.svelte-tkiojk:hover .key-note:where(.svelte-tkiojk){color:#000}.key-link.svelte-tkiojk:hover .key-label:where(.svelte-tkiojk){color:#333}.key-note.svelte-tkiojk{font-size:20px;font-weight:700;color:#fff;margin-bottom:.25rem}.key-label.svelte-tkiojk{font-size:9px;color:#555;text-transform:uppercase;letter-spacing:1px}.scale-grid.svelte-tkiojk{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.scale-card.svelte-tkiojk{background:#0a0a0a;border:1px solid #222;padding:1.25rem}.scale-mood.svelte-tkiojk{margin:0 0 .25rem;font-size:10px;color:#888;text-transform:uppercase;letter-spacing:1px}.scale-character.svelte-tkiojk{margin:0 0 1rem;font-size:12px;color:#555}.key-links.svelte-tkiojk{display:flex;flex-wrap:wrap;gap:4px}.mini-key.svelte-tkiojk{width:28px;height:24px;display:flex;align-items:center;justify-content:center;background:#111;border:1px solid #222;color:#666;text-decoration:none;font-size:9px;transition:all .1s ease}.mini-key.svelte-tkiojk:hover{background:#fff;color:#000;border-color:#fff}.page-footer.svelte-tkiojk{padding:2rem;border-top:1px solid #222;text-align:center}.page-footer.svelte-tkiojk p:where(.svelte-tkiojk){margin:0;font-size:11px;color:#444}.page-footer.svelte-tkiojk a:where(.svelte-tkiojk){color:#666;text-decoration:none}.page-footer.svelte-tkiojk a:where(.svelte-tkiojk):hover{color:#fff}