.circle-container.svelte-10co9yp{display:flex;flex-direction:column;align-items:center}.circle-svg.svelte-10co9yp{width:100%;max-width:320px;height:auto}.key-group.svelte-10co9yp{cursor:pointer}.key-group.svelte-10co9yp:hover .wedge:where(.svelte-10co9yp){filter:brightness(.9)}.wedge.svelte-10co9yp{transition:all .1s ease}.wedge.major.svelte-10co9yp{fill:#2a5a8a;stroke:none}.wedge.minor.svelte-10co9yp{fill:#1e3d5f;stroke:none}.wedge.selected.svelte-10co9yp{fill:#d0d0d0}.wedge.related.svelte-10co9yp{fill:#152842}.key-group.not-in-scale.svelte-10co9yp{opacity:.15;pointer-events:none}.key-label.svelte-10co9yp{fill:#fff;font-size:16px;font-weight:700;pointer-events:none;font-family:Georgia,Times New Roman,serif}.key-label.major-label.svelte-10co9yp{font-size:18px}.key-label.minor-label.svelte-10co9yp{font-size:12px}.key-label.selected.svelte-10co9yp{fill:#000}.center-label.svelte-10co9yp{fill:#000;font-size:20px;font-weight:700;font-family:Georgia,Times New Roman,serif}.center-mode.svelte-10co9yp{fill:#666;font-size:9px;font-weight:500;text-transform:uppercase;letter-spacing:2px;font-family:Georgia,Times New Roman,serif}.legend.svelte-10co9yp{display:flex;gap:1.5rem;margin-top:1rem;padding:.5rem 0}.legend-item.svelte-10co9yp{display:flex;align-items:center;gap:.5rem;font-size:9px;color:#666;text-transform:uppercase;letter-spacing:1px}.dot.svelte-10co9yp{width:12px;height:12px}.dot.major.svelte-10co9yp{background:#2a5a8a;border:1px solid #1e3d5f}.dot.minor.svelte-10co9yp{background:#1e3d5f;border:1px solid #152842}.dot.selected.svelte-10co9yp{background:#d0d0d0}@media(max-width:768px){.circle-svg.svelte-10co9yp{max-width:280px}.key-label.major-label.svelte-10co9yp{font-size:14px}.key-label.minor-label.svelte-10co9yp{font-size:10px}}