:root{color-scheme:dark;--bg:#101114;--panel:#18191e;--line:#2a2c33;--text:#f0f0f2;--muted:#9699a6;--accent:#cfedb4}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}button,input,select{font:inherit}button{border:1px solid var(--line);background:#22242b;color:var(--text);border-radius:12px;padding:10px 15px;cursor:pointer;white-space:nowrap}button:hover{background:#30333c}button:disabled{opacity:.4;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input,select{width:100%;min-width:0;border:1px solid var(--line);border-radius:12px;background:#131419;color:var(--text);padding:13px}label{display:block;margin:16px 0 7px;color:#c4c6ce}h1,h2,p{margin-top:0}h1{font-size:27px;letter-spacing:-1px;line-height:1.25}h2{font-size:20px;letter-spacing:-.5px}p,small{color:var(--muted)}.primary{background:var(--accent);color:#1d2d12;border-color:transparent;font-weight:600}.primary:hover{background:#e1f8ca}.brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:650;letter-spacing:-1px;color:var(--text);text-decoration:none}.mark{background:var(--accent);color:#233118;border-radius:13px;width:38px;height:38px;display:grid;place-items:center;font-size:28px;font-weight:750;line-height:1}.login{width:min(410px,calc(100% - 40px));margin:10vh auto;padding:30px 0}.login h1{font-size:38px;margin:42px 0 14px}.login .primary{width:100%;display:flex;justify-content:space-between;margin-top:24px}.login small{display:block;margin-top:28px}.error{color:#ffaaa6;margin:16px 0}header{max-width:1500px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:25px 36px;border-bottom:1px solid var(--line)}.headerActions{display:flex;gap:8px}.headerActions button{font-size:13px;padding:8px 11px}#people{display:flex;gap:10px;font-size:13px;color:var(--muted);flex-wrap:wrap}.person{display:flex;gap:6px;align-items:center}.dot,.liveDot:before{content:'';width:7px;height:7px;border-radius:50%;background:var(--accent);display:inline-block}.dot.off{background:#666}.room{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:32px;max-width:1500px;margin:auto;padding:36px}.watch{min-width:0}.heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:23px}.heading h1{margin:6px 0 0}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--muted);font-weight:600}.stage{position:relative;aspect-ratio:16/9;background:#070809;border:1px solid var(--line);border-radius:20px;overflow:hidden;isolation:isolate;display:grid;place-items:center}.stage video,#youtubeWrap,#youtubeWrap iframe{width:100%;height:100%;position:absolute;inset:0;border:0}.stage video{object-fit:contain}#empty{text-align:center;padding:20px}#empty>span{font-size:45px}#empty h2{margin:12px 0 7px}#empty p{font-size:13px}#empty button{background:transparent}#playerNotice{position:absolute;left:12px;right:12px;top:12px;background:#15171fea;padding:10px 14px;border-radius:10px;z-index:5;font-size:13px;color:#e3dcb5}#unlock{position:absolute;bottom:20px;z-index:6;max-width:95%;white-space:normal}#fx{position:absolute;inset:0;pointer-events:none;z-index:4;overflow:hidden}#screenChat{position:absolute;bottom:80px;left:20px;right:20px;pointer-events:none;z-index:7;font-size:15px}#screenChat div{background:#12141cbb;width:fit-content;border-radius:12px;padding:8px 12px;margin-top:5px}.controls{display:flex;align-items:center;gap:9px;margin-top:14px}.controls button{padding:8px 10px;font-size:13px}.controls span{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}#seek{padding:0;border:0;accent-color:var(--accent);height:24px;flex:1}.watchMeta{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:12px;margin-top:13px}.reactions{display:flex;gap:8px;flex-wrap:wrap;margin:28px 0 21px}.reactions button{font-size:22px;padding:5px 11px;background:transparent}.surpriseBar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:19px;background:var(--panel);border:1px solid var(--line);border-radius:16px}.surpriseBar strong{font-size:14px;display:block}.surpriseBar span{display:block;color:var(--muted);font-size:12px;margin-top:3px}.surpriseBar button{font-size:13px}.library{margin-top:22px}.library summary{cursor:pointer;font-size:14px;padding:12px 0}.library summary span{color:var(--muted);margin-left:12px;font-size:12px}#library{display:grid;gap:8px;max-height:250px;overflow:auto}#library button{text-align:left;white-space:normal}#library button.active{border-color:var(--accent)}.chat{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:20px;background:var(--panel);height:680px;max-height:calc(100dvh - 145px);min-height:420px;position:sticky;top:22px;padding:20px}.chatHeading{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:17px}.chatHeading h2{font-size:16px;margin:0}.liveDot{font-size:11px;color:var(--muted)}.liveDot:before{margin-right:5px}#messages{flex:1;overflow:auto;padding:16px 0;scroll-behavior:smooth}.message{margin-bottom:16px;overflow-wrap:anywhere}.message .meta{font-size:10px;color:var(--muted);display:flex;justify-content:space-between;margin-bottom:5px}.bubble{border-radius:2px 13px 13px 13px;background:#25272f;padding:10px 12px;font-size:14px;white-space:pre-wrap}.message.mine .bubble{background:#cfeab419;color:#e0efcf;border-radius:13px 2px 13px 13px}.system{color:var(--muted);font-size:11px;text-align:center;padding:8px}.chat small{font-size:10px;margin-top:10px}#chatForm,.inputRow{display:flex;gap:8px}#chatInput{padding:12px;font-size:13px}#typing{height:22px;font-size:11px;color:var(--muted)}footer{max-width:1500px;margin:auto;padding:0 36px 24px;color:#666b77;font-size:11px;display:flex;justify-content:space-between}dialog{width:min(500px,calc(100% - 28px));max-height:85dvh;overflow:auto;background:var(--panel);color:var(--text);border:1px solid #3b3e49;border-radius:22px;padding:26px}dialog::backdrop{background:#000a;backdrop-filter:blur(5px)}.dialogHeading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.dialogHeading h2{margin:0}.dialogHeading button{border:0;background:transparent}.hint{font-size:12px;margin:15px 0 0}#sourceForm>.primary{width:100%;margin-top:22px}.effects{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}.effects button{padding:12px 5px;white-space:normal;font-size:12px}.effects button span{font-size:23px;display:block;margin-bottom:6px}.check{display:flex;align-items:center;gap:10px}.check input{width:18px;height:18px;accent-color:var(--accent)}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:12px 20px;background:#dcebcf;color:#203015;border-radius:13px;z-index:100;max-width:90vw;font-size:13px}.particle{position:absolute;animation:fall var(--speed,3s) ease-out both;font-size:var(--size,27px);left:var(--left);top:-12%;will-change:transform}.fxText{position:absolute;inset:0;display:grid;place-content:center;text-align:center;padding:25px;background:#090b1644;animation:reveal 3.8s both}.fxText strong{font-size:clamp(24px,5vw,52px);line-height:1.2;overflow-wrap:anywhere;text-shadow:0 2px 20px #000}.fxText small{color:#fff;font-size:12px;margin-top:12px}.light{position:absolute;width:160%;height:160%;left:-30%;top:-30%;background:conic-gradient(from 0deg,transparent,#ba68df55,transparent,#5dd6ec55,transparent,#dced6a55,transparent);animation:spin 4s linear 1}.spotlight{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 15%,#000c 70%);animation:reveal 4s both}.stage.shaking{animation:shake .65s linear 2}.stage:fullscreen{border-radius:0;border:0;width:100vw;height:100dvh;aspect-ratio:auto}.stage:fullscreen #fx{position:absolute}.stage:fullscreen #fullControls{display:block}.stage:fullscreen video{object-fit:contain}[hidden]{display:none!important}@keyframes fall{to{transform:translate(var(--drift,60px),650px) rotate(var(--turn,240deg));opacity:0}}@keyframes reveal{0%,100%{opacity:0;transform:scale(.95)}15%,80%{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg);opacity:0}}@keyframes shake{0%,100%{transform:translate(0)}20%,60%{transform:translate(-5px,3px)}40%,80%{transform:translate(5px,-3px)}}@media(prefers-reduced-motion:reduce){.particle,.light,.fxText,.spotlight,.stage.shaking{animation:none}#messages{scroll-behavior:auto}}@media(max-width:1050px){.room{grid-template-columns:minmax(0,1fr) 285px;gap:20px;padding:26px}.controls{gap:5px}.controls button{padding:7px}header{padding:20px 26px}}@media(max-width:800px){header{padding:16px;flex-wrap:wrap;gap:12px}.brand{font-size:20px}#people{order:3;width:100%}.room{grid-template-columns:1fr;padding:23px 16px;gap:24px}.heading h1{font-size:22px}.heading>.primary{padding:10px;font-size:12px}.stage{border-radius:15px}.chat{position:static;height:440px;max-height:none;min-height:0}.watchMeta>span:last-child{display:none}.controls{flex-wrap:wrap}.controls #seek{min-width:60px}.controls button{padding:8px}.reactions{gap:6px;margin:22px 0 18px}.reactions button{padding:4px 9px}.surpriseBar{padding:15px}.surpriseBar span{max-width:180px}.surpriseBar button{padding:9px;font-size:12px}footer{padding:0 16px 25px}#empty h2{font-size:16px}#empty>span{font-size:28px}#empty p{font-size:11px;margin-bottom:9px}#empty button{padding:6px 10px;font-size:12px}}@media(max-width:390px){.controls #sub{display:none}.headerActions{gap:4px}.headerActions button{padding:8px}.controls{gap:4px}.controls button{padding:6px}}
.stage:fullscreen .controls{position:absolute;bottom:58px;left:16px;right:16px;z-index:9;background:#101114e8;padding:10px;border-radius:12px}.stage:fullscreen #chatForm{position:absolute;bottom:10px;left:16px;right:16px;z-index:9;max-width:450px}.stage:fullscreen #screenChat{bottom:115px}.stage:fullscreen #unlock{bottom:130px}