:root,[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:oklch(17% .008 250);--pn:oklch(20.5% .009 250);--pn2:oklch(24.5% .01 250);--bd:oklch(30% .01 250);--ink:oklch(93% .004 250);--mut:oklch(70% .008 250);--dim:oklch(63% .008 250);--ac:#7cff6b;--aci:oklch(22% .03 145);--lv:oklch(55% .2 25);--sa:oklch(23.5% .01 250);--sb:oklch(19.5% .009 250);--gl:#0e1218db;--glb:#ffffff24;--t0:#7cff6b;--t1:oklch(82% .11 210);--t2:oklch(86% .12 150);--t3:oklch(80% .12 30);--t4:oklch(80% .11 300);--t5:oklch(90% .004 250);--t6:oklch(82% .11 250);--lv-ink:oklch(99% .01 25);--dm-shadow:0 1px 4px #000000e6}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:oklch(95.5% .004 250);--pn:oklch(99.5% .002 250);--pn2:oklch(92.5% .005 250);--bd:oklch(86.5% .006 250);--ink:oklch(24% .012 250);--mut:oklch(46% .012 250);--dim:oklch(49.5% .012 250);--ac:oklch(54% .17 145);--aci:oklch(99% .01 145);--lv:oklch(53% .2 25);--sa:oklch(88.5% .005 250);--sb:oklch(93.5% .004 250);--gl:#ffffffe6;--glb:#00000029;--t0:oklch(50% .17 145);--t1:oklch(48% .13 235);--t2:oklch(45% .13 165);--t3:oklch(50% .16 30);--t4:oklch(47% .15 305);--t5:oklch(35% .012 250);--t6:oklch(45% .14 265);--dm-shadow:0 1px 3px #ffffffe6}html,body{background:var(--bg);margin:0;padding:0}body{-webkit-font-smoothing:antialiased}a{color:var(--ac);text-decoration:none}a:hover{text-decoration:underline}@keyframes dm-fly{0%{transform:translate(0)}to{transform:translate(-205cqw)}}@keyframes dm-pulse{0%,to{opacity:1}50%{opacity:.2}}@keyframes dm-caret{0%,49%{opacity:1}50%,to{opacity:0}}button:focus-visible,a:focus-visible,[role=slider]:focus-visible{outline:1px solid var(--ac);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ac{color:var(--ac)}.dim{color:var(--dim)}.mut{color:var(--mut)}.b{font-weight:700}.err{color:var(--lv)}.panel-title{font:inherit;margin:0;font-weight:700}.grow{flex:auto}.page{box-sizing:border-box;background:var(--bg);min-height:100vh;color:var(--ink);padding:12px;font-family:JetBrains Mono,Noto Sans SC,ui-monospace,SFMono-Regular,monospace;font-size:13px}.wrap{flex-direction:column;gap:10px;max-width:1560px;margin:0 auto;display:flex}.hd{border:1px solid var(--bd);background:var(--pn)}.topbar{border-bottom:1px solid var(--bd);background:var(--pn2);letter-spacing:.1em;color:var(--mut);align-items:center;gap:8px;padding:5px 10px;font-size:11px;display:flex}.topbar:last-child{border-bottom:0}.topbar-home,.topbar-home:hover{color:inherit;text-decoration:none}.text-btn{cursor:pointer;color:inherit;font:inherit;letter-spacing:inherit;background:0 0;border:0;padding:0}.text-btn:hover{color:var(--ink)}.chan{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px;display:flex}.chan-id{align-items:center;gap:10px;min-width:0;display:flex}.avatar{background:var(--ac);width:34px;height:34px;color:var(--aci);flex:none;place-items:center;font-size:15px;font-weight:700;display:grid}.chan-text{flex-direction:column;gap:2px;min-width:0;display:flex}.chan-name-row{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.chan-name{margin:0;font-size:15px;font-weight:700}.chan-handle{color:var(--dim);font-size:11px}.chan-title{color:var(--mut);text-wrap:pretty;overflow-wrap:anywhere;font-size:12px}.chan-meta{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.pill{letter-spacing:.12em;align-items:center;gap:6px;padding:6px 9px;font-size:11px;font-weight:700;display:flex}.pill[data-status=live]{background:var(--lv);color:var(--lv-ink)}.pill[data-status=soon]{background:var(--ac);color:var(--aci)}.pill[data-status=ended]{background:var(--pn2);color:var(--mut)}.pill-dot{background:currentColor;width:6px;height:6px;animation:1.6s step-end infinite dm-pulse}.viewers{border:1px solid var(--bd);align-items:center;gap:8px;padding:6px 10px;font-size:11px;display:flex}.btn-ghost{cursor:pointer;border:1px solid var(--bd);color:var(--mut);background:0 0;padding:6px 9px;font-family:inherit;font-size:11px}.btn-ghost:hover{color:var(--ink);border-color:var(--ac)}.main{flex-wrap:wrap;align-items:stretch;gap:10px;display:flex}.stage{box-sizing:border-box;aspect-ratio:16/9;border:1px solid var(--bd);background-color:var(--sb);background-image:repeating-linear-gradient(0deg, var(--sa) 0 1px, transparent 1px 9px), repeating-linear-gradient(90deg, var(--sa) 0 1px, transparent 1px 9px);flex:4 560px;min-width:min(100%,480px);position:relative;overflow:hidden;container-type:inline-size}.stage:fullscreen{aspect-ratio:auto;border:0;width:100%;min-width:0;height:100%}.stage-video{object-fit:contain;z-index:1;width:100%;height:100%;display:block;position:absolute;inset:0}.stage-ph{text-align:center;z-index:2;place-items:center;display:grid;position:absolute;inset:0}.stage-ph-text{color:var(--dim);letter-spacing:.14em;font-size:11px;line-height:2.2}.dm-layer{pointer-events:none;z-index:3;height:62%;position:absolute;top:0;left:0;right:0;overflow:hidden}.dm{white-space:nowrap;text-shadow:var(--dm-shadow);will-change:transform;font-family:JetBrains Mono,Noto Sans SC,monospace;font-weight:700;animation-name:dm-fly;animation-timing-function:linear;animation-fill-mode:forwards;position:absolute;left:100%}.tone-0{color:var(--t0)}.tone-1{color:var(--t1)}.tone-2{color:var(--t2)}.tone-3{color:var(--t3)}.tone-4{color:var(--t4)}.tone-5{color:var(--t5)}.tone-6{color:var(--t6)}.bar{z-index:5;background:var(--gl);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--glb);flex-wrap:nowrap;align-items:center;gap:1em;padding:.75em .9em;font-size:clamp(8px,1.7cqw,10.5px);display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.vol{color:var(--mut);letter-spacing:-.04em;white-space:nowrap;flex:none}.vol .text-btn:hover{color:var(--ink)}.vol-meter{cursor:pointer}.vol-cell.is-on{color:var(--ink)}.vol-unmute{color:var(--ac);letter-spacing:0}.vol-unmute:hover{color:var(--ac);text-decoration:underline}.stats{color:var(--mut);white-space:nowrap;text-overflow:ellipsis;flex:0 auto;min-width:0;overflow:hidden}.bar-btns{flex:none;align-items:center;gap:.6em;display:flex}.bar-btn{cursor:pointer;border:1px solid var(--glb);color:var(--ink);background:0 0;padding:.3em .7em;font-family:inherit;font-size:1em}.bar-btn:hover{border-color:var(--ac)}.bar-btn[aria-pressed=false]{color:var(--dim)}.offline{z-index:6;background:var(--gl);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:center;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.offline-inner{flex-direction:column;align-items:center;gap:8px;display:flex}.offline-title{letter-spacing:.04em;font-size:20px;font-weight:700}.offline-sub{color:var(--mut);font-size:12px}.aside{box-sizing:border-box;border:1px solid var(--bd);background:var(--pn);flex-direction:column;flex:330px;min-width:min(100%,290px);display:flex;overflow:hidden}.panel-head{border-bottom:1px solid var(--bd);background:var(--pn2);letter-spacing:.1em;align-items:center;gap:8px;padding:6px 10px;font-size:11px;display:flex}.chips{border-bottom:1px solid var(--bd);flex-wrap:wrap;align-items:center;gap:4px;margin:0;padding:9px 10px;font-size:10.5px;list-style:none;display:flex}.chip{border:1px solid var(--bd);color:var(--ink);padding:2px 5px}.chip-mod{background:var(--ac);color:var(--aci);padding:2px 5px;font-weight:700}.chip-more{border:1px dashed var(--bd);color:var(--mut);padding:2px 5px}.chips-empty{color:var(--dim);border:1px solid #0000;padding:2px 0}.chat-list{scrollbar-width:thin;scrollbar-color:var(--bd) transparent;flex:auto;min-height:230px;max-height:520px;padding:7px 10px;overflow-y:auto}@media (width>=924px){.stage{align-self:flex-start}.aside{contain:size}.chat-list{min-height:0;max-height:none}}.msg{text-wrap:pretty;overflow-wrap:anywhere;padding:5px 0;font-size:12.5px;line-height:1.5}.msg-name{font-weight:500}.msg-text{color:var(--mut)}.msg.is-mine .msg-name{color:var(--ac)}.msg.is-mine .msg-text{color:var(--ink)}.msg-mod{color:var(--ac);font-size:10.5px;font-weight:700}.msg-sys,.msg-sys .msg-text{color:var(--dim)}.chat-input-row{border-top:1px solid var(--bd);background:var(--pn2);align-items:center;gap:7px;padding:8px 10px;display:flex}.nick{border:none;border-bottom:1px dashed var(--bd);color:var(--ac);field-sizing:content;background:0 0;outline:none;flex:none;width:auto;min-width:3ch;max-width:9ch;padding:0 1px;font-family:inherit;font-size:12px;font-weight:700}.nick:focus{border-bottom-color:var(--ac)}.nick[readonly]{cursor:default;border-bottom-color:#0000}.prompt{color:var(--ac);flex:none;font-weight:700}.chat-text{min-width:0;color:var(--ink);background:0 0;border:none;outline:none;flex:auto;padding:4px 0;font-family:inherit;font-size:12.5px}.chat-text::placeholder,.field-input::placeholder{color:var(--dim);opacity:1}.chat-text:focus-visible{box-shadow:inset 0 -1px 0 var(--ac)}.btn-accent{cursor:pointer;border:1px solid var(--ac);color:var(--ac);background:0 0;flex:none;padding:5px 10px;font-family:inherit;font-size:11.5px;font-weight:700}.btn-accent:hover:not(:disabled){background:var(--ac);color:var(--aci)}.btn-accent:disabled{cursor:default;opacity:.6}.panel{border:1px solid var(--bd);background:var(--pn);box-sizing:border-box;width:100%;margin:12vh auto 0}.term{max-width:560px}.term-body{overflow-wrap:anywhere;flex-direction:column;gap:4px;padding:12px 10px 14px;font-size:12.5px;line-height:1.5;display:flex}.term-actions{flex-wrap:wrap;gap:10px;margin-top:8px;font-size:11.5px;display:flex}.caret{vertical-align:text-bottom;background:var(--ac);width:.6em;height:1.1em;margin-left:.3em;animation:1s step-end infinite dm-caret;display:inline-block}.login{max-width:360px}.login-body{flex-direction:column;gap:14px;padding:14px 10px 12px;display:flex}.field{flex-direction:column;gap:4px;display:flex}.field-label{letter-spacing:.1em;color:var(--dim);font-size:11px}.field-input{border:none;border-bottom:1px dashed var(--bd);color:var(--ink);background:0 0;border-radius:0;outline:none;padding:4px 1px;font-family:inherit;font-size:12.5px}.field-input:focus{border-bottom-color:var(--ac)}.login-err{color:var(--lv);font-size:12px}.login-actions{justify-content:space-between;align-items:center;gap:8px;font-size:11.5px;display:flex}.link-dim,.link-dim:hover{color:var(--mut)}@media (prefers-reduced-motion:reduce){.dm-layer{display:none}.pill-dot,.caret{animation:none}}.chat-list:focus-visible{outline:1px solid var(--ac);outline-offset:-1px}