:root{--font: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, Adwaita Sans, Cantarell, Ubuntu, roboto, noto, helvetica, arial, sans-serif;--rainbow: linear-gradient(90deg, #f45b69 3%, #f6ae2d 25%, #a6ffa1 48%, #75f4f4 70%, #ae7fe9 93%);--hover: .4s ease}:root,[data-theme=dark]{--bg: #000000;--surface: #1a1a1a;--surface-hover: #262626;--fg: #ffffff;--fg-2: #b8b8b8;--muted: #929292;--border: #636569;--border-soft: #3c3f44;--link: #0999ff;--link-tint: #0999ff20;--stage: #000000;--scrim: rgb(0 0 0 / .72)}[data-theme=light]{--bg: #ffffff;--surface: #f2f3f5;--surface-hover: #e6e8eb;--fg: #000000;--fg-2: #33363b;--muted: #5e636b;--border: #868e99;--border-soft: #cfd3d9;--link: #0467dd;--link-tint: #0467dd1a;--stage: #000000;--scrim: rgb(0 0 0 / .6)}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font:400 16px/1.5 var(--font);overflow:hidden}a{color:var(--link)}:focus-visible{outline:2px solid var(--link);outline-offset:2px}[hidden]{display:none!important}.app{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-areas:"head" "stage" "next" "list";height:100%;gap:8px;padding:8px}@media(min-width:900px)and (min-height:420px){.app:has(.list:not([hidden])){grid-template-columns:minmax(0,1fr) minmax(240px,30%);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"head head" "stage list" "next list"}}.app[data-bare]{padding:0;gap:0}.app[data-bare] .head,.app[data-bare] .next,.app[data-bare] .list{display:none!important}@media(max-height:260px){.meta,.next,.list{display:none!important}}@media(max-height:180px){.head{display:none}}.head{grid-area:head;min-width:0}.head__row{display:flex;align-items:center;gap:8px;min-width:0}.head__spacer{flex:1}.room{font-size:14px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--fg-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge{position:relative;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:0 6px;border:1px solid var(--border);white-space:nowrap}.badge:before{content:"";display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%;background:#f45b69;animation:pulse 1.6s ease-in-out infinite}.badge:after{content:"";position:absolute;left:-1px;right:-1px;bottom:-1px;height:2px;background:var(--rainbow)}@keyframes pulse{50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.badge:before{animation:none}}.head__link{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none}.head__link:hover{text-decoration:underline}.title{margin:2px 0 0;font-size:18px;font-weight:700;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.meta{margin:2px 0 0;font-size:14px;color:var(--fg-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(min-width:1200px){.title{font-size:24px}}.stage{grid-area:stage;position:relative;min-height:0;background:var(--stage);border:1px solid var(--border);overflow:hidden;color:#fff}.app[data-bare] .stage{border:0}.stage:fullscreen{border:0;width:100vw;height:100vh}.stage__content,.player{position:absolute;inset:0;width:100%;height:100%;border:0}video.player{object-fit:contain;background:#000}.stage__controls{position:absolute;z-index:3;top:8px;right:8px;opacity:.55;transition:opacity var(--hover)}.stage:hover .stage__controls,.stage__controls:focus-within,.stage[data-kind=message] .stage__controls,.stage[data-kind=gate] .stage__controls{opacity:1}.stage[data-kind=iframe] .stage__controls{opacity:.4}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;font:700 14px/1.2 var(--font);text-transform:uppercase;letter-spacing:.04em;color:#fff;background:#000;border:1px solid #636569;border-radius:0;cursor:pointer;text-decoration:none;transition:background var(--hover),border-color var(--hover)}.btn:hover{background:#262626;border-color:#fff}.btn--primary{border-image:var(--rainbow) 1}.btn--icon{min-height:36px;width:36px;padding:0;background:var(--scrim)}.btn--overlay{background:var(--scrim)}.unmute{position:absolute;z-index:2;left:8px;top:8px;display:none}.stage[data-muted] .unmute{display:inline-flex}.message,.gate{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;padding:clamp(12px,5%,48px);overflow:auto}.message{background:radial-gradient(circle at 100% 0,#ae7fe933,transparent 45%),radial-gradient(circle at 0 100%,#75f4f422,transparent 45%),#000}.message:before,.gate:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--rainbow)}.message__title,.gate__title{margin:0;font-size:clamp(16px,4.5vmin,32px);font-weight:700;line-height:1.2}.message__body,.gate__text{margin:0;max-width:60ch;font-size:clamp(13px,2.6vmin,18px);color:#b8b8b8}.message__actions,.gate__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.gate{background:linear-gradient(0deg,#000000eb,#000000a6)}.gate__kicker,.kicker{margin:0;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#b8b8b8}.gate__poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.notice{position:absolute;z-index:4;left:8px;right:8px;bottom:8px;padding:8px 12px;font-size:14px;background:#000;border:1px solid #636569;border-left:4px solid #f6ae2d}.notice a.btn{min-height:0;padding:0;border:0;background:none;color:#0999ff;text-transform:none;font-weight:400;text-decoration:underline}@media(max-width:360px){.btn{padding:0 12px;font-size:12px}.gate__text{display:none}}.next{grid-area:next;margin:0;font-size:14px;color:var(--fg-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list{grid-area:list;min-height:0;max-height:40vh;display:flex;flex-direction:column;gap:8px}@media(min-width:900px)and (min-height:420px){.list{max-height:none}}.list .kicker{color:var(--fg-2)}.list__items{list-style:none;margin:0;padding:0;overflow:auto;border-top:1px solid var(--border-soft)}.list__item{display:grid;width:100%;gap:2px;padding:8px 8px 8px 12px;text-align:left;font:inherit;color:var(--fg);background:transparent;border:0;border-bottom:1px solid var(--border-soft);border-left:3px solid transparent;cursor:pointer;transition:background var(--hover)}.list__item:hover{background:var(--surface-hover)}.list__item[aria-current=true]{border-left-color:var(--link);background:var(--link-tint)}.list__label{font-size:14px;font-weight:700;line-height:1.3}.list__sub,.list__state{font-size:12px;color:var(--fg-2)}.list__state{text-transform:uppercase;letter-spacing:.04em}