/* Capital Catalyst · settings menu, audio hint */
.tool .sliders { position: relative; width: 12px; height: 10px; opacity: .85;
  background: linear-gradient(currentColor, currentColor) 0 1px / 12px 1px no-repeat, linear-gradient(currentColor, currentColor) 0 8px / 12px 1px no-repeat; }
.tool .sliders::before, .tool .sliders::after { content: ""; position: absolute; width: 3px; height: 3px; top: -1px; left: 2px; background: var(--glass, #fff); border: 1px solid currentColor; border-radius: 50%; box-sizing: content-box; }
.tool .sliders::after { top: 6px; left: 7px; }
#prefsBtn[aria-expanded="true"] { --b: var(--accent); }
.prefs-menu { min-width: 224px; padding: 10px 6px 8px; gap: 2px; }
.prefs-menu .row { all: unset; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; gap: 16px; cursor: pointer;
  padding: 9px 12px; font: 400 13px/1.1 var(--text); color: var(--muted); transition: color .2s, background-color .2s; }
.prefs-menu .row:hover, .prefs-menu .row:focus-visible { color: var(--ink); background: var(--hair); }
.prefs-menu .row:focus-visible, .prefs-menu input:focus-visible { outline: 1px solid var(--accent); outline-offset: -1px; }
.prefs-menu .sw { width: 22px; height: 11px; border: 1px solid currentColor; position: relative; flex: none; opacity: .8; }
.prefs-menu .sw::after { content: ""; position: absolute; top: 2px; left: 2px; width: 5px; height: 5px; background: currentColor; transition: transform .2s, background-color .2s; }
.prefs-menu .row[aria-checked="true"] { color: var(--ink); }
.prefs-menu .row[aria-checked="true"] .sw { border-color: var(--accent); opacity: 1; }
.prefs-menu .row[aria-checked="true"] .sw::after { transform: translateX(11px); background: var(--accent); }
.prefs-menu .vol { display: flex; flex-direction: column; gap: 8px; padding: 9px 12px 6px; font: 400 13px/1.1 var(--text); color: var(--muted); }
.prefs-menu .vol input { width: 100%; margin: 0; accent-color: var(--accent); cursor: pointer; }
.prefs-menu .vol:focus-within { color: var(--ink); }
@media (max-width: 760px) { .tools { gap: 6px; } #prefsBtn { padding: 9px 10px; } .prefs-menu { position: fixed; top: 54px; right: 16px; } }
.audio-hint { position: fixed; left: 50%; bottom: 74px; z-index: 25; transform: translateX(-50%); padding: 8px 14px; pointer-events: none;
  font: 400 10px/1 var(--mono); letter-spacing: .18em; text-transform: uppercase; color: var(--ink); border: 1px solid var(--hair);
  background: var(--glass); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); transition: opacity .4s; }
.audio-hint[hidden] { display: none; }
@media (max-width: 760px) { .audio-hint { bottom: 132px; } }