.altered-fifths-widget[data-v-46ee861d]{width:100%}.mode-tabs[data-v-46ee861d]{display:flex;align-items:flex-end;justify-content:center;gap:1.75rem;margin-bottom:.85rem}.mode-tab[data-v-46ee861d]{appearance:none;border:none;background:transparent;padding:0 0 .55rem;color:#64748b;font:inherit;font-size:.95rem;font-weight:600;cursor:pointer;position:relative;transition:color .14s ease}.mode-tab[data-v-46ee861d]:hover{color:#334155}.mode-tab-underline[data-v-46ee861d]{position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:999px;background:currentColor;opacity:0;transform:scaleX(.58);transition:opacity .14s ease,transform .14s ease}.mode-tab.is-active[data-v-46ee861d]{color:#0f172a}.mode-tab.is-active .mode-tab-underline[data-v-46ee861d]{opacity:1;transform:scaleX(1)}.mode-tab[data-v-46ee861d]:focus-visible{outline:none;color:#0f172a}.dark{color:#cbd5e1}.dark{color:#fff}.dark{color:#fff!important}.altered-fifths-widget.is-dark .mode-tab[data-v-46ee861d]{color:#cbd5e1}.altered-fifths-widget.is-dark .mode-tab[data-v-46ee861d]:hover,.altered-fifths-widget.is-dark .mode-tab[data-v-46ee861d]:focus-visible,.altered-fifths-widget.is-dark .mode-tab.is-active[data-v-46ee861d],.altered-fifths-widget.is-dark .mode-tab.is-active span[data-v-46ee861d]{color:#fff!important}.altered-fifths-widget.is-dark .interaction-hint[data-v-46ee861d]{color:#cbd5e1eb}.keyboard-stage[data-v-46ee861d]{position:relative;width:100%}.interaction-hint[data-v-46ee861d]{margin-top:.5rem;text-align:center;color:#64748b;font-size:.82rem;font-weight:500;letter-spacing:.01em;transition:opacity .14s ease}.interaction-hint.is-hidden[data-v-46ee861d]{opacity:0;visibility:hidden}.guide-overlay[data-v-46ee861d]{position:absolute;inset:0;pointer-events:none}.guide-line-track[data-v-46ee861d]{stroke:#94a3b852;stroke-width:2.25;stroke-linecap:round}.guide-line-motion[data-v-46ee861d]{stroke:#94a3b8a6;stroke-width:2.4;stroke-linecap:round;stroke-dasharray:3.2 2.4;animation-duration:.62s;animation-timing-function:linear;animation-iteration-count:infinite}.guide-line-motion.is-right[data-v-46ee861d]{animation-name:guide-dash-right-46ee861d}.guide-line-motion.is-left[data-v-46ee861d]{animation-name:guide-dash-left-46ee861d}.guide-line-motion.is-dashed[data-v-46ee861d]{stroke:#94a3b8a6;stroke-dasharray:3.2 2.4}.guide-dot[data-v-46ee861d]{stroke:#ffffffd6;stroke-width:.28}.guide-dot.is-anchor[data-v-46ee861d]{opacity:.74}.guide-dot.is-target[data-v-46ee861d]{filter:drop-shadow(0 0 4px rgb(255 255 255 / .16))}.guide-tag-lane[data-v-46ee861d]{position:relative;height:1.6rem;margin-top:.35rem}.guide-tag-block[data-v-46ee861d]{position:absolute;top:0;transform:translate(-50%);color:#475569;font-size:.95rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;opacity:0;transition:opacity .12s ease}.guide-tag-block.is-visible[data-v-46ee861d]{opacity:1}.dark{stroke:#e2e8f03d}.dark{stroke:#e2e8f075}.dark{stroke:#0f172ae6}.altered-fifths-widget.is-dark .guide-tag-block[data-v-46ee861d]{color:#e2e8f0}@keyframes guide-dash-right-46ee861d{0%{stroke-dashoffset:0}to{stroke-dashoffset:-12}}@keyframes guide-dash-left-46ee861d{0%{stroke-dashoffset:0}to{stroke-dashoffset:-12}}.interval-rainbow-inline[data-v-e8754925]{margin-bottom:-.9rem}.interval-rainbow-inline[data-v-e8754925] .intervals-widget{padding:0 16px;gap:0}.interval-rainbow-inline[data-v-e8754925] .interval-rainbow-section--bottom{margin-top:0;padding-top:0}.interval-rainbow-inline[data-v-e8754925] .interval-rainbow-row{margin-bottom:-12px}.interval-rainbow-inline[data-v-e8754925] .interval-rainbow-svg{height:158px;margin-bottom:-28px}.intervals-no-rainbow-inline[data-v-e8754925] .interval-rainbow-section{display:none}.intervals-no-rainbow-inline[data-v-e8754925] .intervals-widget{padding-top:0}@media(max-width:900px){.interval-rainbow-inline[data-v-e8754925]{margin-bottom:-.7rem}.interval-rainbow-inline[data-v-e8754925] .interval-rainbow-svg{height:138px;margin-bottom:-22px}}@media(max-width:560px){.interval-rainbow-inline[data-v-e8754925]{margin-bottom:-.45rem}.interval-rainbow-inline[data-v-e8754925] .intervals-widget{padding-inline:8px}.interval-rainbow-inline[data-v-e8754925] .interval-rainbow-row{margin-bottom:-4px}.interval-rainbow-inline[data-v-e8754925] .interval-rainbow-svg{height:120px;margin-bottom:-16px}}