:root{--audio-word-bg:color-mix(in srgb, var(--color-accent) 18%, transparent);--audio-unread:color-mix(in srgb, var(--color-content) 16%, transparent);--audio-now-tint:color-mix(in srgb, var(--color-accent) 9%, transparent);--audio-now-mix:100%}:root[data-theme=dark]{--audio-word-bg:color-mix(in srgb, var(--color-accent) 30%, transparent);--audio-now-tint:color-mix(in srgb, var(--color-accent) 16%, transparent)}.vera-audio-range{appearance:none;cursor:pointer;background:0 0;height:24px}.vera-audio-range::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--color-accent) var(--p,0%), var(--color-line-strong) var(--p,0%));border-radius:999px;height:4px}.vera-audio-range::-moz-range-track{background:var(--color-line-strong);border-radius:999px;height:4px}.vera-audio-range::-moz-range-progress{background:var(--color-accent);border-radius:999px;height:4px}.vera-audio-range::-webkit-slider-thumb{appearance:none;background:var(--color-accent);border:2px solid var(--color-surface-raised);border-radius:999px;width:14px;height:14px;margin-top:-5px}.vera-audio-range::-moz-range-thumb{background:var(--color-accent);border:2px solid var(--color-surface-raised);border-radius:999px;width:14px;height:14px}.vera-audio-range:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:6px}.vera-audio-switch{appearance:none;background:var(--color-line-strong);cursor:pointer;--knob:var(--color-surface-raised);border-radius:999px;flex-shrink:0;width:32px;height:18px;transition:background-color .2s;position:relative}.vera-audio-switch:after{content:"";background:var(--knob);border-radius:999px;width:14px;height:14px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #00000040}.vera-audio-switch:checked{background:var(--audio-switch-on);--knob:#fff}.vera-audio-switch:checked:after{transform:translate(14px)}:root{--audio-switch-on:var(--color-content-faint)}:root[data-theme=dark]{--audio-switch-on:var(--color-content-muted)}:root[data-theme=dark] .vera-audio-switch:not(:checked){--knob:var(--color-content-subtle)}.vera-audio-in{animation:.2s ease-out vera-audio-in}@keyframes vera-audio-in{0%{opacity:0;transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){.vera-audio-in{animation:none}.vera-audio-switch,.vera-audio-switch:after{transition:none}}[data-transcript-line][data-speaking=follow]{background-color:var(--audio-now-tint)}[data-transcript-line][data-speaking=follow] p{color:var(--color-content)}
