#beat-label{min-width:106px;font-variant-numeric:tabular-nums}
#narration-status{max-width:210px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#narration-prompt{position:absolute;right:54px;bottom:88px;z-index:15;align-items:center;gap:12px;padding:12px 15px;border:1px solid #dbe5f1;border-radius:9px;background:#fff;box-shadow:0 4px 22px #19365412;font-size:11px;color:#4c617d}
#narration-prompt:not([hidden]){display:flex}
#narration-prompt[hidden]{display:none}
#narration-start{border:0;border-radius:5px;padding:9px 14px;background:#254b76;color:#fff;font:500 11px 'DM Sans',Arial,sans-serif;cursor:pointer}
#narration-start:focus-visible{outline:2px solid #287cf4;outline-offset:3px}
#next{min-width:144px;justify-content:center}
#next-hint{width:103px;flex-shrink:0;font-size:10px;font-weight:500;color:#2868bc;white-space:nowrap;text-align:right;visibility:hidden}
#next-hint.visible{visibility:visible}
#next.ready-to-advance{color:#195ba9;background:#edf5ff;border-color:#75a9ef;box-shadow:0 0 0 3px #3284ff20,0 0 18px #3284ff25;animation:next-ready-glow 2.4s ease-in-out infinite}
@keyframes next-ready-glow{0%,100%{box-shadow:0 0 0 3px #3284ff18,0 0 12px #3284ff18}50%{box-shadow:0 0 0 5px #3284ff30,0 0 24px #3284ff3d}}
@media(prefers-reduced-motion:reduce){#next.ready-to-advance{animation:none}}
.narration-on #sound{color:#254b76;background:#edf3fa}