.chat-announcement{display:flex;align-items:center;gap:.8rem;padding:.65rem 1rem;border-bottom:1px solid #ffcf6b42;background:linear-gradient(90deg,#ffcc5917,#a66cff12);color:#f7efff;font-size:.78rem}.chat-announcement b{flex:0 0 auto;border-radius:999px;background:#ffcc5924;padding:.3rem .55rem;color:#ffd978;font-size:.6rem;letter-spacing:.08em;text-transform:uppercase}.load-older{display:block;margin:.65rem auto;padding:.45rem .8rem;border:1px solid #9b6bff55;border-radius:999px;background:#9b6bff12;color:#d9caff;font-size:.68rem;font-weight:800;cursor:pointer}.load-older:hover{background:#9b6bff25}.load-older:disabled{opacity:.6}.karaoke-help{color:#b9adc5;line-height:1.5}.karaoke-progress{position:relative;height:1.25rem;margin-top:1rem;overflow:hidden;border:1px solid #ffffff1d;border-radius:999px;background:#08050f}.karaoke-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,#8f58ff,#f15ab7);transition:width .15s}.karaoke-progress span{position:absolute;inset:0;display:grid;place-items:center;font-size:.62rem;font-weight:900}.karaoke-notice{min-height:1.4rem;margin-top:.7rem;font-size:.75rem;font-weight:800}.karaoke-notice.is-success{color:#65edb3}.karaoke-notice.is-error{color:#ff8097}@media(max-width:600px){.chat-announcement{align-items:flex-start;flex-direction:column;gap:.35rem}}