:root{--bg:oklch(.085 0 0);--surface:oklch(.14 .018 210);--surface-strong:oklch(.19 .025 210);--ink:oklch(.96 .01 210);--muted:oklch(.72 .025 210);--primary:oklch(.62 .12 210);--kick:oklch(.82 .2 135);--twitch:oklch(.63 .19 295);--event:oklch(.76 .15 78);--danger:oklch(.66 .2 25);--chat-scale:1;font-family:"Arial Narrow",Arial,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}html,body{height:100%;overflow:hidden}body{margin:0;background:radial-gradient(circle at 80% 0%,oklch(.22 .07 210),transparent 38%),var(--bg)}button,a{font:inherit}.shell{position:relative;width:min(100%,1120px);height:100dvh;margin:auto;display:flex;flex-direction:column;overflow:hidden;padding:clamp(14px,2.4vw,28px)}header{flex:0 0 auto;display:flex;align-items:center;gap:24px;padding-bottom:16px}.identity{display:flex;align-items:center;gap:14px}.live-dot{width:12px;height:12px;border-radius:50%;background:var(--danger);box-shadow:0 0 0 5px oklch(.66 .2 25/.16)}h1{margin:0;font-size:clamp(1.7rem,4vw,2.7rem);letter-spacing:-.035em}p{margin:.2rem 0 0;color:var(--muted)}.connections{display:flex;gap:8px;margin-left:auto}.connections span{padding:8px 12px;border-radius:999px;background:var(--surface-strong);color:var(--muted);font-weight:800;font-size:.78rem}.connections span.connected{color:var(--bg)}.connections [data-status=twitch].connected{background:var(--twitch)}.connections [data-status=kick].connected{background:var(--kick)}.connections span.disconnected{outline:1px solid oklch(.96 .01 210/.14)}nav{flex:0 0 auto;display:flex;gap:6px;align-items:center;border-block:1px solid oklch(.96 .01 210/.12);padding:10px 0;overflow-x:auto}button{border:0;border-radius:999px;padding:8px 12px;background:transparent;color:var(--muted);font-weight:750;cursor:pointer;white-space:nowrap}button:hover,button:focus-visible{background:var(--surface-strong);color:var(--ink)}button.active{background:var(--primary);color:var(--bg)}button[aria-pressed=true]{background:var(--surface-strong);color:var(--ink)}.spacer{flex:1}#feed{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:5px;padding:14px 0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--surface-strong) transparent;overscroll-behavior:contain;font-size:calc(1rem * var(--chat-scale))}.empty{margin:auto;text-align:center;display:grid;gap:8px;color:var(--muted)}.empty strong{color:var(--ink);font-size:1.25rem}.message{flex:0 0 auto;display:grid;grid-template-columns:auto minmax(0,1fr) auto;column-gap:10px;align-items:start;padding:9px 11px;border-radius:10px;background:oklch(.14 .018 210/.78);animation:enter .24s cubic-bezier(.22,1,.36,1)}.message.hidden{display:none}.platform-badge{font-size:.64rem;font-weight:900;padding:4px 7px;border-radius:5px;text-transform:uppercase;margin-top:1px}.twitch .platform-badge{background:var(--twitch);color:white}.kick .platform-badge{background:var(--kick);color:var(--bg)}.content{min-width:0;line-height:1.42;overflow-wrap:anywhere}.reply{display:block;color:var(--muted);font-size:.78em;border-radius:5px;background:oklch(.1 0 0/.5);padding:4px 7px;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.name{font-weight:900;margin-right:6px}.user-badges{display:inline-flex;gap:3px;margin-right:6px;vertical-align:middle}.user-tag{font-size:.58em;font-weight:900;color:var(--ink);background:var(--surface-strong);border-radius:4px;padding:2px 4px;text-transform:uppercase}.badge-image{width:1.15em;height:1.15em;object-fit:contain;vertical-align:middle}.text{color:var(--ink)}.emote{height:1.75em;max-width:5em;width:auto;object-fit:contain;vertical-align:middle;margin-inline:2px}.chat-link{display:inline;max-width:28ch;color:var(--primary);text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}.time{color:var(--muted);font-size:.66rem;padding-top:4px}.message.mention{background:oklch(.24 .06 78)}.message.bits{background:oklch(.21 .05 295)}.message.event{grid-template-columns:auto 1fr;background:oklch(.22 .055 78);outline:1px solid oklch(.76 .15 78/.4);padding:12px}.event-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--event);color:var(--bg);font-weight:900}.event-title{display:block;font-weight:900;color:var(--event)}.event-detail{display:block;color:var(--ink);margin-top:2px}.message.deleted{opacity:.46}.message.deleted .content,.message.deleted .event-detail{text-decoration:line-through}.message.deleted .content::after,.message.deleted .event-detail::after{content:" · removida pela moderação";color:var(--muted);font-size:.75em;text-decoration:none;display:inline-block}.compact #feed{gap:2px}.compact .message{padding:5px 8px;border-radius:6px}.compact .reply{display:none}.jump-latest{position:absolute;left:50%;bottom:58px;transform:translateX(-50%);background:var(--primary);color:var(--bg);box-shadow:0 4px 8px oklch(0 0 0/.35);z-index:2}.jump-latest[hidden]{display:none}footer{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:.76rem;padding-top:10px;border-top:1px solid oklch(.96 .01 210/.12)}.view-controls{display:flex;align-items:center;gap:3px}.view-controls button{padding:6px 8px}@keyframes enter{from{opacity:0;transform:translateY(9px);filter:blur(2px)}}@media(max-width:620px){.shell{padding:12px}header{align-items:flex-start;flex-wrap:wrap;gap:10px;padding-bottom:10px}.identity p{font-size:.8rem}.connections{width:100%;margin:0}.connections span{flex:1;text-align:center}nav{margin-inline:-12px;padding-inline:12px}.spacer{display:none}#pause{margin-left:auto}#feed{padding-block:10px}.message{grid-template-columns:auto minmax(0,1fr);padding:8px}.time{display:none}.platform-badge{font-size:.58rem}.view-controls #density{display:none}.jump-latest{bottom:52px}footer{padding-top:8px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;scroll-behavior:auto!important}}