:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;color:#f2f3ef;--page:#090b0a;--surface:#151815;--surface-hover:#202420;--line:#292e2a;--text:#f2f3ef;--muted:#a4aaa4;--quiet:#737b73;--live:#f25549;--focus:#dbf0b3;--frame-radius:6px;background:#090b0a;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--page);scroll-behavior:smooth;min-width:320px;min-height:100%}body{background:var(--page);min-width:320px;min-height:100vh;color:var(--text);margin:0}button,a{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--focus);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.6}::selection{color:#fff;background:#a83228}.site-shell{width:min(1680px,100% - 64px);min-height:100vh;margin-inline:auto}.masthead{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:68px;display:flex}.brand{color:var(--text);align-items:center;gap:18px;text-decoration:none;display:inline-flex}.brand-mark{letter-spacing:-.1em;font-size:24px;font-weight:800}.brand-live{color:var(--muted);align-items:center;gap:7px;font-size:12px;display:inline-flex}.site-watcher-count,.channel-viewer-count,.feed-viewer-count{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:inline-flex}.site-watcher-count svg,.channel-viewer-count svg,.feed-viewer-count svg{stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:15px;height:15px}.site-watcher-count{gap:7px}.live-dot{background:var(--live);border-radius:50%;flex:none;width:7px;height:7px}.layout-toggle,.audio-toggle,.retry-button{border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer;border-radius:5px;transition:background-color .14s,border-color .14s}.layout-toggle:hover,.audio-toggle:hover,.retry-button:hover{background:var(--surface-hover);border-color:#505850}.layout-toggle{justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 11px;font-size:12px;display:inline-flex}.layout-toggle svg,.audio-toggle svg{stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}main{padding:28px 0 40px}.watch-layout,.watch-stage,.quad-stage{min-width:0}.watch-layout{gap:16px;display:grid}.feed-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.feed-tile{border-radius:var(--frame-radius);background:#050605;min-width:0;overflow:hidden}.video-frame{aspect-ratio:16/9;isolation:isolate;background:#050605;position:relative;overflow:hidden}.video-frame live-video-skin{--media-accent-color:var(--live);--media-accent-text-color:#180503;--media-border-radius:var(--frame-radius);width:100%;height:100%;position:absolute;inset:0}.feed-overlay{z-index:2;pointer-events:none;background:linear-gradient(#000000ad,#0000);justify-content:space-between;align-items:flex-start;gap:16px;padding:18px;display:flex;position:absolute;inset:0 0 auto}.feed-identity{justify-items:start;gap:5px;min-width:0;display:grid}.feed-name{color:#fff;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;pointer-events:auto;background:0 0;border:0;max-width:100%;padding:0;font-size:15px;font-weight:600;overflow:hidden}.feed-name:hover{text-underline-offset:3px;text-decoration:underline}.feed-status{color:#ffffffc7;align-items:center;gap:6px;font-size:11px;display:inline-flex}.feed-meta{align-items:center;gap:10px;display:flex}.feed-viewer-count{color:#ffffffc7;gap:4px;font-size:11px}.feed-viewer-count svg{width:14px;height:14px}.status-live{color:#ffd2cc}.audio-toggle{color:#fff;pointer-events:auto;background:#0b0d0bbd;border-color:#ffffff40;flex:none;place-items:center;width:42px;min-height:42px;padding:0;display:grid}.audio-toggle:hover{background:#0b0d0bf0;border-color:#ffffff8f}.video-message,.video-error{z-index:1;color:var(--muted);text-align:center;pointer-events:none;background:#050605e0;align-content:center;justify-items:center;gap:12px;padding:24px;font-size:14px;display:grid;position:absolute;inset:0}.video-error{color:var(--text);pointer-events:auto}.video-error p{margin:0}.retry-button{border-color:#505850;min-height:40px;padding:0 14px;font-size:13px}.channel-rail{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.channel-option{min-width:0;min-height:62px;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:0;border-top:2px solid #0000;align-items:center;gap:12px;padding:0 14px;transition:color .14s,background-color .14s,border-color .14s;display:flex}.channel-option+.channel-option{border-left:1px solid var(--line)}.channel-option:hover{color:var(--text);background:#ffffff05}.channel-option.current{border-top-color:var(--live);color:var(--text)}.channel-number{color:var(--quiet);font-variant-numeric:tabular-nums;font-size:11px}.channel-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;overflow:hidden}.channel-viewer-count{color:var(--quiet);gap:4px;font-size:11px}.empty-state{text-align:center;align-content:center;justify-items:center;gap:10px;min-height:min(68vh,680px);display:grid}.empty-state h1{letter-spacing:-.055em;margin:0;font-size:clamp(24px,4vw,42px);font-weight:600}.empty-state p{max-width:42ch;color:var(--muted);margin:0;font-size:14px;line-height:1.55}.empty-state code{color:var(--text);font-size:.92em}.feed-tile.focused{outline-offset:-1px;outline:1px solid #f25549d1}@media (width<=900px){.site-shell{width:min(720px,100% - 40px)}main{padding-top:20px}.channel-option{gap:9px;padding-inline:10px}}@media (width<=560px){.site-shell{width:calc(100% - 24px)}.masthead{min-height:58px}.brand{gap:14px}.brand-mark{font-size:22px}.site-watcher-count{gap:5px;font-size:11px}.watcher-label{display:none}.layout-toggle{min-height:38px;padding-inline:9px}.layout-toggle span{font-size:11px}main{padding:14px 0 28px}.watch-layout{gap:12px}.feed-wall{grid-template-columns:1fr;gap:10px}.feed-overlay{gap:8px;padding:12px}.feed-name{font-size:13px}.audio-toggle{width:40px;min-height:40px}.channel-rail{scroll-snap-type:x proximity;scrollbar-width:thin;-webkit-overflow-scrolling:touch;border-bottom:0;display:flex;overflow-x:auto}.channel-option{scroll-snap-align:start;flex:none;min-width:176px;min-height:54px}.channel-option+.channel-option{border-left:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}