.circle-of-fifths-container{flex-direction:column;align-items:center;gap:.5rem;display:flex}.circle-of-fifths{display:block}.circle-of-fifths-wedge-group{cursor:pointer}.circle-of-fifths-wedge{fill:var(--bg-alt);stroke:var(--border);stroke-width:var(--wedge-stroke-width,1);will-change:fill, stroke;transition:fill .15s,stroke .15s}.circle-of-fifths-wedge.selected{fill:var(--accent-deep);stroke:var(--accent-deep)}.circle-of-fifths-wedge-group text{fill:var(--text);pointer-events:none;font-size:.8rem;transition:fill .15s,font-weight .15s}.circle-of-fifths-wedge.selected+text{fill:var(--white);font-weight:600}@media (prefers-reduced-motion:no-preference){.circle-of-fifths-wedge.selected.flashing{transform-box:view-box;transform-origin:50%;animation:.6s ease-out circle-of-fifths-flash-wedge}}@keyframes circle-of-fifths-flash-wedge{0%{stroke:var(--white);stroke-width:2px;filter:brightness(1.35);transform:scale(1.03)}to{stroke:var(--accent-deep);stroke-width:var(--wedge-stroke-width,1);filter:brightness();transform:scale(1)}}.circle-of-fifths-all{fill:var(--bg-alt);stroke:var(--border);stroke-width:var(--wedge-stroke-width,1)}.circle-of-fifths-all.selected{fill:var(--bg-elevated);stroke:var(--text-dim)}.circle-of-fifths-all-group text{fill:var(--text);pointer-events:none;font-size:.7rem;font-weight:600}.circle-of-fifths-all.selected+text{fill:var(--text)}.circle-of-fifths-prefer{align-items:center;gap:.5rem;display:flex}.circle-of-fifths-prefer-label{color:var(--text-dim);font-size:.8rem}.circle-of-fifths-prefer-segments{gap:.25rem;display:flex}.circle-of-fifths-prefer-segment{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:6px;padding:.3rem .7rem;font-size:.8rem;font-weight:600;transition:background .15s,border-color .15s,color .15s}.circle-of-fifths-prefer-segment.active{background:var(--bg-alt);border-color:var(--accent);color:var(--text)}