.harmony-unified{--harmony-left:#0077D4;--harmony-right:#D45A00}
.harmony-unified .white-key:not(.bass-key):not(.active-key){fill:#FBFCFF}
.harmony-unified .black-key:not(.bass-key):not(.active-key){fill:#10151C}
.harmony-unified .bass-key{fill:var(--harmony-left)}
.harmony-unified .active-key.correct,.harmony-unified .active-key.wrong{fill:var(--harmony-right)}
.harmony-unified .bass-swatch{background:var(--harmony-left)}
.harmony-unified .chord-swatch,.harmony-unified #keyboard[data-kind=wrong]+.keyboard-legend .chord-swatch{background:var(--harmony-right)}
.harmony-unified .key-dot{fill:#fff;stroke:none}
.harmony-unified #progression-feedback-title{display:flex;justify-content:space-between;gap:6px}
.harmony-unified .hand-legend{display:inline-flex;gap:8px;white-space:nowrap;font-size:11px;color:var(--site-ink)}
.harmony-unified .hand-legend span{display:inline-flex;align-items:center;gap:3px}
.harmony-unified .hand-legend i{display:inline-block;width:8px;height:8px;border-radius:2px}