/* music button + "now playing" toast */
#music .mn { fill: currentColor; stroke: none; }
#music.on { color: var(--gold-hi); }
.music-toast { position: fixed; right: 18px; top: 78px; z-index: 60; display: flex; align-items: center; gap: 12px; padding: 10px 16px 10px 12px; border-radius: 12px;
  background: rgba(14, 11, 8, .88); box-shadow: inset 0 0 0 1px rgba(236, 211, 154, .25), 0 10px 30px rgba(0, 0, 0, .5); backdrop-filter: blur(6px);
  opacity: 0; transform: translateY(-8px); pointer-events: none; transition: opacity .5s ease, transform .5s ease; }
.music-toast.show { opacity: 1; transform: none; }
.music-toast .mt-note { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; font-size: 16px; color: #1a1208; background: var(--gold-hi); }
.music-toast b { display: block; font: 500 11px/1.3 var(--label); letter-spacing: .2em; text-transform: uppercase; color: var(--gold-hi); }
.music-toast em { display: block; font: italic 400 13px/1.3 var(--body); color: var(--text-2); }
@media (prefers-reduced-motion: reduce) { .music-toast { transition: none; } }
/* the volume sliders in the settings popover, in the site's gold */
.settings-pop .vol input[type=range] { width: 100%; accent-color: var(--gold-hi, #ecd39a); }