.key-page.svelte-16ykrzk{min-height:100vh;background:#000;color:#fff;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace}.page-header.svelte-16ykrzk{padding:2rem;border-bottom:1px solid #222}h1.svelte-16ykrzk{margin:0 0 .5rem;font-size:24px;font-weight:600;letter-spacing:2px;text-transform:uppercase}.subtitle.svelte-16ykrzk{margin:0;color:#666;font-size:14px}.subtitle.svelte-16ykrzk strong:where(.svelte-16ykrzk){color:#fff}.layout.svelte-16ykrzk{display:grid;grid-template-columns:280px 1fr;min-height:calc(100vh - 200px)}@media(max-width:900px){.layout.svelte-16ykrzk{grid-template-columns:1fr}}.sidebar.svelte-16ykrzk{border-right:1px solid #222;padding:1.5rem;overflow-y:auto;max-height:calc(100vh - 150px);position:sticky;top:0}.sidebar-header.svelte-16ykrzk h2:where(.svelte-16ykrzk){margin:0 0 1rem;font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#666}.scale-list.svelte-16ykrzk{margin-bottom:2rem}.category.svelte-16ykrzk{margin-bottom:1.5rem}.category.svelte-16ykrzk h3:where(.svelte-16ykrzk){margin:0 0 .5rem;font-size:9px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#444}.category-scales.svelte-16ykrzk{display:flex;flex-direction:column;gap:2px}.scale-btn.svelte-16ykrzk{width:100%;padding:.5rem .75rem;background:#0a0a0a;border:1px solid #1a1a1a;color:#888;font-family:inherit;font-size:11px;text-align:left;cursor:pointer;transition:all .1s ease}.scale-btn.svelte-16ykrzk:hover{background:#111;color:#fff;border-color:#333}.scale-btn.active.svelte-16ykrzk{background:#fff;color:#000;border-color:#fff}.key-nav.svelte-16ykrzk{border-top:1px solid #222;padding-top:1.5rem}.key-nav.svelte-16ykrzk h3:where(.svelte-16ykrzk){margin:0 0 .75rem;font-size:9px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#444}.key-links.svelte-16ykrzk{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.key-link.svelte-16ykrzk{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-16ykrzk:hover{background:#222;color:#fff;border-color:#333}.key-link.active.svelte-16ykrzk{background:#fff;color:#000;border-color:#fff}.main-content.svelte-16ykrzk{padding:2rem;flex:1;transition:opacity .2s ease}.section.svelte-16ykrzk{margin-bottom:2.5rem;transition:all .2s ease}h2.svelte-16ykrzk{margin:0 0 1rem;font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#666}.info-grid.svelte-16ykrzk{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.info-card.svelte-16ykrzk{background:#0a0a0a;border:1px solid #222;padding:1rem}.info-label.svelte-16ykrzk{display:block;font-size:9px;color:#444;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem}.info-value.svelte-16ykrzk{font-size:13px;color:#fff}.circle-container.svelte-16ykrzk{max-width:350px}.direct-link.svelte-16ykrzk{display:inline-block;padding:.75rem 1.25rem;background:#111;border:1px solid #333;color:#888;text-decoration:none;font-size:12px;letter-spacing:.5px;transition:all .1s ease}.direct-link.svelte-16ykrzk:hover{background:#fff;color:#000;border-color:#fff}@media(max-width:900px){.layout.svelte-16ykrzk{grid-template-columns:1fr}.sidebar.svelte-16ykrzk{border-right:none;border-bottom:1px solid #222;max-height:none;position:relative;padding:1rem}.scale-list.svelte-16ykrzk{max-height:200px;overflow-y:auto}.main-content.svelte-16ykrzk{padding:1rem;max-width:100%;overflow-x:hidden}}@media(max-width:768px){.page-header.svelte-16ykrzk{padding:1rem}h1.svelte-16ykrzk{font-size:18px}.subtitle.svelte-16ykrzk{font-size:12px}.category-scales.svelte-16ykrzk{display:grid;grid-template-columns:1fr 1fr;gap:2px}.scale-btn.svelte-16ykrzk{font-size:10px;padding:.4rem .5rem}.key-links.svelte-16ykrzk{grid-template-columns:repeat(6,1fr)}.key-link.svelte-16ykrzk{padding:.4rem;font-size:10px}.section.svelte-16ykrzk{margin-bottom:1.5rem;overflow-x:hidden}.info-grid.svelte-16ykrzk{grid-template-columns:1fr 1fr}.info-card.svelte-16ykrzk{padding:.75rem}.info-label.svelte-16ykrzk{font-size:8px}.info-value.svelte-16ykrzk{font-size:11px}.circle-container.svelte-16ykrzk{max-width:280px;margin:0 auto}.direct-link.svelte-16ykrzk{display:block;text-align:center;padding:.6rem 1rem;font-size:11px}}@media(max-width:480px){.category-scales.svelte-16ykrzk{grid-template-columns:1fr}.key-links.svelte-16ykrzk{grid-template-columns:repeat(4,1fr)}.info-grid.svelte-16ykrzk{grid-template-columns:1fr}}