:root{--bg: #0d0d0f;--bg-2: #16161a;--line: #26262d;--line-strong: #666676;--text: #e8e8ee;--dim: #8b8b98;--accent: #53fc18;--sub: #8b7cf6;--warn: #ffb020;--bad: #ff3b5c;--fs: 1;--fs-3xs: calc(10px * var(--fs));--fs-2xs: calc(11px * var(--fs));--fs-xs: calc(12px * var(--fs));--fs-sm: calc(13px * var(--fs));--fs-md: calc(14px * var(--fs));--fs-base: calc(15px * var(--fs));--fs-lg: calc(16px * var(--fs));--fs-xl: calc(19px * var(--fs));--fs-2xl: calc(20px * var(--fs));--fs-3xl: calc(28px * var(--fs));--fs-4xl: calc(30px * var(--fs));--emote: calc(21px * var(--fs));--row-lh: 1.45}*{box-sizing:border-box}html,body,#root{height:100%;height:100dvh;margin:0}body{background:var(--bg);color:var(--text);font:var(--fs-base)/1.4 ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Noto Color Emoji","Apple Color Emoji","Segoe UI Emoji",sans-serif;-webkit-text-size-adjust:100%;overscroll-behavior:none}button,input,select,textarea{font-size:var(--fs-sm)}.app{display:flex;flex-direction:column;height:100%;position:relative}.bar{display:flex;align-items:center;gap:12px;padding:8px 12px;border-bottom:1px solid var(--line);background:var(--bg-2);flex:0 0 auto;flex-wrap:wrap}.status{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-xs);color:var(--dim);text-transform:uppercase;letter-spacing:.04em}.status-why{color:var(--bad);text-transform:none;letter-spacing:0}.status i{width:8px;height:8px;border-radius:50%;background:var(--dim)}.status--live i{background:var(--accent)}.status--connecting i{background:var(--warn);animation:pulse 1s infinite}.status--stalled i,.status--error i,.status--offline i{background:var(--bad)}@keyframes pulse{50%{opacity:.3}}.metrics{display:flex;gap:10px;margin-left:auto}.metric{display:flex;align-items:baseline;gap:4px;font-variant-numeric:tabular-nums}.metric b{font-size:var(--fs-base)}.metric small{color:var(--dim);font-size:var(--fs-2xs)}.metric-sep{align-self:center;color:var(--dim)}.metric-short{display:none}.layouts{display:flex;gap:4px}.layout-btn{min-height:44px;min-width:64px;padding:0 12px;background:transparent;color:var(--dim);border:1px solid var(--line-strong);border-radius:8px;font-size:var(--fs-sm);cursor:pointer}.layout-btn.is-on{color:var(--bg);background:var(--accent);border-color:var(--accent);font-weight:600}.layout-cycle{display:none}.layout-btn.auto.is-on{background:var(--warn)}.back{min-height:36px;padding:0 12px;flex:0 0 auto;background:transparent;color:var(--dim);border:1px solid var(--line-strong);border-radius:8px;font-size:var(--fs-sm);cursor:pointer}.back:hover{color:var(--text)}.back.aa{display:inline-flex;align-items:center;gap:6px}.aa-glyph{font-weight:700;font-size:var(--fs-sm);letter-spacing:-.02em}.back.aa.is-on{color:var(--bg);background:var(--text);border-color:var(--text)}.watching{font-weight:650;font-size:var(--fs-md)}@media(max-width:700px){.back-label{display:none}.back{padding:0 8px}.back-glyph{font-size:var(--fs-lg)}.layout-btn{display:none}.layout-cycle{display:inline-flex;align-items:center;gap:4px;min-height:32px;padding:0 10px;background:var(--bg);color:var(--text);border:1px solid var(--line-strong);border-radius:999px;font-size:var(--fs-xs);font-weight:600;cursor:pointer}.layout-cycle.is-auto{border-color:var(--warn);color:var(--warn)}.cycle-auto{font-size:var(--fs-sm)}.metric-short{display:inline}.metric-long{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.bar{flex-wrap:nowrap;gap:6px}.back,.status,.layouts{flex:0 0 auto}.metrics{flex:0 1 auto;min-width:0;overflow:hidden}.watching{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.metrics{gap:8px}}.emotebar{flex:0 0 auto;display:flex;gap:6px;align-items:stretch;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;padding:8px max(12px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));border-top:1px solid var(--line);background:var(--bg-2);scrollbar-width:thin}.emotebar-item{position:relative;flex:0 0 auto;display:flex;align-items:center;gap:6px;padding:5px 10px 7px;border-radius:8px;background:var(--bg);overflow:hidden}.emotebar-glyph{display:inline-flex;align-items:center}.emotebar-emoji{font-size:var(--fs-xl);line-height:1}.emotebar-item{white-space:nowrap}.emotebar-code{font-size:var(--fs-lg);font-weight:800;line-height:1;letter-spacing:.02em}.emotebar-chant{font-size:var(--fs-sm);font-weight:600;line-height:1.2}.emotebar-item b{font-size:var(--fs-sm);font-variant-numeric:tabular-nums;color:var(--text)}.emotebar-fill{position:absolute;left:0;bottom:0;height:2px;background:var(--accent);opacity:.65}.main{position:relative;flex:1 1 auto;display:flex;min-height:0}.feed-wrap{position:relative;flex:1 1 auto;min-width:0}.feed{height:100%}.row{padding:3px 12px;line-height:var(--row-lh);overflow-wrap:anywhere}.row--deleted{color:#8f8f9c;text-decoration:line-through}.row--deleted .user{color:#8f8f9c!important}.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.reply{display:flex;align-items:baseline;gap:4px;font-size:var(--fs-xs);color:var(--dim);min-width:0}.reply-mark{color:var(--line-strong);flex:0 0 auto}.reply-who{font-weight:650;flex:0 0 auto}.reply-who:after{content:":";font-weight:400}.reply-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badges{color:var(--dim);font-size:var(--fs-2xs);margin-right:4px;letter-spacing:1px}.user{font-weight:650;margin-right:6px}.user:after{content:":";color:var(--dim);font-weight:400}.row--hl{box-shadow:inset 3px 0 0 var(--hl-edge);background:var(--hl-bg)}.row--hl-mention,.row--hl-word{--hl-edge: var(--warn);--hl-bg: #19150d}.row--hl-reply{--hl-edge: var(--line-strong);--hl-bg: #151517}.row--hl-sub{--hl-edge: var(--sub);--hl-bg: #12101a}.row--hl-first{--hl-edge: var(--accent);--hl-bg: #0f140e}.hl-new{display:inline-block;margin-right:6px;padding:0 5px;border-radius:3px;font-size:var(--fs-3xs);text-transform:uppercase;letter-spacing:.06em;background:var(--accent);color:var(--bg);vertical-align:1px}.pick{margin:0 4px;padding:0 4px;border-radius:3px;font-size:var(--fs-2xs);background:var(--accent);color:var(--bg)}.body{color:var(--text)}.emote{width:var(--emote);height:var(--emote);aspect-ratio:1 / 1;vertical-align:middle;object-fit:contain;margin:0 1px}.count{display:inline-block;margin-left:6px;padding:0 6px;background:var(--line);color:var(--text);border-radius:999px;font-size:var(--fs-xs);font-variant-numeric:tabular-nums;animation:bump .22s ease-out}.count em{color:#a5a5b2;font-style:normal}@keyframes bump{0%{transform:scale(1.35);background:var(--accent);color:var(--bg)}}.jump{position:absolute;left:50%;bottom:14px;transform:translate(-50%);min-height:44px;padding:0 16px;background:var(--accent);color:var(--bg);font-weight:650;border:0;border-radius:999px;cursor:pointer;box-shadow:0 6px 24px #0009}.signal{flex:1 1 auto;min-width:0;overflow-y:auto;padding:12px;font-size:var(--fs-xl)}.signal h2{font-size:var(--fs-2xs);text-transform:uppercase;letter-spacing:.08em;color:var(--dim);margin:12px 0 6px}.empty{color:var(--dim);font-size:var(--fs-sm)}.question{padding:8px 10px;margin-bottom:6px;background:var(--bg-2);border-radius:10px;border-left:3px solid var(--line)}.q-text{overflow-wrap:anywhere}.q-meta{display:flex;flex-wrap:wrap;align-items:center;min-width:0;gap:8px;margin-top:4px;font-size:var(--fs-xs);color:var(--dim);overflow-wrap:anywhere}.q-who{min-width:0}.q-badges{flex:0 0 auto;color:var(--dim);letter-spacing:1px}.q-others{color:var(--dim)}.q-badge--broadcaster{color:var(--warn)}.q-badge--moderator{color:var(--accent)}.q-badge--subscriber{color:var(--sub)}.q--broadcaster{border-left-color:var(--warn)}.q--moderator{border-left-color:var(--accent)}.q--subscriber{border-left-color:var(--sub)}.q--vip,.q--og,.q--founder,.q--sub_gifter,.q--verified{border-left-color:var(--dim)}.event{display:flex;gap:8px;align-items:baseline;padding:8px 10px;margin-bottom:6px;border-radius:10px;background:var(--bg-2)}.event-kind{font-size:var(--fs-2xs);text-transform:uppercase;letter-spacing:.06em;color:var(--accent)}.event--user_banned .event-kind,.event--user_timed_out .event-kind{color:var(--bad)}.event--pinned_message .event-kind{color:var(--warn)}.event{flex-wrap:wrap}.event-count{font-size:var(--fs-xs);color:var(--dim);font-variant-numeric:tabular-nums}.event-text{flex:1 1 100%;font-size:var(--fs-sm);color:var(--dim);overflow-wrap:anywhere}.event-times{margin-left:auto;padding:0 6px;border-radius:999px;background:var(--line);color:var(--text);font-size:var(--fs-2xs);font-variant-numeric:tabular-nums}.alerts{margin-bottom:6px}.alert{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px;border-radius:10px;background:#2a1418;border-left:3px solid var(--bad)}.alert strong{color:var(--bad);letter-spacing:.06em;font-size:var(--fs-xs)}.alert span{flex:1 1 auto}.alert-dismiss{min-height:32px;padding:0 12px;background:transparent;color:var(--text);border:1px solid var(--line-strong);border-radius:8px;font-size:var(--fs-xs);cursor:pointer}.panel-top{display:flex;flex-wrap:wrap;gap:8px;align-items:stretch;margin-bottom:4px}.mood{flex:1 1 auto;min-width:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:0 8px;margin:0;padding:8px 10px;border-radius:10px;background:var(--bg-2);font-size:.87em}.mood-label{font-size:var(--fs-2xs);text-transform:uppercase;letter-spacing:.08em;color:var(--dim)}.mood-word{font-weight:650}.mood-score{margin-left:auto;color:var(--dim);font-variant-numeric:tabular-nums;font-size:var(--fs-xs)}.mood--up .mood-word{color:var(--accent)}.mood--down .mood-word{color:var(--bad)}.pace-chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;margin-left:auto;background:var(--bg-2);color:var(--text);border:1px solid var(--line-strong);border-radius:10px;font-size:var(--fs-sm);font-weight:650;cursor:pointer}.pace-label{font-size:var(--fs-2xs);font-weight:400;text-transform:uppercase;letter-spacing:.08em;color:var(--dim)}.pace--calm{border-color:var(--sub)}.pace--quick{border-color:var(--warn)}.group-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 8px}.group-fold{display:inline-flex;align-items:baseline;gap:6px;min-height:24px;padding:0;text-align:left;background:transparent;border:0;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer}.fold-mark{display:inline-block;width:10px;color:var(--dim)}.group-n{color:var(--text);letter-spacing:0}.group-wait{text-transform:none;letter-spacing:0;font-size:var(--fs-2xs);font-style:italic;color:var(--dim)}.group-clear{margin-left:auto;min-height:28px;padding:0 10px;background:transparent;color:var(--dim);border:1px solid var(--line-strong);border-radius:999px;font-size:var(--fs-2xs);text-transform:none;letter-spacing:0;cursor:pointer}.group-more{display:block;width:100%;min-height:32px;margin:-2px 0 6px;background:transparent;color:var(--dim);border:1px dashed var(--line-strong);border-radius:8px;font-size:var(--fs-xs);cursor:pointer}.q-tags{display:flex;gap:6px;margin-bottom:2px}.q-tag{font-size:var(--fs-3xs);text-transform:uppercase;letter-spacing:.07em;padding:1px 6px;border-radius:4px}.q-tag--to_streamer{background:#2d2610;color:var(--warn)}.q-tag--request{background:#142a10;color:var(--accent)}.q-acts{display:inline-flex;gap:6px;margin-left:auto}.pick-act{min-width:32px;min-height:32px;padding:0 8px;background:transparent;color:var(--dim);border:1px solid var(--line-strong);border-radius:8px;font-size:var(--fs-xs);cursor:pointer}.pick-act:hover{color:var(--text)}.pick-act--yes:hover{color:var(--bg);background:var(--accent);border-color:var(--accent)}.lang-note{margin:12px 0 0;padding:10px;border-radius:10px;background:var(--bg-2);color:var(--dim);font-size:var(--fs-sm)}.lang-note p{margin:0 0 8px}.display{position:absolute;top:0;right:0;bottom:0;z-index:8;width:380px;max-width:100%;display:flex;flex-direction:column;background:var(--bg-2);border-left:1px solid var(--line-strong);box-shadow:-12px 0 32px #0008}.ds-head{display:flex;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line)}.ds-head h2{margin:0;font-size:var(--fs-lg)}.ds-close{margin-left:auto;min-height:36px;padding:0 14px;background:var(--accent);color:var(--bg);font-weight:650;border:0;border-radius:8px;cursor:pointer}.ds-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:4px 14px 20px}.ds-body h3{margin:18px 0 8px;font-size:var(--fs-2xs);text-transform:uppercase;letter-spacing:.08em;color:var(--dim)}.ds-row{margin:0 0 12px;padding:0;border:0;min-width:0}.ds-label{display:block;margin:0 0 2px;padding:0;font-size:var(--fs-md)}.ds-hint{margin:0 0 6px;color:var(--dim);font-size:var(--fs-xs)}.ds-label+.ds-seg{margin-top:6px}.ds-seg{display:flex;border:1px solid var(--line-strong);border-radius:10px;overflow:hidden}.ds-opt{position:relative;flex:1 1 0;min-width:0;color:var(--dim);border-left:1px solid var(--line-strong);font-size:var(--fs-sm);cursor:pointer}.ds-opt:first-child{border-left:0}.ds-opt.is-on{background:var(--text);color:var(--bg);font-weight:650}.ds-opt input{position:absolute;width:1px;height:1px;margin:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.ds-opt span{display:flex;align-items:center;justify-content:center;min-height:40px;padding:0 4px;text-align:center}.ds-opt input:focus-visible+span{outline:2px solid currentColor;outline-offset:-5px;border-radius:6px}.ds-toggles{display:flex;flex-direction:column;gap:2px;margin-bottom:8px}.ds-toggle{display:flex;align-items:center;gap:12px;min-height:44px;padding:4px 0;background:transparent;border:0;color:var(--text);font-size:var(--fs-md);text-align:left;cursor:pointer}.ds-toggle small{display:block;color:var(--dim);font-size:var(--fs-xs)}.ds-switch{flex:0 0 auto;position:relative;width:38px;height:22px;border-radius:999px;background:var(--line-strong);transition:background .15s}.ds-switch i{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--text);transition:left .15s}.ds-toggle.is-on .ds-switch{background:var(--accent)}.ds-toggle.is-on .ds-switch i{left:19px;background:var(--bg)}.ds-add{display:flex;gap:6px}.ds-add input{flex:1 1 auto;min-width:0;min-height:40px;padding:0 12px;background:var(--bg);color:var(--text);border:1px solid var(--line-strong);border-radius:8px;font-size:max(16px,var(--fs-md))}.ds-add button{min-height:40px;padding:0 14px;background:transparent;color:var(--text);border:1px solid var(--line-strong);border-radius:8px;cursor:pointer}.ds-chips{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 0;padding:0;list-style:none}.ds-chip{min-height:32px;padding:0 10px;background:#2d2610;color:var(--warn);border:1px solid #5a4210;border-radius:999px;font-size:var(--fs-sm);cursor:pointer}.ds-link{min-height:36px;padding:0;background:transparent;color:var(--dim);border:0;text-decoration:underline;font-size:var(--fs-sm);cursor:pointer}.ds-link:hover{color:var(--text)}.ds-done{margin:0 0 8px;color:var(--accent);font-size:var(--fs-xs)}.display .screen-failed{margin:0;padding:20px 14px}@media(max-width:700px){.display{top:auto;left:0;width:auto;height:78%;border-left:0;border-top:1px solid var(--line-strong);border-radius:16px 16px 0 0;box-shadow:0 -12px 32px #0009}}.ticker{flex:0 0 auto;display:flex;gap:10px;align-items:center;overflow-x:auto;padding:6px 12px;border-top:1px solid var(--line);background:var(--bg-2)}.tick{display:inline-flex;align-items:center;gap:2px;flex:0 0 auto}.tick b{font-size:var(--fs-2xs);color:var(--dim)}.nudge{position:absolute;top:64px;left:50%;transform:translate(-50%);z-index:5;padding:6px 14px;background:var(--bg-2);border:1px solid var(--line);border-radius:999px;font-size:var(--fs-sm);color:var(--dim)}.fault{display:flex;gap:12px;align-items:center;padding:10px 14px;background:#2a1418;border-top:2px solid var(--bad)}.fault--hard{position:fixed;inset:0;z-index:20;flex-direction:column;justify-content:center;font-size:var(--fs-3xl);background:#1a0509f2}.fault strong{color:var(--bad);letter-spacing:.06em}.fault button{min-height:44px;padding:0 16px;margin-left:auto;background:transparent;color:var(--text);border:1px solid var(--line-strong);border-radius:8px;cursor:pointer}.fault--hard button{margin:12px 0 0}.platforms{display:flex;gap:8px;margin-bottom:20px}.platform{flex:1 1 0;display:flex;align-items:center;justify-content:center;min-height:64px;padding:12px 8px;background:var(--bg-2);color:var(--dim);border:1px solid var(--line-strong);border-radius:12px;font-size:var(--fs-sm);cursor:pointer}.platform.is-on{color:var(--text);border-color:var(--accent);background:#16211a}.platform.is-soon{opacity:.55}.platform small{font-size:var(--fs-3xs);text-transform:uppercase;letter-spacing:.06em;color:var(--dim)}.resolved{color:var(--accent)}.lookup-error{margin-top:10px}.lookup-error p{margin:0 0 4px;color:var(--bad);font-size:var(--fs-md)}.lookup-error .hint{color:var(--dim)}.fixtures button small{color:var(--dim);font-size:var(--fs-2xs);margin-left:6px}.screen-failed{max-width:460px;margin:0 auto;padding:12vh 20px}.screen-failed p{margin:0 0 12px}.screen-failed button{min-height:44px;padding:0 16px;background:transparent;color:var(--text);border:1px solid var(--line-strong);border-radius:8px;cursor:pointer}.connect{max-width:460px;margin:0 auto;padding:12vh 20px;container-type:inline-size}.connect h1{margin:0;font-size:var(--fs-4xl);letter-spacing:-.02em}.connect .wordmark{line-height:0}.connect .wordmark img{display:block;width:100%;height:auto}.sub{color:var(--dim);margin:14px 0 32px;font-size:5.93cqw}.connect form{display:flex;flex-direction:column;gap:8px}.connect label{font-size:var(--fs-sm);color:var(--dim)}.connect input{min-height:48px;padding:0 14px;background:var(--bg-2);color:var(--text);border:1px solid var(--line-strong);border-radius:10px;font-size:max(16px,var(--fs-lg))}.entry button{min-height:48px;padding:0 18px;background:var(--accent);color:var(--bg);font-weight:650;border:0;border-radius:10px;cursor:pointer}.connect button:disabled{opacity:.35;cursor:default}.entry{display:flex;gap:8px;align-items:stretch}.entry input{flex:1 1 auto;min-width:0}.entry button{flex:0 0 auto}.connect button.is-busy{animation:pulse 1.1s ease-in-out infinite}@keyframes pulse{50%{opacity:.55}}.hint{color:var(--dim);font-size:var(--fs-xs);margin-top:10px}.hint code{color:var(--text)}.fixtures{margin-top:32px}.fixtures button{background:var(--bg-2);color:var(--text);border:1px solid var(--line-strong);margin:0 6px 6px 0;min-height:44px;padding:0 14px}@media(prefers-reduced-motion:reduce){:root:not([data-motion=allow]) *,:root:not([data-motion=allow]) *:before,:root:not([data-motion=allow]) *:after{animation:none!important;transition:none!important}}:root[data-motion=reduce] *,:root[data-motion=reduce] *:before,:root[data-motion=reduce] *:after{animation:none!important;transition:none!important}.speeds{display:flex;gap:4px;margin-bottom:12px}.speed{min-width:52px;background:var(--bg-2);color:var(--dim);border:1px solid var(--line-strong)}.speed.is-on{background:var(--warn);color:var(--bg);border-color:var(--warn);font-weight:650}.warp{padding:3px 9px;border-radius:999px;font-size:var(--fs-2xs);background:#3a2a08;color:var(--warn);border:1px solid #5a4210}:focus-visible{outline:2px solid var(--text);outline-offset:2px;border-radius:4px}.crashed{max-width:640px;margin:0 auto;padding:12vh 20px}.crashed h2{margin:0 0 8px;font-size:var(--fs-2xl)}.crashed p{color:var(--dim);margin:0 0 16px}.crashed pre{padding:12px;background:var(--bg-2);border:1px solid var(--line);border-radius:10px;color:var(--bad);overflow-x:auto;font-size:var(--fs-sm)}.crashed button{min-height:44px;margin-top:12px;padding:0 16px;background:transparent;color:var(--text);border:1px solid var(--line);border-radius:8px;cursor:pointer}.auth{margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}.auth-pitch{color:var(--dim);font-size:var(--fs-sm);margin:0 0 10px}.auth-providers{display:flex;gap:8px}.auth-provider{flex:1 1 0;min-height:44px;padding:0 14px;background:var(--bg-2);color:var(--text);border:1px solid var(--line-strong);border-radius:10px;font-size:var(--fs-md);font-weight:550;cursor:pointer}.auth-provider:disabled{opacity:.5;cursor:default}.auth-who{display:flex;align-items:center;gap:10px;margin:0;font-size:var(--fs-md)}.auth-secondary{min-height:32px;padding:0 12px;margin-left:auto;background:transparent;color:var(--dim);border:1px solid var(--line-strong);border-radius:8px;font-size:var(--fs-xs);cursor:pointer}.auth-email{margin-top:14px;display:flex;flex-direction:column;gap:8px}.auth-email label{font-size:var(--fs-sm);color:var(--dim)}.auth-error{color:var(--bad)}.auth-saved{color:var(--accent)}.auth--refused p{margin:0 0 6px}.gate{margin-top:4px}.gate-lead{font-size:var(--fs-base);color:var(--text);margin:0 0 12px}.gate-why{margin-top:14px}.mod-line{margin:6px 0 0;font-size:var(--fs-xs);color:var(--dim)}.event-note{display:block;margin-top:2px;font-style:italic;color:var(--text);overflow-wrap:anywhere}