:root{--font-size:20px;--font-family:"Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--emote-size:1.6em;--gap:6px;--outline-color:#000c;--text-color:#fff;--bg-color:transparent}*{box-sizing:border-box}html,body{background:var(--bg-color);width:100%;height:100%;margin:0;padding:0;overflow:hidden}body.preview{background:repeating-conic-gradient(#2b2b2b 0% 25%,#1c1c1c 0% 50%) 50%/24px 24px}.chat-root{justify-content:flex-end;gap:var(--gap);width:100%;height:100%;font-family:var(--font-family);font-size:var(--font-size);color:var(--text-color);flex-direction:column;padding:8px;line-height:1.35;display:flex}.chat-root.align-top{justify-content:flex-start}.msg{word-break:break-word;background:#00000059;border-radius:6px;width:fit-content;max-width:100%;padding:.15em .4em;animation:.16s ease-out msg-in;display:block}.chat-root.no-box .msg:not(.event):not(.announcement):not(.cheer):not(.superchat):not(.highlighted):not(.redeem):not(.effect){background:0 0}.msg.fading{animation:.4s ease-in forwards msg-out}@keyframes msg-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes msg-out{to{opacity:0}}.msg.event{background:linear-gradient(90deg,#9147ff8c,#9147ff40);border:1px solid #ffffff40;width:100%}.msg.announcement{--announce-color:#9146ff;border-left:4px solid var(--announce-color);background:#00000073;width:100%}.msg.announcement:before{content:"Announcement";text-transform:uppercase;letter-spacing:.05em;color:var(--announce-color);font-size:.75em;font-weight:700;display:block}.msg.announcement[data-color=blue]{--announce-color:#00d6d6}.msg.announcement[data-color=green]{--announce-color:#00db84}.msg.announcement[data-color=orange]{--announce-color:#ffb31a}.msg.announcement[data-color=purple]{--announce-color:#9146ff}.msg.cheer,.msg.superchat,.msg.highlighted,.msg.redeem{background:#00000073;border-left:4px solid #9146ff;width:100%}.msg.superchat{border-left-color:#ffca28}.msg.cheer:before,.msg.superchat:before,.msg.highlighted:before,.msg.redeem:before{content:attr(data-label);text-transform:uppercase;letter-spacing:.05em;color:#b9a3ff;font-size:.75em;font-weight:700;display:block}.msg.superchat:before{color:#ffca28}.msg.highlighted{background:#755ebc59;border-left-color:#755ebc}.msg.redeem{border-left-color:#00c8af}.msg.redeem:before{color:#5ce0cf}.emote.gigantified{max-width:100%}.msg.effect{background-size:300% 300%;width:100%;animation:.16s ease-out msg-in,6s ease-in-out infinite effect-shift}.msg.effect,.msg.effect.effect-{background-image:linear-gradient(120deg,#9146ff8c,#00c8af73,#ff5aa080)}.msg.effect-simmer{background-image:linear-gradient(120deg,#ff780099,#ff283c8c,#ffc8008c)}.msg.effect-rainbow-eclipse{background-image:linear-gradient(120deg,#ff005080,#ffc80080,#00dc7880,#008cff80,#aa3cff80)}.msg.effect-cosmic-abyss{background-image:linear-gradient(120deg,#140a3cd9,#5a28c8b3,#0a3c8ccc)}@keyframes effect-shift{0%,to{background-position:0%}50%{background-position:100%}}.cheermote{vertical-align:middle;align-items:center;font-weight:700;display:inline-flex}.cheermote img{height:var(--emote-size);width:auto}.msg.event .event-text{text-shadow:0 1px 3px var(--outline-color), 0 0 6px var(--outline-color);font-weight:700}.msg .platform-icon{vertical-align:middle;width:1em;height:1em;margin-right:.3em;display:inline-flex}.msg .platform-icon svg{width:100%;height:100%}.msg .avatar{object-fit:cover;vertical-align:middle;border-radius:50%;width:1.4em;height:1.4em;margin-right:.3em}.msg .badges{vertical-align:middle;gap:.2em;margin-right:.3em;display:inline-flex}.msg .badges img{vertical-align:middle;width:1.15em;height:1.15em}.msg .name{text-shadow:0 1px 3px var(--outline-color), 0 0 6px var(--outline-color);white-space:nowrap;margin-right:.3em;font-weight:700}.msg .colon{opacity:.85;margin-right:.2em}.msg .content{text-shadow:0 1px 3px var(--outline-color)}img.emoji{vertical-align:-.2em;width:1.2em;height:1.2em;margin:0 .05em}.chat-gif{border-radius:6px;width:auto;max-width:200px;height:auto;max-height:150px;margin-top:4px;display:block}.emote-stack{height:var(--emote-size);vertical-align:middle;display:inline-block;position:relative}.emote-stack img{height:var(--emote-size);width:auto;display:block}.emote-stack .overlay{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.status-dot{z-index:999;background:#888;border-radius:50%;width:10px;height:10px;position:fixed;top:6px;right:6px;box-shadow:0 0 4px #0009}.status-dot.ok{background:#3cd23c}.status-dot.bad{background:#d23c3c}.msg .channel-tag{vertical-align:middle;white-space:nowrap;background:#ffffff1f;border-radius:4px;margin-right:.3em;padding:0 .35em;font-size:.7em;font-weight:600}.msg.effect.fading{animation:.4s ease-in forwards msg-out}.msg.removed{opacity:.55;border-left:4px solid #ff6b6b;width:100%}.msg.removed .content{text-decoration:line-through}.msg.removed:before{content:attr(data-label);text-transform:uppercase;letter-spacing:.05em;color:#ff8080;font-size:.75em;font-weight:700;display:block}.msg.removed[data-removed=unbanned]{border-left-color:#3cd23c}.msg.removed[data-removed=unbanned]:before{color:#7de07d}.msg .reply-context{white-space:nowrap;text-overflow:ellipsis;opacity:.7;max-width:100%;margin-bottom:.1em;font-size:.75em;display:block;overflow:hidden}.msg .reply-context svg{vertical-align:-.2em;width:1.1em;height:1.1em;margin-right:.3em}.msg .reply-context .reply-name{font-weight:700}#root{display:contents}