:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#ecf4ff;background:#0c1422;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;color:inherit;background:#1c2e47;border:1px solid #344f70;border-radius:9px;padding:9px 13px}button:hover{background:#294467}button:disabled{opacity:.4;cursor:default}[hidden]{display:none!important}header{height:83px;display:flex;align-items:center;gap:25px;padding:0 32px;border-bottom:1px solid #20334d}.brand{font-size:32px;letter-spacing:-2px;font-weight:800;color:#ecf4ff;text-decoration:none}.brand span{font-weight:500}.brand i{color:#70baff;font-size:12px;vertical-align:top;margin-left:3px}.room-label,.eyebrow{font-size:10px;letter-spacing:2px;color:#96b0d0;font-weight:600}.pill{border:1px solid #344f70;border-radius:20px;font-size:11px;padding:6px 11px;color:#b2cae6}#connection{margin-left:auto}main{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;max-width:1600px;margin:30px auto;padding:0 32px}.screen{aspect-ratio:16/9;border:1px solid #263f61;border-radius:16px;background:radial-gradient(ellipse at 50% 80%,#173e69,#101f35 52%,#070e19);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}video{width:100%;height:100%;object-fit:contain}.screen:fullscreen{border:0;border-radius:0;width:100vw;height:100vh}html.expanded-player,html.expanded-player body{overflow:hidden}.expanded-player .screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;width:100%;height:100%;height:100dvh;aspect-ratio:auto;border:0;border-radius:0;background:#000}#exit-fullscreen{position:absolute;top:max(20px,env(safe-area-inset-top));left:max(20px,env(safe-area-inset-left));z-index:10;min-width:44px;min-height:48px;padding:10px 16px;background:#0a1423e6;color:#fff;touch-action:manipulation}#empty{position:absolute;text-align:center;padding:25px}#empty h1{font-size:clamp(22px,3.4vw,48px);line-height:1.12;letter-spacing:-1.8px;font-weight:500;margin:20px 0 12px}#empty p{color:#97b0ce;font-size:13px}.orbit{font-size:16px;color:#91ceff;border:1px solid #406b98;border-radius:50%;width:52px;height:52px;display:grid;place-items:center;margin:auto;box-shadow:0 0 0 12px #58aaff18}#enable{position:absolute;bottom:25px}.primary{background:#79bbff;color:#0a1b30;border:0}.transport{display:flex;align-items:center;gap:12px;padding:15px 0}.transport button{border:0;background:transparent;font-size:20px;padding:2px 8px}#time{font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap;color:#a1bada}input[type=range]{accent-color:#70baff;cursor:pointer}#seek{min-width:40px;flex:1}#volume{width:65px}.now{border-top:1px solid #243852;padding:19px 0;display:flex;gap:10px;justify-content:space-between;align-items:center}.eyebrow{margin:0 0 9px}.now h2{font-size:19px;font-weight:500;line-height:1.45;margin:0;overflow-wrap:anywhere}.quality{color:#88c8ff;white-space:nowrap;border-color:#365f87}#status{color:#a0b8d3;font-size:13px;line-height:1.6;min-height:45px}#status.error{color:#f1b7a5}.notes{display:flex;gap:16px;flex-wrap:wrap;font-size:11px;color:#7997bc;border-top:1px solid #243852;margin-top:16px;padding-top:16px}.notes button{font-size:11px;background:transparent;padding:0;border:0;color:#88c8ff}aside{border-left:1px solid #243852;padding-left:25px;min-width:0}.aside-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.aside-top h2{font-size:18px;font-weight:500;margin:0}nav{display:flex;gap:5px;background:#112139;padding:4px;border-radius:11px;margin-bottom:23px}nav button{font-size:12px;border:0;flex:1;padding:9px 5px;background:transparent}nav .selected{background:#264973}#results{font-size:13px;color:#96b0d0;line-height:1.6;max-height:460px;overflow-y:auto}.result{display:block;text-align:left;width:100%;margin-bottom:9px;padding:14px;background:#112138;border:1px solid #263f5d}.result strong{display:block;font-size:12px;font-weight:500;color:#dbeaff;white-space:pre-line;overflow-wrap:anywhere}.result small{display:block;color:#91accb;font-size:10px;margin-top:7px}#viewer-panel{font-size:12px;color:#9db6d3;line-height:1.7}form{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px}form input,form select{color:#e0edff;background:#14263f;border:1px solid #365675;border-radius:8px;padding:10px;min-width:0}form input{width:100%}form select{flex:1}footer{padding:15px 32px 25px;color:#7894b5;font-size:11px}@media(max-width:850px){main{grid-template-columns:1fr;padding:0 16px;margin-top:16px;gap:20px}header{padding:0 18px;height:65px}.room-label{font-size:9px}aside{border-left:0;border-top:1px solid #243852;padding:22px 0}#results{max-height:330px}#volume{display:none}.quality{font-size:9px}.now h2{font-size:16px}footer{padding-left:16px}}#mkv-player{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0}#mkv-player video,#mkv-player canvas{width:100%;height:100%;object-fit:contain}.track-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 0}.track-controls label{display:flex;align-items:center;gap:8px;font-size:13px}.track-controls select{box-sizing:border-box;height:32px;font-size:13px;max-width:220px;padding:4px 8px;background:#14263f;color:inherit;border:1px solid #365675;border-radius:8px}.watching{margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid #263f5d}#viewers{font-size:12px;color:#96b0d0;max-height:240px;overflow:auto}.watcher{display:flex;align-items:center;gap:10px;padding:10px 0}.watcher div{flex:1;min-width:0}.watcher strong,.watcher small{display:block;overflow-wrap:anywhere}.watcher strong{color:#dbeaff}.watcher small{margin-top:4px;font-size:11px}.watcher button,#leave{font-size:12px;white-space:nowrap}#leave{margin-top:12px;width:100%}#link-form{padding-top:14px;border-top:1px solid #263f5d}#link-form label{font-size:12px;color:#a0b8d3}#preparation{background:#142c49;border:1px solid #365f87;border-radius:10px;padding:14px;margin-bottom:18px;font-size:12px;overflow-wrap:anywhere}#preparation p{color:#a9c6e5}#preparation progress{width:80%;accent-color:#70baff}.stream-links{width:min(620px,calc(100vw - 48px));box-sizing:border-box;background:#102137;color:#e6efff;border:1px solid #365f87;border-radius:16px;padding:24px}.stream-links::backdrop{background:#0009}.stream-links label{display:block;margin-top:20px}.stream-links input{display:block;box-sizing:border-box;width:100%;margin:8px 0}.stream-links p{font-size:13px;color:#a9c6e5;overflow-wrap:anywhere}.stream-links form{text-align:right;margin-top:16px}.track-controls .sound-control{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid #365675;background:transparent;font-size:12px;color:#a9c6e5;border-radius:6px;white-space:nowrap}.track-controls .sound-control[hidden]{display:none}#subtitle-track{width:160px;max-width:100%}.track-controls .sound-control:hover{background:#14263f;color:#e6efff}#time:hover{color:#e6efff}#time:focus-visible,.sound-control:focus-visible{outline:2px solid #70baff;outline-offset:3px}html.player-only,html.player-only body{width:100%;height:100%;overflow:hidden;background:#000}.player-only #app,.player-only main,.player-only .theater{width:100%;height:100%;min-width:0;min-height:0;max-width:none;margin:0;padding:0;display:block}.player-only header,.player-only aside,.player-only .theater>:not(.screen){display:none}.player-only .screen{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;aspect-ratio:auto;border:0;border-radius:0;background:#000}.player-only #empty{padding:12px}.player-only #empty h1{font-size:18px;letter-spacing:0;margin:8px 0}.player-only #empty .orbit,.player-only #empty p{display:none}.stream-links textarea{box-sizing:border-box;width:100%;margin:8px 0;font:12px monospace}.stream-links details{margin-top:20px}#media-loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#070e19c7;color:#d8eaff;font-size:14px;pointer-events:none}#media-loading[hidden]{display:none}.loading-ring{width:46px;height:46px;border:3px solid #79bbff30;border-top-color:#79bbff;border-radius:50%;box-shadow:0 0 24px #79bbff18;animation:media-loading-spin .85s linear infinite}#enable{z-index:3}@keyframes media-loading-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.loading-ring{animation:none;border-color:#79bbff60;border-top-color:#79bbff}}.watcher-avatar{position:relative;flex:0 0 36px;width:36px;height:36px;border-radius:50%;background:#29496e;color:#d8eaff;display:grid;place-items:center;overflow:hidden}.watcher-avatar img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}