/* кнопка «Слова в нотах» — в углу мелодии, слева от переключателя вида (notewords.js) */
.nw-toggle {
  position: absolute; top: 8px; right: var(--nw-right, 142px); z-index: 2;
  display: grid; place-items: center; width: 34px; height: 34px; padding: 0; border: 0; border-radius: 999px; cursor: pointer;
  color: var(--muted); background: rgba(0, 0, 0, .55); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
  transition: background-color .15s ease, color .15s ease, transform .1s ease;
}
.nw-toggle svg { width: 17px; height: 17px; }
.nw-toggle:hover { color: var(--text); background: rgba(0, 0, 0, .75); }
.nw-toggle.on { background: var(--text); color: var(--ink); }
.nw-toggle:active { transform: scale(.92); }
.nw-toggle:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
/* надпись «Слушай/Пой» сдвигается левее кнопки */
.dock:not(.min-roll) .roll-wrap:has(> .nw-toggle) > .phase { right: calc(var(--nw-right, 142px) + 40px); }