.circle-of-fifths-container.svelte-111ljsc{display:flex;flex-direction:column;gap:var(--space-sm);height:100%;padding:var(--space-sm)}.svg-container.svelte-111ljsc{flex:1;display:flex;align-items:center;justify-content:center;max-width:100%;aspect-ratio:1}svg.svelte-111ljsc{width:100%;height:100%;min-width:450px;min-height:450px}@media (max-width: 640px){svg.svelte-111ljsc{min-width:380px;min-height:380px}}.roman-numeral.svelte-111ljsc{font-size:26px;fill:#fff;font-weight:900}.key-segment.svelte-111ljsc{cursor:pointer}.key-path.svelte-111ljsc{transition:all .2s ease}.key-segment.svelte-111ljsc:hover .key-path:where(.svelte-111ljsc){fill:var(--bg-secondary);stroke:var(--bg-secondary);stroke-width:4}.key-path.selected.svelte-111ljsc{fill:var(--bg-secondary);stroke:var(--bg-secondary);stroke-width:4}.key-label.svelte-111ljsc{pointer-events:none;font-weight:600;fill:var(--text-primary);transition:all .2s ease}.key-label.major.svelte-111ljsc{font-size:22px}.key-label.minor.svelte-111ljsc{font-size:20px}.key-label.selected-text.svelte-111ljsc{fill:#22c55e;font-weight:700}@keyframes svelte-111ljsc-highlight-glow{0%,to{filter:drop-shadow(0 0 8px rgba(34,197,94,.8))}50%{filter:drop-shadow(0 0 16px rgba(34,197,94,1))}}.key-path.highlight-pulse.svelte-111ljsc{fill:#22c55e4d;stroke:#22c55e;stroke-width:3;animation:svelte-111ljsc-highlight-glow 1s ease-in-out infinite}.key-label.highlight-pulse-text.svelte-111ljsc{fill:#22c55e;font-weight:800}.key-segment.svelte-111ljsc:focus{outline:none}.key-segment.svelte-111ljsc:focus .key-path:where(.svelte-111ljsc){stroke:var(--bg-secondary);stroke-width:4}.key-segment.build-mode.svelte-111ljsc:hover .key-path:where(.svelte-111ljsc),.key-segment.build-mode.svelte-111ljsc:hover .minor-key-path:where(.svelte-111ljsc){fill:#22c55e33;stroke:#22c55e;stroke-width:3}.minor-segment.build-mode.svelte-111ljsc{cursor:pointer}.minor-key-path.svelte-111ljsc{transition:all .2s ease}.key-path.in-progression.svelte-111ljsc,.minor-key-path.in-progression.svelte-111ljsc{fill:#22c55e26;stroke:#22c55e;stroke-width:2}.key-label.in-progression-text.svelte-111ljsc{fill:#22c55e;font-weight:700}.center-toggle.svelte-111ljsc{cursor:pointer;transition:all .2s ease}.toggle-circle.svelte-111ljsc{transition:all .2s ease}.center-toggle.svelte-111ljsc:hover .toggle-circle:where(.svelte-111ljsc){fill:var(--bg-secondary);stroke:var(--accent-primary);stroke-width:4}.center-toggle.svelte-111ljsc:focus{outline:none}.center-toggle.svelte-111ljsc:focus .toggle-circle:where(.svelte-111ljsc){stroke:var(--accent-primary);stroke-width:6}.toggle-symbol.svelte-111ljsc{font-size:72px;font-weight:600;pointer-events:none;transition:fill .2s ease;-webkit-user-select:none;user-select:none}.center-toggle.svelte-111ljsc:hover .toggle-symbol:where(.svelte-111ljsc){fill:var(--text-primary)}@media (max-width: 500px){.roman-numeral.svelte-111ljsc{font-size:36px}.key-label.major.svelte-111ljsc{font-size:32px}.key-label.minor.svelte-111ljsc{font-size:26px}svg.svelte-111ljsc{min-width:100%;min-height:100%}.toggle-symbol.svelte-111ljsc{font-size:68px}}