@font-face{font-family:Oswald;src:url('/assets/oswald.ttf') format('truetype');font-weight:200 700;font-display:swap}
.chat-widget{position:relative;overflow:hidden;isolation:isolate;flex:none;width:460px;height:720px;color:var(--chat-text,#f5f3ea);font-family:Arial,sans-serif;font-size:20px;line-height:1.4}.widget-background{position:absolute;inset:0;z-index:-1;background-position:center;background-size:cover;pointer-events:none}.chat-messages{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:var(--chat-gap,10px);padding:var(--chat-padding,20px);overflow:hidden}.chat-message{flex:none;max-width:100%;display:flex;align-items:flex-start;gap:.5em;border-radius:var(--chat-radius,14px);padding:.6em .75em;background:var(--chat-card,#151a17d1);overflow-wrap:anywhere;word-break:break-word;box-shadow:0 2px 10px #00000010;border-left:3px solid var(--chat-accent,#d3f628)}.chat-widget[data-align=right] .chat-messages{align-items:flex-end}.chat-widget[data-align=right] .chat-message{flex-direction:row-reverse;text-align:right;border-left:0;border-right:3px solid var(--chat-accent,#d3f628)}.chat-message-body{min-width:0}.chat-message-meta{display:flex;align-items:center;gap:.35em;flex-wrap:wrap;line-height:1.25;margin-bottom:.2em}.chat-widget[data-align=right] .chat-message-meta{justify-content:flex-end}.chat-username{font-weight:700;color:var(--chat-name,#d3f628);font-size:.82em}.chat-time{opacity:.5;font-size:.6em}.chat-badge{font-size:.65em;opacity:.8}.chat-platform{flex:none;width:1.25em;height:1.25em;border-radius:.3em;display:grid;place-items:center;font-size:.7em;font-family:Arial;font-weight:bold;line-height:1;margin-top:.15em;color:#fff}.chat-platform.twitch{background:#9146ff}.chat-platform.youtube{background:#f03}.chat-platform.tiktok{background:#111;box-shadow:1px 0 #fe2c55,-1px 0 #25f4ee}.chat-emote{height:1.3em;max-width:3em;object-fit:contain;vertical-align:middle}.chat-widget[data-animate=true] .chat-message{animation:message-in .22s ease-out both}@keyframes message-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.chat-widget[data-animate=true] .chat-message{animation:none}}
.overlay-page{margin:0;padding:0;background:transparent;overflow:hidden}.overlay-page .chat-widget{max-width:100vw;max-height:100vh}.overlay-status{position:absolute;top:8px;left:8px;padding:7px 10px;border-radius:5px;background:#171b15cc;color:#f5f3ea;font:12px Arial;max-width:90%}.overlay-status:empty{display:none}
.chat-platform img{width:.85em;height:.85em;display:block;filter:invert(1)}
.chat-widget[data-accent=false] .chat-message{border-left:0;border-right:0}
.chat-widget[data-style=bubble] .chat-message{border:0}
.chat-widget:is([data-style=plain],[data-style=inline]) .chat-message{display:block;background:transparent;border:0;border-radius:0;box-shadow:none;padding:0;text-shadow:0 1px 3px #0007}
.chat-widget:is([data-style=plain],[data-style=inline]) .chat-message-meta,.chat-widget:is([data-style=plain],[data-style=inline]) .chat-message-text{display:inline;margin:0}
.chat-widget:is([data-style=plain],[data-style=inline]) .chat-message-meta:after{content:': '}
.chat-widget:is([data-style=plain],[data-style=inline]) .chat-username{font-size:1em}
.chat-widget:is([data-style=plain],[data-style=inline]) .chat-platform,.chat-widget:is([data-style=plain],[data-style=inline]) .chat-badge{display:none}
.chat-widget .chat-username-rainbow{background-image:linear-gradient(90deg,#ff6363 0%,#ffba53 17%,#f5e75b 33%,#71e69b 50%,#65bfff 67%,#b99aff 83%,#ff89d3 100%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;text-shadow:none;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.chat-widget .chat-badge{display:inline-grid;place-items:center;flex:none;width:1.35em;height:1.35em;border-radius:.3em;font-size:.76em;opacity:1;background:#253b31;color:#7ae6a4;border:1px solid #ffffff26;vertical-align:middle}.chat-badge svg{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.chat-widget .badge-broadcaster{color:#ffc68a;background:#5a3020}.chat-widget .badge-subscriber{color:#d5bbff;background:#39265a}.chat-widget .badge-vip{color:#ffb3df;background:#502743}.chat-widget:is([data-style=plain],[data-style=inline]) .chat-badge{display:none}
.chat-widget[data-style=inline] .chat-message-body{display:inline}.chat-widget[data-style=inline] .chat-platform{display:inline-grid;vertical-align:middle;margin:0 .4em .1em 0;width:1.5em;height:1.5em;font-size:.8em}.chat-widget[data-style=inline] .chat-platform img{width:1em;height:1em}