.keys-index.svelte-cg0aa8{min-height:100vh;background:#000;color:#fff;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace}.page-header.svelte-cg0aa8{padding:2rem;border-bottom:1px solid #222}h1.svelte-cg0aa8{margin:0 0 .5rem;font-size:24px;font-weight:600;letter-spacing:2px;text-transform:uppercase}.subtitle.svelte-cg0aa8{margin:0;color:#666;font-size:14px}.content.svelte-cg0aa8{max-width:1200px;margin:0 auto;padding:2rem}.section.svelte-cg0aa8{margin-bottom:3rem}h2.svelte-cg0aa8{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}.key-grid.svelte-cg0aa8{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.key-card.svelte-cg0aa8{display:flex;flex-direction:column;padding:1.5rem;background:#0a0a0a;border:1px solid #222;text-decoration:none;transition:all .1s ease}.key-card.svelte-cg0aa8:hover{background:#111;border-color:#444}.key-note.svelte-cg0aa8{font-size:32px;font-weight:700;color:#fff;margin-bottom:.5rem}.key-desc.svelte-cg0aa8{font-size:12px;color:#666;margin-bottom:1rem;line-height:1.5}.key-scales.svelte-cg0aa8{font-size:11px;color:#444;text-transform:uppercase;letter-spacing:1px;margin-top:auto}.key-card.svelte-cg0aa8:hover .key-scales:where(.svelte-cg0aa8){color:#fff}.info-content.svelte-cg0aa8{max-width:700px}.info-content.svelte-cg0aa8 p:where(.svelte-cg0aa8){margin:0 0 1rem;font-size:13px;color:#888;line-height:1.7}.page-footer.svelte-cg0aa8{padding:2rem;border-top:1px solid #222;text-align:center}.page-footer.svelte-cg0aa8 p:where(.svelte-cg0aa8){margin:0;font-size:11px;color:#444}.page-footer.svelte-cg0aa8 a:where(.svelte-cg0aa8){color:#666;text-decoration:none}.page-footer.svelte-cg0aa8 a:where(.svelte-cg0aa8):hover{color:#fff}