.circle-page.svelte-dsr55s{min-height:100vh;background:#000;color:#fff;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace}.page-header.svelte-dsr55s{padding:2rem;border-bottom:1px solid #222}h1.svelte-dsr55s{margin:0 0 .5rem;font-size:24px;font-weight:600;letter-spacing:2px;text-transform:uppercase}.subtitle.svelte-dsr55s{margin:0;color:#666;font-size:14px}.content.svelte-dsr55s{max-width:1200px;margin:0 auto;padding:2rem}.section.svelte-dsr55s{margin-bottom:3rem}h2.svelte-dsr55s{margin:0 0 1.25rem;font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#666}.keyboard-header.svelte-dsr55s{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.keyboard-header.svelte-dsr55s h2:where(.svelte-dsr55s){margin:0}.mode-toggle.svelte-dsr55s{display:flex;gap:.5rem}.mode-btn.svelte-dsr55s{padding:.75rem 1.5rem;background:#0a0a0a;border:1px solid #222;color:#666;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease;font-family:inherit}.mode-btn.svelte-dsr55s:hover{background:#111;color:#888}.mode-btn.active.svelte-dsr55s{background:#fff;color:#000;border-color:#fff}.hero-section.svelte-dsr55s{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.circle-hero.svelte-dsr55s{display:flex;justify-content:center}.circle-hero.svelte-dsr55s .circle-svg{max-width:380px}.key-info.svelte-dsr55s{display:flex;flex-direction:column;gap:2rem}.current-key.svelte-dsr55s{display:flex;flex-direction:column;gap:.5rem}.key-label.svelte-dsr55s,.related-label.svelte-dsr55s,.notes-label.svelte-dsr55s{font-size:9px;color:#555;text-transform:uppercase;letter-spacing:1px}.key-value.svelte-dsr55s{font-size:32px;font-weight:700;text-transform:capitalize}.related-keys.svelte-dsr55s{display:flex;gap:2rem}.related-item.svelte-dsr55s{display:flex;flex-direction:column;gap:.25rem}.related-value.svelte-dsr55s{font-size:18px;font-weight:600}.scale-notes.svelte-dsr55s{display:flex;flex-direction:column;gap:.5rem}.notes-value.svelte-dsr55s{font-size:14px;color:#888}.scale-grid.svelte-dsr55s{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.5rem}.scale-card.svelte-dsr55s{padding:.75rem 1rem;background:#0a0a0a;border:1px solid #222;color:#888;text-decoration:none;font-size:12px;transition:all .15s ease}.scale-card.svelte-dsr55s:hover{background:#111;border-color:#333;color:#fff}.key-grid.svelte-dsr55s{display:flex;flex-wrap:wrap;gap:.5rem}.key-card.svelte-dsr55s{width:50px;height:40px;display:flex;align-items:center;justify-content:center;background:#0a0a0a;border:1px solid #222;color:#888;text-decoration:none;font-size:13px;font-weight:600;transition:all .15s ease}.key-card.svelte-dsr55s:hover{background:#222;color:#fff;border-color:#444}.key-card.active.svelte-dsr55s{background:#fff;color:#000;border-color:#fff}@media(max-width:768px){.page-header.svelte-dsr55s,.content.svelte-dsr55s{padding:1rem}.hero-section.svelte-dsr55s{grid-template-columns:1fr;gap:1.5rem}.related-keys.svelte-dsr55s{flex-wrap:wrap;gap:1rem}h1.svelte-dsr55s{font-size:18px;letter-spacing:2px}.subtitle.svelte-dsr55s{font-size:12px}.key-value.svelte-dsr55s{font-size:24px}.mode-toggle.svelte-dsr55s{flex-wrap:wrap}.mode-btn.svelte-dsr55s{padding:.5rem 1rem;font-size:10px}.keyboard-header.svelte-dsr55s{flex-direction:column;align-items:flex-start;gap:.75rem}.scale-grid.svelte-dsr55s{grid-template-columns:1fr 1fr}.scale-card.svelte-dsr55s{padding:.6rem .75rem;font-size:11px}.key-grid.svelte-dsr55s{justify-content:center}.key-card.svelte-dsr55s{width:42px;height:36px;font-size:11px}.section.svelte-dsr55s{margin-bottom:2rem}.notes-value.svelte-dsr55s{font-size:12px;word-break:break-word}}@media(max-width:480px){.scale-grid.svelte-dsr55s{grid-template-columns:1fr}.key-card.svelte-dsr55s{width:36px;height:32px;font-size:10px}}