.key-page.svelte-1vguoe8{min-height:100vh;background:#000;color:#fff;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace}.page-header.svelte-1vguoe8{padding:2rem;border-bottom:1px solid #222}h1.svelte-1vguoe8{margin:0 0 .5rem;font-size:28px;font-weight:600;letter-spacing:2px;text-transform:uppercase}.subtitle.svelte-1vguoe8{margin:0;color:#666;font-size:14px}.layout.svelte-1vguoe8{display:grid;grid-template-columns:220px 1fr;min-height:calc(100vh - 200px)}@media(max-width:900px){.layout.svelte-1vguoe8{grid-template-columns:1fr}.sidebar.svelte-1vguoe8{border-right:none!important;border-bottom:1px solid #222}}.sidebar.svelte-1vguoe8{border-right:1px solid #222;padding:1.5rem}.sidebar-section.svelte-1vguoe8{margin-bottom:2rem}.sidebar-section.svelte-1vguoe8 h3:where(.svelte-1vguoe8){margin:0 0 1rem;font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#444}.key-nav.svelte-1vguoe8{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.key-link.svelte-1vguoe8{padding:.5rem;background:#0a0a0a;border:1px solid #1a1a1a;color:#666;text-decoration:none;font-size:11px;text-align:center;transition:all .1s ease}.key-link.svelte-1vguoe8:hover{background:#222;color:#fff;border-color:#333}.key-link.active.svelte-1vguoe8{background:#fff;color:#000;border-color:#fff}.quick-links.svelte-1vguoe8{display:flex;flex-direction:column;gap:4px}.quick-link.svelte-1vguoe8{padding:.5rem .75rem;background:#0a0a0a;border:1px solid #1a1a1a;color:#888;text-decoration:none;font-size:11px;transition:all .1s ease}.quick-link.svelte-1vguoe8:hover{background:#111;color:#fff;border-color:#333}.main-content.svelte-1vguoe8{padding:2rem}.section.svelte-1vguoe8{margin-bottom:2.5rem}h2.svelte-1vguoe8{margin:0 0 1rem;font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#666;border-bottom:1px solid #222;padding-bottom:.75rem}.scale-grid.svelte-1vguoe8{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.75rem}.scale-card.svelte-1vguoe8{display:block;padding:1rem;background:#0a0a0a;border:1px solid #1a1a1a;text-decoration:none;transition:all .1s ease}.scale-card.svelte-1vguoe8:hover{background:#111;border-color:#333}.scale-header.svelte-1vguoe8{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;gap:.5rem}.scale-name.svelte-1vguoe8{font-size:13px;font-weight:600;color:#fff}.scale-mood.svelte-1vguoe8{font-size:9px;color:#666;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.scale-character.svelte-1vguoe8{margin:0 0 .75rem;font-size:11px;color:#555;line-height:1.4}.scale-genres.svelte-1vguoe8{display:flex;flex-wrap:wrap;gap:4px}.genre-tag.svelte-1vguoe8{padding:.2rem .4rem;background:#1a1a1a;font-size:9px;color:#555;text-transform:uppercase;letter-spacing:.5px}