:root{color-scheme:dark;--bg: #0d0d0f;--surface: #17171a;--border: #2a2a30;--text: #f3f3f5;--muted: #9b9ba8;--accent: #9146ff;--kick: #53fc18;--youtube: #ff0033;--tiktok: #fe2c55;--danger: #ff5d5d;--status-live: #3ddc84;--toolbar-open-height: 30px;--toast-dock-height: 38px;--radius: 10px;--grid-columns: 2}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font:14px/1.4 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden;-webkit-text-size-adjust:100%}.seo-landing,.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}.seo-landing a{color:inherit}#app{min-height:100vh;max-height:100vh;display:flex;flex-direction:column;overflow:hidden}.toolbar{flex-shrink:0;display:flex;flex-direction:column;gap:4px;padding:10px 16px 8px;border-bottom:1px solid var(--border);background:var(--surface)}.toolbar__row{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px}.toolbar__title{margin:0;flex:0 0 auto;font-size:1.1rem;font-weight:650;letter-spacing:.02em}.toolbar__brand{color:inherit;text-decoration:none}.toolbar__brand:hover{color:color-mix(in srgb,var(--accent) 80%,white)}.toolbar__party-status{display:flex;align-items:center;gap:8px;margin:0;padding:2px 0 0;color:var(--muted, #9b9ba8);font-size:.82rem}.toolbar__party-status[hidden]{display:none}.toolbar__party-dot{width:8px;height:8px;border-radius:50%;background:#ff5d5d;box-shadow:0 0 #ff5d5db3;animation:party-pulse 1.6s ease-out infinite}html.watch-party-viewer .toolbar__party-dot{background:#53fc18;box-shadow:0 0 #53fc188c}@keyframes party-pulse{0%{box-shadow:0 0 #ff5d5d8c}70%{box-shadow:0 0 0 6px #ff5d5d00}to{box-shadow:0 0 #ff5d5d00}}html.watch-party-viewer .toolbar__form,html.watch-party-viewer #clear-streams,html.watch-party-viewer .stream-card__close,html.watch-party-viewer .stream-card__overlay-remove,html.watch-party-viewer .stream-card__ipad-close,html.watch-party-viewer .stream-card__overlay-drag{display:none}.toolbar__form{display:flex;flex:0 1 auto;gap:8px;min-width:0;align-items:center}.toolbar__input-wrap{position:relative;flex:0 1 auto;min-width:0}.toolbar__suggestions{position:absolute;z-index:40;top:calc(100% + 4px);left:0;right:0;min-width:min(360px,88vw);display:flex;flex-direction:column;gap:2px;padding:4px;border:1px solid var(--border);border-radius:10px;background:color-mix(in srgb,var(--surface) 96%,black);box-shadow:0 10px 28px #00000059}.toolbar__suggestions[hidden]{display:none}.toolbar__suggestion{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0;padding:9px 10px;border:0;border-radius:8px;background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer}.toolbar__suggestion--active,.toolbar__suggestion:hover,.toolbar__suggestion:focus-visible{background:color-mix(in srgb,var(--text) 8%,transparent);outline:none}.toolbar__suggestion-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toolbar__suggestion-label strong{font-weight:700}.toolbar__suggestion-platform{flex:0 0 auto;padding:2px 8px;border-radius:999px;font-size:.68rem;font-weight:750;letter-spacing:.04em}.toolbar__suggestion-platform--twitch{background:color-mix(in srgb,var(--accent) 28%,transparent);color:#e6d4ff}.toolbar__suggestion-platform--kick{background:color-mix(in srgb,var(--kick) 22%,transparent);color:#c8ffb0}.toolbar__suggestion-platform--youtube{background:color-mix(in srgb,var(--youtube) 22%,transparent);color:#ffb8c2}.toolbar__suggestion-platform--tiktok{background:color-mix(in srgb,var(--tiktok) 22%,transparent);color:#ffb8c8}.toolbar__mobile-note,.toolbar__ipad-note{display:none;margin:0;padding:0 2px 2px;color:var(--muted);font-size:.72rem;line-height:1.35}.site-intro__mobile-limit,.site-intro__ipad-limit{color:var(--muted)}.toolbar__form input{display:block;box-sizing:border-box;width:min(260px,36vw);max-width:280px;min-width:0;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font-size:16px}.toolbar__form input:focus{outline:2px solid color-mix(in srgb,var(--accent) 55%,transparent);outline-offset:1px}.toolbar__form input.toolbar__input--error{border-color:var(--danger)}@property --beam-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes beam-spin{to{--beam-angle: 360deg}}.toolbar__form>button[type=submit]{position:relative;flex:0 0 auto;padding:10px 16px;border:0;border-radius:8px;background:var(--accent);box-shadow:0 0 14px color-mix(in srgb,#c084fc 45%,transparent);color:#fff;font-weight:600;cursor:pointer}.toolbar__form>button[type=submit]:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;padding:2px;border-radius:10px;background:conic-gradient(from var(--beam-angle),transparent 0deg 198deg,#a78bfa 252deg,#c084fc 295deg,#e879f9 331deg,transparent 360deg),linear-gradient(color-mix(in srgb,var(--accent) 30%,transparent) 0,color-mix(in srgb,var(--accent) 30%,transparent) 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none;animation:beam-spin 2.4s linear infinite}.toolbar__form>button[type=submit]:hover{background:color-mix(in srgb,var(--accent) 88%,white)}@media(prefers-reduced-motion:reduce){.toolbar__form>button[type=submit]:after{animation:none}}.toolbar__actions{display:flex;flex:0 0 auto;align-items:center;gap:6px;margin-left:auto;min-width:0}.toolbar__icon-btn[hidden]{display:none}.toolbar__icon-btn{display:inline-flex;flex:0 0 auto;align-items:center;gap:0;max-width:42px;overflow:hidden;margin:0;padding:9px 11px;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--text);font:inherit;font-weight:600;cursor:pointer;white-space:nowrap;transition:max-width .18s ease,gap .18s ease,background .15s ease}.toolbar__icon-btn:hover,.toolbar__icon-btn:focus-visible{max-width:180px;gap:8px;background:color-mix(in srgb,var(--text) 8%,transparent);outline:none}.toolbar__icon-btn[aria-pressed=true]{background:color-mix(in srgb,var(--accent) 18%,transparent);border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.toolbar__icon-btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.toolbar__icon{flex:0 0 auto;display:block}.toolbar__icon-btn-label{flex:0 1 auto;max-width:0;overflow:hidden;opacity:0;font-size:.84rem;transition:max-width .18s ease,opacity .15s ease}.toolbar__icon-btn:hover .toolbar__icon-btn-label,.toolbar__icon-btn:focus-visible .toolbar__icon-btn-label{max-width:120px;opacity:1}.toolbar__share-menu-wrap{position:relative;flex:0 0 auto}.toolbar__share-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:20;display:flex;flex-direction:column;min-width:200px;padding:6px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 12px 32px #00000073}.toolbar__share-menu[hidden],.toolbar__share-menu-item[hidden]{display:none}.toolbar__share-menu-item{padding:9px 10px;border:none;border-radius:6px;background:transparent;color:var(--text);font:inherit;font-size:.88rem;text-align:left;cursor:pointer}.toolbar__share-menu-item:hover,.toolbar__share-menu-item:focus-visible{background:color-mix(in srgb,var(--text) 8%,transparent);outline:none}.main-layout{position:relative;flex:1;display:flex;align-items:stretch;min-width:0;min-height:0}.main-layout__streams{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;width:100%}.stream-area{position:relative;flex:1;display:flex;flex-direction:column;min-width:0;min-height:0}.stream-area:has(#empty-state:not([hidden])){min-height:clamp(220px,45vh,640px)}.stream-grid{flex:1;display:grid;grid-template-columns:repeat(var(--grid-columns, 1),minmax(0,var(--player-width, 1fr)));grid-auto-flow:row dense;gap:12px;padding:12px;align-content:center;justify-content:center;min-width:0;min-height:0;width:100%;overflow:hidden}.stream-grid[data-has-portrait="1"]{grid-auto-rows:var(--grid-row-height, var(--player-height, auto))}.stream-grid[data-focus-id]{grid-template-columns:minmax(0,var(--player-width, 1fr));align-content:center;justify-content:center;justify-items:center;height:100%}.stream-grid[data-focus-id][data-has-kick="1"]{grid-template-columns:minmax(0,var(--player-width, 1fr))}html.stream-focused .stream-card__header{cursor:default;touch-action:auto}.chat-panel{position:relative;flex-shrink:0;width:min(340px,34vw);display:flex;flex-direction:column;border-left:1px solid var(--border);background:var(--surface);min-height:0}.chat-panel[hidden]{display:none!important}.chat-panel__header{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--border)}.chat-panel__label{flex:0 0 auto;font-size:.82rem;font-weight:650;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.chat-panel__select{flex:1;min-width:0;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font:inherit;font-size:16px}.chat-panel__select:focus{outline:2px solid color-mix(in srgb,var(--accent) 55%,transparent);outline-offset:1px}.chat-panel__body{flex:1;min-height:0;display:flex;overflow:hidden}.chat-panel__iframe{flex:1;width:100%;min-height:280px;border:0}.chat-panel__kick{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.chat-panel__kick[hidden]{display:none!important}.chat-panel__kick-empty{margin:auto;padding:24px 20px;max-width:260px;text-align:center;color:var(--muted);line-height:1.55}.chat-panel__kick-empty[hidden]{display:none}.chat-panel__kick-list{flex:1;min-height:0;overflow-y:auto;padding:10px 12px 16px;display:flex;flex-direction:column;gap:8px}.chat-panel__kick-msg{font-size:.82rem;line-height:1.45;word-break:break-word}.chat-panel__kick-reply{margin:0 0 2px;color:var(--muted);font-size:.75rem}.chat-panel__kick-line{display:block}.chat-panel__kick-badge{display:inline-block;margin-right:4px;padding:0 5px;border-radius:4px;background:color-mix(in srgb,var(--accent) 18%,var(--surface));color:var(--text);font-size:.68rem;font-weight:650;letter-spacing:.02em;vertical-align:middle}.chat-panel__kick-user{font-weight:700}.chat-panel__kick-emote{height:1.35em;width:auto;vertical-align:middle}.chat-panel__kick-composer[hidden]{display:none!important}.chat-panel__message{margin:auto;padding:24px 20px;max-width:260px;text-align:center;color:var(--muted);line-height:1.55}.stream-card{display:flex;flex-direction:column;width:100%;min-width:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;container-type:inline-size;container-name:stream-card}.stream-grid[data-has-kick="1"]{grid-template-columns:repeat(var(--grid-columns, 1),minmax(var(--kick-col-min, var(--player-width, 0px)),var(--player-width, 1fr)))}.stream-card__header{display:flex;position:relative;flex-wrap:nowrap;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid var(--border);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.stream-card__header:active{cursor:grabbing}.stream-card--ghost{opacity:.25}.stream-card--chosen{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 55%,transparent);outline:none}.stream-card--drag{opacity:.92}.stream-grid.is-dragging .stream-card__player,.stream-grid.is-dragging .stream-card__iframe,.stream-grid.is-dragging iframe,.stream-grid.is-dragging video{pointer-events:none!important}html.headers-hidden .stream-grid.is-dragging .stream-card:not(.stream-card--chosen):not(.stream-card--drag) .stream-card__toolbar{opacity:.35!important;pointer-events:none}.stream-card__controls{flex:0 0 auto;display:flex;gap:6px}.stream-card__theater,.stream-card__focus,.stream-card__reload,.stream-card__close{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--muted);font-size:1.15rem;line-height:1;cursor:pointer}.stream-card__theater:hover,.stream-card__focus:hover{color:var(--text);border-color:color-mix(in srgb,var(--accent) 45%,var(--border));background:color-mix(in srgb,var(--accent) 12%,transparent)}.stream-card__theater[aria-pressed=true],.stream-card__focus[aria-pressed=true]{color:#d5b8ff;border-color:color-mix(in srgb,var(--accent) 55%,var(--border));background:color-mix(in srgb,var(--accent) 20%,transparent)}.stream-card__theater[hidden],.stream-card__focus[hidden]{display:none!important}.stream-card__theater svg,.stream-card__focus svg,.stream-card__reload svg{display:block}.stream-card__close{font-size:1.15rem}.stream-card__close:hover{color:#ffb4b4;border-color:color-mix(in srgb,var(--danger) 40%,var(--border));background:color-mix(in srgb,var(--danger) 12%,transparent)}.stream-card.is-focused .stream-card__close:hover{color:var(--text);border-color:color-mix(in srgb,var(--accent) 45%,var(--border));background:color-mix(in srgb,var(--accent) 12%,transparent)}.stream-card__mute-btn{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--muted);line-height:0;cursor:pointer}.stream-card__mute-btn svg{display:block}.stream-card__mute-btn:hover:not(:disabled){color:var(--text);border-color:color-mix(in srgb,var(--accent) 45%,var(--border));background:color-mix(in srgb,var(--accent) 12%,transparent)}.stream-card__mute-btn[aria-pressed=false]{color:var(--danger)}.stream-card__mute-btn[aria-pressed=false]:hover:not(:disabled){color:var(--danger)}.stream-card__mute-btn:focus-visible{outline:none;border-color:color-mix(in srgb,var(--accent) 70%,white);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 45%,transparent)}.stream-card__youtube-volume-slider{flex:1 1 auto;width:auto;min-width:0;height:22px;margin:0;accent-color:var(--youtube);cursor:pointer}.stream-card__mute-btn:disabled,.stream-card__youtube-volume-slider:disabled{opacity:.4;cursor:default}.stream-card__volume-control{position:relative;flex:0 0 auto;display:inline-flex;align-items:center}.stream-card__youtube-volume-panel{display:none;position:absolute;z-index:30;top:0;right:100%;margin-right:6px;align-items:center;height:26px;width:96px;min-width:0;padding:0 8px;border:1px solid var(--border);border-radius:6px;background:color-mix(in srgb,var(--surface) 96%,black);box-shadow:0 8px 20px #00000059}.stream-card__header.is-volume-mode .stream-card__youtube-volume-panel,.stream-card__toolbar.is-volume-mode .stream-card__youtube-volume-panel{display:flex}.stream-card__player{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;overflow:hidden}html.headers-hidden .stream-card__header{display:none}html.headers-hidden.stream-focused .stream-card.is-focused .stream-card__header{display:flex}html.stream-focused .stream-card__toolbar{display:none!important}html.headers-hidden .stream-grid:not([data-view-mode=focus]):not([data-view-mode=theater]) .stream-card{display:flex;flex-direction:column;height:var(--player-height, auto);overflow:hidden}html.headers-hidden .stream-grid:not([data-view-mode=focus]):not([data-view-mode=theater]) .stream-card[data-orientation=portrait]{height:auto}html.headers-hidden .stream-grid:not([data-view-mode=focus]):not([data-view-mode=theater]):not(:empty) .stream-card__player{flex:1 1 auto;width:100%;min-height:0;height:auto!important;aspect-ratio:unset}html.headers-hidden .stream-grid:not([data-view-mode=focus]):not([data-view-mode=theater]) .stream-card--kick:not(.is-focused):hover .stream-card__iframe,html.headers-hidden .stream-grid:not([data-view-mode=focus]):not([data-view-mode=theater]) .stream-card--kick:not(.is-focused):focus-within .stream-card__iframe{transform:translate(-50%,-50%) scale(min(var(--kick-scale, 1),calc((var(--player-height, 9999px) - var(--toolbar-open-height)) / (var(--kick-render-width) * 9 / 16))))}html.headers-hidden .stream-grid[data-view-mode=focus] .stream-card:not(.is-focus-primary) .stream-card__player{transition:height .15s ease}html.headers-hidden .stream-grid[data-view-mode=focus] .stream-card:not(.is-focus-primary):hover .stream-card__player,html.headers-hidden .stream-grid[data-view-mode=focus] .stream-card:not(.is-focus-primary):focus-within .stream-card__player{height:calc(var(--focus-tray-height, 0px) - var(--toolbar-open-height));aspect-ratio:unset}html.headers-hidden .stream-grid[data-view-mode=focus] .stream-card--kick:not(.is-focus-primary):hover .stream-card__iframe,html.headers-hidden .stream-grid[data-view-mode=focus] .stream-card--kick:not(.is-focus-primary):focus-within .stream-card__iframe{transform:translate(-50%,-50%) scale(min(var(--kick-scale, 1),calc((var(--focus-tray-height, 9999px) - var(--toolbar-open-height)) / (var(--kick-render-width) * 9 / 16))))}.stream-card__toolbar{display:none;flex:0 0 auto;align-items:center;position:relative;justify-content:space-between;gap:8px;box-sizing:border-box;height:0;min-height:0;max-height:0;padding:0 8px;margin:0;overflow:hidden;opacity:0;border:0;background:color-mix(in srgb,var(--surface) 94%,black);transition:height .15s ease,max-height .15s ease,min-height .15s ease,opacity .15s ease,border-width .15s ease}html.headers-hidden .stream-card__toolbar{display:flex}html.headers-hidden .stream-card:hover .stream-card__toolbar,html.headers-hidden .stream-card:focus-within .stream-card__toolbar{height:var(--toolbar-open-height);min-height:var(--toolbar-open-height);max-height:var(--toolbar-open-height);opacity:1;border-top:1px solid var(--border)}html.headers-hidden .stream-card__toolbar.is-volume-mode{height:var(--toolbar-open-height);min-height:var(--toolbar-open-height);max-height:var(--toolbar-open-height);opacity:1;border-top:1px solid var(--border)}.stream-card__name-badge{display:flex;align-items:center;gap:6px;min-width:0;flex:1 1 auto;padding:0;background:transparent;opacity:1}.stream-card__name-badge-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;background:var(--muted);color:var(--muted)}.stream-card__name-badge-dot--pulse{box-shadow:0 0 6px currentColor;animation:stream-card-live-pulse 2s infinite}.stream-card__name-badge-dot--live{background:var(--accent);color:var(--accent)}.stream-card__name-badge-dot--offline,.stream-card__name-badge-dot--unavailable{background:var(--muted);color:var(--muted)}.stream-card__name-badge-dot--not_found{background:var(--danger);color:var(--danger)}.stream-card--kick .stream-card__name-badge-dot{background:var(--kick);color:var(--kick)}.stream-card--youtube .stream-card__name-badge-dot{background:var(--youtube);color:var(--youtube)}@keyframes stream-card-live-pulse{0%,to{opacity:1}50%{opacity:.5}}@media(prefers-reduced-motion:reduce){.stream-card__name-badge-dot--pulse{animation:none}}.stream-card__name-badge-channel{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;font-weight:700;color:var(--text);letter-spacing:.2px}.stream-card__name-badge-platform{flex:0 0 auto;font-size:.6rem;font-weight:800;padding:2px 5px;border-radius:4px;letter-spacing:.5px}.stream-card__name-badge-platform--twitch{background:var(--accent);color:#fff}.stream-card__name-badge-platform--kick{background:var(--kick);color:#000}.stream-card__name-badge-platform--youtube{background:var(--youtube);color:#fff}.stream-card__name-badge-platform--tiktok{background:var(--tiktok);color:#fff}.stream-card__name-badge-experimental{flex:0 0 auto;font-size:.6rem;font-weight:600;padding:2px 5px;border-radius:4px;letter-spacing:.3px;color:var(--muted);border:1px solid var(--border)}.stream-card__name-badge-meta{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;color:var(--muted)}@container stream-card (max-width: 340px){.stream-card__name-badge-meta{display:none}}.stream-card__overlay-controls{flex:0 0 auto;display:none;gap:6px}html.headers-hidden .stream-card__overlay-controls{display:flex}.stream-card__overlay-drag,.stream-card__overlay-theater,.stream-card__overlay-focus,.stream-card__overlay-reload,.stream-card__overlay-remove{display:flex;align-items:center;justify-content:center;width:26px;height:26px;margin:0;padding:0;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--text);font:inherit;line-height:0;cursor:pointer;touch-action:manipulation}.stream-card__overlay-drag{cursor:grab;touch-action:none}.stream-card__overlay-drag:active{cursor:grabbing}.stream-card__overlay-drag svg,.stream-card__overlay-theater svg,.stream-card__overlay-focus svg,.stream-card__overlay-reload svg,.stream-card__overlay-remove svg{display:block;width:16px;height:16px;flex:0 0 auto}.stream-card__overlay-drag:hover,.stream-card__overlay-drag:focus-visible,.stream-card__overlay-theater:hover,.stream-card__overlay-theater:focus-visible,.stream-card__overlay-focus:hover,.stream-card__overlay-focus:focus-visible,.stream-card__overlay-reload:hover,.stream-card__overlay-reload:focus-visible,.stream-card__overlay-remove:hover,.stream-card__overlay-remove:focus-visible{background:color-mix(in srgb,var(--text) 8%,transparent);outline:none}.stream-card__overlay-drag:focus-visible,.stream-card__overlay-theater:focus-visible,.stream-card__overlay-focus:focus-visible,.stream-card__overlay-reload:focus-visible,.stream-card__overlay-remove:focus-visible{border-color:color-mix(in srgb,var(--accent) 70%,white);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 45%,transparent)}.stream-card__overlay-theater[aria-pressed=true],.stream-card__overlay-focus[aria-pressed=true]{border-color:color-mix(in srgb,var(--accent) 55%,white);background:color-mix(in srgb,var(--accent) 28%,transparent)}.stream-card__overlay-remove{color:var(--muted)}.stream-card__overlay-remove:hover,.stream-card__overlay-remove:focus-visible{color:var(--danger)}.stream-card__ipad-close{position:absolute;z-index:40;top:8px;right:8px;display:none;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border:1px solid color-mix(in srgb,var(--text) 22%,var(--border));border-radius:50%;background:color-mix(in srgb,var(--surface) 70%,transparent);color:var(--muted);box-shadow:0 1px 4px #00000040;opacity:.45;cursor:pointer;transition:opacity .14s ease}.stream-card__ipad-close:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px}.stream-card__ipad-close:hover,.stream-card__ipad-close:focus-visible,.stream-card__ipad-close:active{opacity:1;color:var(--text);border-color:color-mix(in srgb,var(--text) 65%,var(--border));background:color-mix(in srgb,var(--surface) 96%,black)}.stream-card__ipad-close svg{display:block;width:14px;height:14px}html.ipad-device .stream-card{position:relative}html.ipad-device .stream-card__header,html.ipad-device .stream-card__toolbar{display:none!important}html.ipad-device .stream-card__ipad-close{display:inline-flex}html.ipad-device.watch-party-viewer .stream-card__ipad-close{display:none}.stream-grid:not(:empty):not([data-view-mode=focus]):not([data-view-mode=theater]) .stream-card__player{aspect-ratio:unset;height:var(--player-height, auto)}.stream-grid[data-focus-id] .stream-card:not(.is-focused){display:none}.stream-grid[data-focus-id] .stream-card.is-focused{width:min(100%,var(--player-width, 100%));max-width:var(--player-width, 100%);height:auto;max-height:100%;min-height:0;display:flex;flex-direction:column}.stream-grid[data-focus-id] .stream-card.is-focused .stream-card__player{flex:0 0 auto;width:100%;height:var(--player-height, auto);min-height:0}html.headers-hidden .stream-grid[data-focus-id] .stream-card.is-focused{height:auto;overflow:hidden}html.headers-hidden .stream-grid[data-focus-id] .stream-card.is-focused .stream-card__player{flex:0 0 auto;height:var(--player-height, auto)!important;min-height:0}.stream-grid:not([data-view-mode=focus]):not([data-view-mode=theater]) .stream-card[data-orientation=portrait]{grid-row:span var(--portrait-row-span, 2)}.stream-grid:not([data-view-mode=focus]):not([data-view-mode=theater]) .stream-card[data-orientation=portrait] .stream-card__player{flex:1 1 auto;min-height:0;height:auto;aspect-ratio:unset}.stream-grid:not([data-view-mode=focus]):not([data-view-mode=theater]) .stream-card[data-orientation=portrait] .stream-card__iframe{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:var(--portrait-content-width, 100%);height:var(--portrait-content-height, 100%)}.stream-grid:not([data-view-mode=focus]):not([data-view-mode=theater]) .stream-card[data-orientation=portrait] .stream-card__tiktok-wrap{top:0;right:0;bottom:0;left:0;margin:0;width:100%;height:100%}.stream-grid[data-view-mode=focus],.stream-grid[data-view-mode=focus][data-has-kick="1"]{grid-template-columns:repeat(calc(var(--focus-tray-count, 1) * 2),calc((var(--focus-tray-column-width, 306px) - 12px) / 2));grid-template-rows:auto;grid-auto-rows:var(--focus-tray-row-height, auto);grid-auto-flow:row;align-content:start;justify-content:center;overflow:hidden}.stream-grid[data-view-mode=focus] .stream-card:not(.is-focus-primary){grid-column:span 2;width:100%;align-self:start}.stream-grid[data-view-mode=focus] .stream-card[data-orientation=portrait]:not(.is-focus-primary){width:calc(var(--focus-tray-height, 0px) * 9 / 16);justify-self:center}.stream-grid[data-view-mode=focus] .stream-card:not(.is-focus-primary) .stream-card__theater,.stream-grid[data-view-mode=focus] .stream-card:not(.is-focus-primary) .stream-card__focus,.stream-grid[data-view-mode=focus] .stream-card:not(.is-focus-primary) .stream-card__overlay-theater,.stream-grid[data-view-mode=focus] .stream-card:not(.is-focus-primary) .stream-card__overlay-focus{display:none}html.ipad-device .stream-grid[data-view-mode=theater] .stream-card.is-focus-primary .stream-card__theater,html.ipad-device .stream-grid[data-view-mode=theater] .stream-card.is-focus-primary .stream-card__focus,html.ipad-device .stream-grid[data-view-mode=theater] .stream-card.is-focus-primary .stream-card__overlay-theater,html.ipad-device .stream-grid[data-view-mode=theater] .stream-card.is-focus-primary .stream-card__overlay-focus{display:none}.stream-grid[data-view-mode=focus] .stream-card:not(.is-focus-primary) .stream-card__header{cursor:pointer}.stream-grid[data-view-mode=focus] .stream-card:not(.is-focus-primary) .stream-card__header:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.stream-grid[data-view-mode=focus] .stream-card:not(.is-focus-primary) .stream-card__player{width:100%;height:auto;aspect-ratio:16 / 9}.stream-grid[data-view-mode=focus] .stream-card[data-orientation=portrait]:not(.is-focus-primary) .stream-card__player{width:auto;height:var(--focus-tray-height, auto);aspect-ratio:9 / 16;margin:0 auto}.stream-grid[data-view-mode=focus] .stream-card.is-focus-primary{grid-row:1;grid-column:1 / -1;width:var(--focus-primary-width, 100%);justify-self:center;align-self:center;cursor:default}.stream-grid[data-view-mode=focus] .stream-card.is-focus-primary .stream-card__player{width:var(--focus-primary-width, 100%);height:var(--focus-primary-height, auto)}.stream-grid[data-view-mode=theater]{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr);align-content:stretch;justify-content:center;overflow:hidden}.stream-grid[data-view-mode=theater] .stream-card:not(.is-focus-primary){display:none}.stream-grid[data-view-mode=theater] .stream-card.is-focus-primary{grid-row:1;grid-column:1 / -1;width:var(--focus-primary-width, 100%);justify-self:start;align-self:center;position:sticky;left:var(--focus-primary-offset-left, 0px);cursor:default}.stream-grid[data-view-mode=theater] .stream-card.is-focus-primary .stream-card__player{width:var(--focus-primary-width, 100%);height:var(--focus-primary-height, auto)}html.headers-hidden .stream-grid[data-view-mode=focus] .stream-card.is-focus-primary,html.headers-hidden .stream-grid[data-view-mode=theater] .stream-card.is-focus-primary{height:auto;overflow:hidden}html.headers-hidden .stream-grid[data-view-mode=focus] .stream-card.is-focus-primary .stream-card__player,html.headers-hidden .stream-grid[data-view-mode=theater] .stream-card.is-focus-primary .stream-card__player{flex:0 0 auto;width:var(--focus-primary-width, 100%);height:var(--focus-primary-height, auto);min-height:0;aspect-ratio:unset}.stream-card__iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.stream-card__kick-frame{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.stream-card--kick .stream-card__iframe{inset:auto;top:50%;left:50%;width:var(--kick-render-width, 769px);height:calc(var(--kick-render-width, 769px) * 9 / 16);transform:translate(-50%,-50%) scale(var(--kick-scale, 1));transform-origin:50% 50%}.stream-card__youtube-target{width:100%;height:100%;border:0}.stream-card__youtube-status{display:flex;align-items:center;justify-content:center;width:100%;height:100%;margin:0;padding:24px;text-align:center;color:var(--muted);font-size:.9rem;line-height:1.5;background:var(--surface)}.stream-card__tiktok-video{width:100%;height:100%;object-fit:contain;background:#000}.stream-card__tiktok-status{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%;height:100%;margin:0;padding:24px;text-align:center;color:var(--muted);font-size:.9rem;line-height:1.5;background:var(--surface)}.stream-card__tiktok-status-message{margin:0;max-width:16rem}.stream-card__tiktok-status-link{display:inline-block;flex:0 0 auto;color:var(--tiktok);font-weight:600;text-decoration:none}.stream-card__tiktok-status-link:hover,.stream-card__tiktok-status-link:focus-visible{text-decoration:underline}.empty-state{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;margin:0;padding:24px;text-align:center;color:var(--muted);font-size:1.05rem;line-height:1.5;pointer-events:none}.empty-state[hidden]{display:none}.toast-dock{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;align-items:center;justify-content:center;gap:10px;height:var(--toast-dock-height);padding:0 12px;pointer-events:none}.undo-toast{display:flex;align-items:center;gap:10px;min-width:0;padding:5px 6px 5px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 24px #00000073;color:var(--text);font-size:.82rem;pointer-events:auto;animation:undo-toast-in .18s ease-out}.undo-toast[hidden]{display:none}@keyframes undo-toast-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.undo-toast{animation:none}}.undo-toast__message{white-space:nowrap}.undo-toast__action{flex:none;padding:3px 10px;border:1px solid var(--accent);border-radius:calc(var(--radius) - 4px);background:transparent;color:var(--accent);font-size:.78rem;font-weight:600;cursor:pointer}.undo-toast__action:hover,.undo-toast__action:focus-visible{background:var(--accent);color:var(--text)}.story-preview{position:fixed;z-index:90;top:8vh;left:0;right:0;width:max-content;max-width:calc(100vw - 32px);margin-inline:auto;display:flex;align-items:flex-start;justify-content:center;padding:0 max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left));pointer-events:none}.story-preview[hidden]{display:none}.story-preview__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:89;background:#000000a6;pointer-events:auto}.story-preview__backdrop[hidden]{display:none}.story-preview__panel{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:12px;max-height:min(84dvh,84vh);padding:16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:0 16px 40px #00000073;pointer-events:auto}.story-preview__close{position:absolute;top:8px;right:8px;width:32px;height:32px;border:1px solid var(--border);border-radius:999px;background:var(--bg);color:var(--text);font-size:1.1rem;line-height:1;cursor:pointer}.story-preview__close:hover,.story-preview__close:focus-visible{background:color-mix(in srgb,var(--text) 10%,var(--bg));outline:none}.story-preview__image{max-width:min(360px,calc(100vw - 64px));max-height:min(70dvh,70vh);width:auto;height:auto;border-radius:calc(var(--radius) - 4px);background:#0d0d0f}.story-preview__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.story-preview__action{padding:10px 16px;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--text);font:inherit;font-weight:600;cursor:pointer}.story-preview__action-short{display:none}.story-preview__action:hover{background:color-mix(in srgb,var(--text) 8%,transparent)}.story-preview__download{border:0;background:var(--accent);color:#fff}.story-preview__download:hover{background:color-mix(in srgb,var(--accent) 88%,white)}html.show-welcome{overflow:hidden}html.show-welcome #app{pointer-events:none;-webkit-user-select:none;user-select:none}.welcome-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:none;flex-direction:column;align-items:center;justify-content:center;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}html.show-welcome .welcome-modal{display:flex}.welcome-modal__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.welcome-modal__panel{position:relative;z-index:1;width:min(480px,100%);margin:0 auto;max-height:min(85dvh,85vh);overflow:auto;padding:14px 14px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);box-shadow:0 16px 40px #00000073}.welcome-modal .site-intro h2{font-size:1.05rem;margin:0 0 6px}.welcome-modal .site-intro h3{margin:12px 0 6px;font-size:.85rem}.welcome-modal .site-intro p{margin:0 0 8px;font-size:.84rem;line-height:1.4}.welcome-modal .site-intro__list{margin:0 0 10px;padding-left:1.15rem;color:var(--muted);font-size:.84rem;line-height:1.45}.welcome-modal .site-intro__list li+li{margin-top:6px}.welcome-modal .site-intro__list strong{color:var(--text);font-weight:650}.welcome-modal .site-intro__mobile-limit,.welcome-modal .site-intro__ipad-limit{display:none;margin-top:2px;font-size:.8rem}.welcome-modal__enter{display:block;width:100%;margin-top:12px;padding:10px 14px;border:0;border-radius:8px;background:var(--accent);color:#fff;font:inherit;font-size:.95rem;font-weight:650;cursor:pointer;position:sticky;bottom:0}.welcome-modal__enter:hover{filter:brightness(1.08)}.site-footer{flex-shrink:0;display:flex;align-items:center;min-height:var(--toast-dock-height);border-top:1px solid var(--border);background:var(--surface);padding:8px 14px}.site-footer__line{margin:0 auto;max-width:100%;text-align:center;color:var(--muted);font-size:.72rem;line-height:1.35}#app:has(.undo-toast:not([hidden])) .site-footer__line{visibility:hidden}.site-footer__line a{color:color-mix(in srgb,var(--text) 88%,var(--accent));text-decoration:none}.site-footer__line a:hover{text-decoration:underline}.site-intro{max-width:720px;margin:0 auto}.site-intro h2{margin:0 0 10px;font-size:1.25rem;font-weight:650}.site-intro h3{margin:24px 0 10px;font-size:.95rem;font-weight:650;color:color-mix(in srgb,var(--text) 92%,var(--muted))}.site-intro p{margin:0 0 14px;color:var(--muted);line-height:1.55}.site-intro a{color:color-mix(in srgb,var(--accent) 75%,white);text-decoration:none}.site-intro a:hover{text-decoration:underline}.site-intro code{padding:1px 6px;border-radius:4px;background:color-mix(in srgb,var(--text) 8%,transparent);font-size:.92em}.site-intro__example{padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg);word-break:break-all}.site-intro__example a{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.88rem}.usage-table-wrap{overflow-x:auto;margin:0 0 24px;border:1px solid var(--border);border-radius:8px}.usage-table{width:100%;border-collapse:collapse;font-size:.92rem}.usage-table th,.usage-table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border)}.usage-table tr:last-child td,.usage-table tr:last-child th{border-bottom:0}.usage-table th{color:var(--text);background:color-mix(in srgb,var(--text) 4%,transparent);font-weight:650}.usage-table td{color:var(--muted)}@media(max-width:640px){#app{max-height:none;min-height:100dvh;overflow:visible}#refresh-streams{display:none}html.headers-hidden .stream-card{position:relative}html.headers-hidden .stream-card__ipad-close{display:inline-flex}html.headers-hidden .stream-card__toolbar{display:none!important}html.headers-hidden.watch-party-viewer .stream-card__ipad-close{display:none}.main-layout{flex-direction:column;flex:1 0 auto}.main-layout__streams,.stream-area{flex:1 0 auto;min-height:0}.stream-area{min-height:0}.empty-state{font-size:1rem;padding:20px 16px}.chat-panel,.site-intro__desktop-only{display:none}.stream-grid{grid-template-columns:1fr;gap:16px;padding:12px 12px 16px;overflow:visible;align-content:start}.stream-grid:not(:empty):not([data-view-mode=focus]):not([data-view-mode=theater]) .stream-card__player{aspect-ratio:16 / 9;height:auto}html.headers-hidden .stream-grid:not([data-view-mode=focus]):not([data-view-mode=theater]) .stream-card{height:auto}html.headers-hidden .stream-grid:not([data-view-mode=focus]):not([data-view-mode=theater]):not(:empty) .stream-card__player{flex:none;aspect-ratio:16 / 9}html.headers-hidden .stream-grid:not([data-view-mode=focus]):not([data-view-mode=theater]):not(:empty) .stream-card[data-orientation=portrait] .stream-card__player{flex:none;aspect-ratio:9 / 16}html.headers-hidden .stream-card__toolbar{height:var(--toolbar-open-height);min-height:var(--toolbar-open-height);max-height:var(--toolbar-open-height);opacity:1;border-top:1px solid var(--border)}.stream-grid:not([data-view-mode=focus]):not([data-view-mode=theater]) .stream-card[data-orientation=portrait]{grid-row:auto}.stream-grid:not([data-view-mode=focus]):not([data-view-mode=theater]) .stream-card[data-orientation=portrait] .stream-card__player{flex:none;aspect-ratio:9 / 16;height:auto}.stream-grid:not([data-view-mode=focus]):not([data-view-mode=theater]) .stream-card[data-orientation=portrait] .stream-card__iframe{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;width:100%;height:100%}.toolbar{gap:4px;padding:8px max(12px,env(safe-area-inset-right)) 6px max(12px,env(safe-area-inset-left))}.toolbar__row{flex-direction:column;align-items:stretch;gap:6px}.toolbar__title{width:100%;font-size:1rem;line-height:1.2}.toolbar__form{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"input submit";align-items:center;flex:0 0 auto;width:100%;gap:6px}.toolbar__input-wrap{grid-area:input}.toolbar__form>button[type=submit]{grid-area:submit}.toolbar__input-wrap{min-width:0}.toolbar__suggestions{min-width:0;right:0}.toolbar__form input{width:100%;max-width:none;min-width:0;min-height:0;padding:8px 10px;font-size:16px;line-height:1.25;border-radius:8px}.toolbar__form>button[type=submit]{width:auto;min-height:0;padding:8px 14px;font-size:.84rem;border-radius:8px;white-space:nowrap}.toolbar__actions{width:100%;margin-left:0;flex-wrap:wrap;justify-content:stretch}.toolbar__icon-btn{flex:1 1 auto;max-width:none;min-height:0;justify-content:center;gap:8px;padding:8px 10px;font-size:.84rem}.toolbar__icon-btn-label{max-width:120px;opacity:1}.toolbar__share-menu{left:0;right:auto;min-width:min(220px,calc(100vw - 24px))}.toolbar__mobile-note{margin:0;padding:0;font-size:.68rem;line-height:1.3}.site-footer{padding:6px max(12px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.toast-dock{bottom:env(safe-area-inset-bottom,0px)}.site-footer__line{font-size:.68rem;line-height:1.3}.welcome-modal{padding:max(8px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.welcome-modal__panel{margin:0 auto;padding:12px 12px 10px;border-radius:10px;max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 16px)}.welcome-modal__enter{margin-top:10px;min-height:44px}.welcome-modal .site-intro h2{font-size:1rem;margin-bottom:6px}.welcome-modal .site-intro h3{margin:10px 0 5px;font-size:.82rem}.welcome-modal .site-intro p{margin:0 0 6px;font-size:.82rem}.welcome-modal .site-intro__list{font-size:.8rem;margin-bottom:8px}.stream-card__header{flex-wrap:nowrap;gap:6px;padding:4px 8px;min-height:0;cursor:default;touch-action:auto}.stream-card__name-badge-platform{padding:1px 6px;font-size:.62rem}.stream-card__name-badge-channel{font-size:.82rem;font-weight:600}.stream-card__controls{flex:0 0 auto;width:auto;margin-left:0}.stream-card__theater,.stream-card__focus,.stream-card__reload,.stream-card__close{width:24px;height:24px;font-size:1rem;border-radius:4px}.stream-card__theater,.stream-card__focus,.stream-card__overlay-theater,.stream-card__overlay-focus{display:none}.stream-card__theater svg,.stream-card__focus svg,.stream-card__reload svg{width:12px;height:12px}.stream-card__mute-btn{width:24px;height:24px}.stream-card__youtube-volume-panel{height:24px;width:84px}.stream-card__youtube-volume-slider{height:24px}.story-preview__image{min-height:0}.story-preview__actions{flex-wrap:nowrap;width:100%;flex-shrink:0}.story-preview__action{flex:1;padding:10px 8px;font-size:.82rem;white-space:nowrap}.story-preview__action-full{display:none}.story-preview__action-short{display:inline}}@media(max-width:640px){.toolbar__mobile-note,.welcome-modal .site-intro__mobile-limit{display:block}}html.ipad-device .toolbar__ipad-note,html.ipad-device .welcome-modal .site-intro__ipad-limit{display:block}html.ipad-device .toolbar__mobile-note,html.ipad-device .welcome-modal .site-intro__mobile-limit{display:none}@media(min-width:641px)and (max-width:1024px){.chat-panel{width:min(300px,32vw)}.toolbar__form input,.toolbar__form>button[type=submit],.toolbar__icon-btn{min-height:40px}}