:root{--uiScale:1;--bg:#070b14;--panel:#0c142b;--panel2:#0a1126;--themeFg:hsl(var(--themeHue,265deg) 100% 95%);--text:var(--themeFg);--muted:var(--themeFg);--accent:#b5bcc6;--accent2:#8f99a6;--accentRGB:181,188,198;--voiceAccent:#b5bcc6;--voiceAccentRGB:181,188,198;--accentBRGB:143,153,166;--danger:#ff6b8b;--ok:#6ef39a;--shadow:0 10px 25px #00000059;--radius:16px;--ctrl-padding:6px 12px;--ctrl-radius:18px;--ctrl-inset:12px;--ctrl-btn-size:40px;--ctrl-btn-small-size:36px;--ctrl-btn-radius:14px;--ctrl-btn-small-radius:12px;--ctrl-time-font:12px;--ctrl-time-min-width:0;--ctrl-slider-label-font:12px;--ctrl-range-width:70px;--subs-inset:1%;--mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--sans:ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";--themeDur:2s;--themeEase:ease;transition:--themeHue var(--themeDur) var(--themeEase), --accentA var(--themeDur) var(--themeEase), --accentB var(--themeDur) var(--themeEase), --accent var(--themeDur) var(--themeEase), --accent2 var(--themeDur) var(--themeEase), --endAccent var(--themeDur) var(--themeEase), --endAccentBg var(--themeDur) var(--themeEase), --trackBg var(--themeDur) var(--themeEase), --panel var(--themeDur) var(--themeEase), --bg var(--themeDur) var(--themeEase), --themeFg var(--themeDur) var(--themeEase), --text var(--themeDur) var(--themeEase), --muted var(--themeDur) var(--themeEase), --surface-panel var(--themeDur) var(--themeEase), --surface-panel-strong var(--themeDur) var(--themeEase), --surface-panel-soft var(--themeDur) var(--themeEase), --voiceAccent var(--themeDur) var(--themeEase)}html.theme-preload,html.theme-preload *{transition:none!important;animation:none!important}@property --themeHue{syntax:"<angle>";inherits:true;initial-value:265deg}@property --accentA{syntax:"<color>";inherits:true;initial-value:#b5bcc6d9}@property --accentB{syntax:"<color>";inherits:true;initial-value:#8f99a6d9}@property --accent{syntax:"<color>";inherits:true;initial-value:#b5bcc6}@property --accent2{syntax:"<color>";inherits:true;initial-value:#8f99a6}@property --endAccent{syntax:"<color>";inherits:true;initial-value:#6a00ff}@property --endAccentBg{syntax:"<color>";inherits:true;initial-value:#6a00ff1a}@property --trackBg{syntax:"<color>";inherits:true;initial-value:#ffffff1a}@property --panel{syntax:"<color>";inherits:true;initial-value:#0c142b}@property --bg{syntax:"<color>";inherits:true;initial-value:#070b14}@property --themeFg{syntax:"<color>";inherits:true;initial-value:#f0e6ff}@property --text{syntax:"<color>";inherits:true;initial-value:#e8eefc}@property --muted{syntax:"<color>";inherits:true;initial-value:#a9b7e6}@property --surface-panel{syntax:"<color>";inherits:true;initial-value:#0a0e16c7}@property --surface-panel-strong{syntax:"<color>";inherits:true;initial-value:#141414e6}@property --surface-panel-soft{syntax:"<color>";inherits:true;initial-value:#ffffff0b}@property --voiceAccent{syntax:"<color>";inherits:true;initial-value:#b5bcc6}:root[data-theme=custom]{--bg:#04000a;--panel:#170a21;--themeFg:hsl(var(--themeHue,265deg) 100% 95%);--text:var(--themeFg);--muted:var(--themeFg);--accent:#6a00ff;--accent2:#8b8aef;--accentRGB:106,0,255;--endAccent:#6a00ff;--endAccentBg:#6a00ff1a;--voiceAccent:#6a00ff;--voiceAccentRGB:106,0,255}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--sans);margin:0}header{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#03050a1a;position:sticky;top:0}.wrap{max-width:1653px;margin:0 auto;padding:18px 16px 10px}.topbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.brand{align-items:center;gap:10px;min-width:0;display:flex}header .brand>div{min-width:0;overflow:hidden}header .brand h1{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.logo{background-color:hsl(var(--themeHue,265deg) 100% 50%);width:36px;height:36px;box-shadow:none;transition:background-color var(--themeDur) var(--themeEase);border:none;border-radius:12px}h1{font-size:var(--ui-font-18);letter-spacing:.3px;margin:0}#statusPill{box-sizing:border-box;border-radius:999px;justify-content:center;align-items:center;min-width:140px;max-width:100%;height:34px;min-height:34px;padding:0 12px;line-height:1;display:inline-flex}#statusPill .badge{justify-content:center;align-items:center;gap:6px;width:100%;display:inline-flex}aside details .detailsBody{opacity:0;transform-origin:top;transition:opacity .35s,transform .35s;display:block;transform:translateY(-4px)}aside details[open] .detailsBody{opacity:1;transform:translateY(0)}.card{border-radius:var(--radius);box-shadow:var(--shadow);background:#0000002e;border:1px solid #ffffff1a;overflow:visible}.card .hd{background:#0000002e;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.card>.hd:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.card .hd .title{align-items:center;gap:10px;display:flex}.card .hd .title b{font-size:var(--ui-font-13)}.card .hd small{color:var(--muted)}.card>.bd:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}#chat-card,#room-card{border-color:#ffffff1a}.videoStage{padding:0}.videoStage .bd{position:relative}.stage{border-radius:calc(var(--radius) - 6px);background:#000;width:100%;height:100%;min-height:0;display:block;position:relative;overflow:hidden}.mediaFrame{width:100%;max-width:100%;height:100%;max-height:100%;position:absolute;top:0;left:0;overflow:hidden;transform:none}#player-shell,#player-media-frame,#player-video-subs-wrap,#player-video,#player-empty-backdrop,#player-subs-overlay,#player-message-overlay{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.videoStageRoot.hasBoundedMediaFrame .mediaFrame{flex:none}.dropHint{text-align:center;pointer-events:none;opacity:.92;z-index:12;width:min(420px,100% - 32px);min-height:60px;color:var(--text);background:#00000094;border:1px dashed #ffffff59;border-radius:14px;justify-content:center;align-items:center;padding:14px 16px;font-size:13px;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dropHint.on{display:flex}.controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.connRow{flex-wrap:nowrap}.connRow input{flex:auto;min-width:0}.connRow button{white-space:nowrap;flex:none}button,input[type=text],select,textarea{color:var(--text);font-family:inherit}button{cursor:pointer;padding:var(--ui-pad-block-md) var(--ui-pad-inline-md);border-radius:var(--ui-radius-md);font-size:var(--ui-font-13);min-height:var(--ui-control-height);transition:transform 40ms ease, background var(--themeDur) var(--themeEase), background-color var(--themeDur) var(--themeEase), color var(--themeDur) var(--themeEase), border-color var(--themeDur) var(--themeEase), box-shadow var(--themeDur) var(--themeEase), filter var(--themeDur) var(--themeEase);border:1px solid #ffffff29;border-color:rgba(var(--accentRGB),.55);background:#ffffff0f}button.danger{background:#ff6b8b1f;border-color:#ff6b8b66}button.ok{background:#6ef39a1f;border-color:#6ef39a66}button.small{padding:var(--ui-pad-block-sm) var(--ui-pad-inline-sm);border-radius:var(--ui-radius-sm);font-size:var(--ui-font-12);min-height:var(--ui-control-height-compact)}.kv{flex-direction:row;align-items:center;gap:10px;margin:10px 0;display:flex}.kv.compact{margin:6px 0}.kv.compact+.kv.compact{margin-top:4px}.kv label{font-size:var(--ui-font-12);color:var(--muted)}.kv>label{flex:0 0 130px}.kv>:not(label){flex:1 1 0;min-width:0}#roomCodeLabel{color:var(--text);font-weight:700}input[type=text],textarea,select{border-radius:var(--ui-radius-md);width:100%;padding:var(--ui-pad-block-md) var(--ui-pad-inline-md);font-size:var(--ui-font-13);min-height:var(--ui-control-height);background:#00000040;border:1px solid #ffffff24;outline:none}input[type=number]{border-radius:var(--ui-radius-md);width:100%;padding:var(--ui-pad-block-md) var(--ui-pad-inline-md);color:var(--text);font-size:var(--ui-font-13);min-height:var(--ui-control-height);background:#00000040;border:1px solid #ffffff24;outline:none}select:focus{border-color:#ffffff4d;box-shadow:0 0 0 3px #ffffff14}select option{color:var(--text);background-color:#000000e6}select option:checked,select option:hover{color:var(--text);background-color:#b4b4b440}.nativeSelect{display:none!important}.pwSelect{box-sizing:border-box;width:100%;min-width:0;max-width:100%;position:relative}.pwSelectBtn{box-sizing:border-box;border-radius:var(--ui-radius-md);width:100%;max-width:100%;padding:var(--ui-pad-block-md) var(--ui-pad-inline-md);min-height:var(--ui-control-height);font-size:var(--ui-font-13);cursor:pointer;white-space:nowrap;background:#070a104d;border:1px solid #ffffff1f;justify-content:space-between;align-items:center;gap:10px;min-width:0;transition:background .18s,border-color .18s,box-shadow .18s;display:flex;overflow:hidden}.pwSelectBtn>span:first-child{text-align:left;flex:1 1 0;min-width:0;display:block;overflow:hidden}.pwSelectBtn:focus{border-color:#ffffff4d;outline:none;box-shadow:0 0 0 3px #ffffff14}.pwCaret{opacity:.8;font-size:var(--ui-font-12);flex-shrink:0}#player-btn-capture-camera.camera-on,#player-btn-capture-screen.screen-on{color:var(--themeFg);border-color:var(--themeFg);box-shadow:none;border-width:2px;transition:none}#cameraSourceRow.hidden,#screenSourceRow.hidden{display:none}.pwSelectMenu{z-index:50;box-shadow:var(--shadow);opacity:0;pointer-events:none;scrollbar-width:thin;scrollbar-color:rgba(var(--accentRGB), .3) transparent;-webkit-overflow-scrolling:touch;background:#070a104d;border:1px solid #ffffff1f;border-radius:12px;max-height:108px;margin-top:0;padding:3px;transition:opacity .16s,transform .16s;position:absolute;top:100%;left:0;right:0;overflow:hidden auto;transform:translateY(-6px)}.pwSelectMenu::-webkit-scrollbar{width:8px}.pwSelectMenu::-webkit-scrollbar-track{background:0 0}.pwSelectMenu::-webkit-scrollbar-thumb{background:rgba(var(--accentRGB), .3);border-radius:4px}.pwSelect.open .pwSelectMenu{opacity:1;pointer-events:auto;transform:translateY(0)}.pwSelectOpt{text-align:left;width:100%;color:var(--text);cursor:pointer;background:#070a104d;border:1px solid #0000;border-radius:10px;padding:8px 10px;transition:background .12s,border-color .12s}.pwSelectOpt[aria-selected=true]{background:#070a1061;border-color:#ffffff1f}textarea{resize:vertical;min-height:88px;font-family:var(--sans);font-size:var(--ui-font-12);line-height:1.35}.grid2{flex-wrap:wrap;gap:10px;display:flex}.grid2>*{flex:calc(50% - 5px);min-width:0}.pwSubsPanel .subsGrid>.subsRowWide{flex:100%}@media (width<=600px){.grid2>*{flex-basis:100%}}.hint{color:var(--muted);font-size:var(--ui-font-12);line-height:1.4}.kbd{font-family:var(--sans);font-size:var(--ui-font-11);padding:calc(2px * var(--uiScale)) calc(6px * var(--uiScale));border-radius:calc(8px * var(--uiScale));background:#00000040;border:1px solid #ffffff2e}.log{font-family:var(--sans);overflow-wrap:break-word;word-break:break-word;scroll-behavior:smooth;border:none;border-radius:12px;margin-top:10px;padding:5px;font-size:12px;line-height:1.4;overflow:hidden scroll}.log .t,.log .line-sys{color:var(--muted)}.log .line-me{color:var(--themeFg)}.log .line-err{color:var(--danger)}.log .chatLine-whisper{color:var(--themeFg)}.log .chatLineName{cursor:pointer;color:var(--muted);margin-top:-3px;display:block}.log .chatLine{flex-direction:row;align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.log .chatLine:last-child{margin-bottom:0}.log .chatLine-avatar{background:color-mix(in srgb, var(--accent) 78%, black);width:36px;min-width:36px;height:36px;min-height:36px;color:var(--text);font-size:19px;font-weight:600;font-family:var(--sans);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:none;display:flex}.log .chatLine-body{flex-direction:column;flex:1;align-items:flex-start;min-width:0;display:flex}.log .chatLineText{word-wrap:break-word;overflow-wrap:break-word;margin-top:4px;font-size:12px;line-height:1.4}.log .chatLine-appear{opacity:0;transition:opacity .25s}.log .chatLine-appear.chatLine-visible{opacity:1}.chat{align-items:center;gap:8px;margin-top:10px;display:flex}.chatInputWrap{flex:1;align-items:center;gap:4px;display:flex}.chatInputWrap input{color:var(--text);caret-color:var(--themeFg);-webkit-text-fill-color:var(--text);flex:1}.chat input::placeholder{color:var(--muted);opacity:1;transition:none}.chat .chatBtnSend{width:var(--ui-control-height);height:var(--ui-control-height);color:var(--text);flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.chat .chatBtnSend>span{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.chat .chatBtnSend .ico{width:var(--ui-icon-size);height:var(--ui-icon-size);display:block}.chat .chatBtnSend .ico.stroke{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;transform:translate(-.5px)}#btnChatMic,#btnChatHeadphone{transition:background var(--themeDur) var(--themeEase), border-color var(--themeDur) var(--themeEase), color var(--themeDur) var(--themeEase), box-shadow var(--themeDur) var(--themeEase)}#btnChatMic.voice-btn-transition,#btnChatHeadphone.voice-btn-transition{transition:background var(--themeDur) var(--themeEase),border-color var(--themeDur) var(--themeEase),color var(--themeDur) var(--themeEase)}#btnChatMic.on,#btnChatHeadphone.on{border-color:color-mix(in srgb, var(--voiceAccent) 55%, transparent);color:var(--themeFg);background:#ffffff1a}#btnChatMic .ico,#btnChatHeadphone .ico{transition:none}#btnChatMic{--mic-level:0}#btnChatMic .ico{transform:scale(calc(1 + var(--mic-level,0) * .4));transition:transform .1s ease-out}.voice-remote-audio{opacity:0;pointer-events:none;width:0;height:0;position:fixed}.chatCharCounter{font-size:var(--ui-font-11);color:var(--muted);opacity:0;transition:opacity .12s}.badge{align-items:center;gap:6px;display:inline-flex}.dot{background:#ffffff59;border-radius:999px;width:9px;height:9px}.dot.ok{background:var(--ok)}.dot.bad{background:var(--danger)}.range{align-items:center;gap:8px;display:flex}input[type=range]{width:160px;transition:background var(--themeDur) var(--themeEase), background-color var(--themeDur) var(--themeEase), box-shadow var(--themeDur) var(--themeEase), border-color var(--themeDur) var(--themeEase);accent-color:var(--accentA)}input[type=range]::-webkit-slider-runnable-track{background:var(--trackBg);height:6px;transition:background-color var(--themeDur) var(--themeEase), box-shadow var(--themeDur) var(--themeEase), border-color var(--themeDur) var(--themeEase);border-radius:999px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--text);width:16px;height:16px;box-shadow:0 6px 14px #00000040, 0 0 12px var(--accentA);transition:background-color var(--themeDur) var(--themeEase), border-color var(--themeDur) var(--themeEase), box-shadow var(--themeDur) var(--themeEase);border:1px solid #00000059;border-radius:999px;margin-top:-5px}input[type=range]::-moz-range-track{background:var(--trackBg);height:6px;transition:background-color var(--themeDur) var(--themeEase);border-radius:999px}input[type=range]::-moz-range-progress{background:var(--accentA);height:6px;transition:background-color var(--themeDur) var(--themeEase);border-radius:999px}input[type=range]::-moz-range-thumb{background:var(--text);width:16px;height:16px;box-shadow:0 6px 14px #00000040, 0 0 12px var(--accentA);transition:background-color var(--themeDur) var(--themeEase), border-color var(--themeDur) var(--themeEase), box-shadow var(--themeDur) var(--themeEase);border:1px solid #00000059;border-radius:999px}.hr{background:#ffffff1a;height:1px;margin:12px 0}.toastStack{z-index:99;pointer-events:none;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.toastStack .toast{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:var(--text);padding:calc(10px * var(--uiScale)) calc(12px * var(--uiScale));border-radius:calc(14px * var(--uiScale));box-shadow:var(--shadow);font-size:var(--ui-font-13);white-space:nowrap;white-space:normal;background:#000000a6;border:1px solid #ffffff2e;max-width:min(90vw,360px);transition:transform .5s,opacity .5s}.toastStack .toast.toast-enter{opacity:0;transform:translateY(100%)}.toastStack .toast.toast-enter.toast-enter-active,.toastStack .toast.toast-exit{opacity:1;transform:translateY(0)}.toastStack .toast.toast-exit.toast-exit-active{opacity:0;transform:translateY(-50%)}.mini{font-size:var(--ui-font-12);color:var(--muted)}.members{flex-wrap:wrap;align-content:flex-start;gap:8px;min-height:2em;display:flex}.peopleRow{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.peopleRow b{white-space:nowrap}.peopleRow .members{margin-top:0!important}.member{padding:var(--ui-pad-block-sm) var(--ui-pad-inline-sm);font-size:var(--ui-font-12);background:#0003;border:1px solid #ffffff24;border-radius:999px}.member.fade-in{animation:.5s forwards memberFadeIn}.member.fade-out{animation:.5s forwards memberFadeOut}@keyframes memberFadeIn{0%{opacity:0}to{opacity:1}}@keyframes memberFadeOut{0%{opacity:1}to{opacity:0}}video::-webkit-media-controls{display:none!important}video::-webkit-media-controls-enclosure{display:none!important}.hidden{display:none!important}.pwControls{padding:var(--ctrl-padding);border-radius:var(--ctrl-radius);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000038;border:1px solid #ffffff24;margin-top:12px;box-shadow:0 10px 25px #00000040}.pwRow{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pwRow.space{justify-content:space-between}.pwLeft,.pwRight{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.controlsOneLine{flex-wrap:nowrap}.controlsAll{flex-wrap:nowrap;gap:10px}.vdiv{background:#ffffff26;flex:none;width:1px;height:26px;margin:0 6px}.hotkeysBox{margin-top:12px}.iconBtn{width:var(--ctrl-btn-size);height:var(--ctrl-btn-size);border-radius:var(--ctrl-btn-radius);transition:transform 40ms ease, background var(--themeDur) var(--themeEase), background-color var(--themeDur) var(--themeEase), color var(--themeDur) var(--themeEase), border-color var(--themeDur) var(--themeEase), box-shadow var(--themeDur) var(--themeEase), filter var(--themeDur) var(--themeEase);background:#ffffff0f;border:1px solid #ffffff29;justify-content:center;align-items:center;padding:0;line-height:0;display:inline-flex}.iconBtn:active{transform:translateY(1px)}.iconBtn.small{width:var(--ctrl-btn-small-size);height:var(--ctrl-btn-small-size);border-radius:var(--ctrl-btn-small-radius)}.pwControls .iconBtn,.pwControls .iconBtn.primary{border-color:#ffffff24}.seekWrap{flex:1;align-items:center;gap:10px;min-width:220px;display:flex}.seek{width:100%}.time{font-family:var(--sans);font-size:var(--ui-font-11);color:var(--muted);text-align:right;min-width:92px}.sliders{flex-wrap:nowrap;align-items:center;gap:12px;display:flex}.sliderLabel{color:var(--muted);font-size:var(--ctrl-slider-label-font);align-items:center;gap:8px;display:inline-flex}.ctl-skip10,.ctl-step{opacity:0;pointer-events:none;transition:opacity .75s,transform .75s;transform:translateY(4px)}body.isHost .ctl-skip10,body.isHost .ctl-step{opacity:1;pointer-events:auto;transform:translateY(0)}.ctl-skip10 .ctl-skip10-inner{flex-direction:column;align-items:center;gap:2px;display:flex}.ctl-skip10 .ctl-skip10-num{font-size:var(--ui-font-11);font-family:var(--sans);color:currentColor;line-height:1}.ctl-step .ico{transform:translate(-2.25px)}#player-btn-frame-back.ctl-step .ico{transform:scaleX(-1)translate(-2.25px)}.pwControls input[type=range]{appearance:none;height:6px;transition:background var(--themeDur) var(--themeEase), background-color var(--themeDur) var(--themeEase), box-shadow var(--themeDur) var(--themeEase), border-color var(--themeDur) var(--themeEase);background:#ffffff1f;border-radius:999px;outline:none}.pwControls input[type=range]::-webkit-slider-runnable-track{background:0 0;border-radius:999px;height:6px}.pwControls input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--text);width:16px;height:16px;box-shadow:0 6px 14px #00000040, 0 0 12px var(--accentA);transition:background var(--themeDur) var(--themeEase), background-color var(--themeDur) var(--themeEase), border-color var(--themeDur) var(--themeEase), box-shadow var(--themeDur) var(--themeEase);border:1px solid #00000059;border-radius:999px;margin-top:-5px}.pwControls input[type=range]::-moz-range-track{background:#ffffff1f;border-radius:999px;height:6px}.pwControls input[type=range]::-moz-range-progress{background:var(--accentA);border-radius:999px;height:6px}.pwControls input[type=range]::-moz-range-thumb{background:var(--text);width:16px;height:16px;box-shadow:0 6px 14px #00000040, 0 0 12px var(--accentA);transition:background var(--themeDur) var(--themeEase), background-color var(--themeDur) var(--themeEase), border-color var(--themeDur) var(--themeEase), box-shadow var(--themeDur) var(--themeEase);border:1px solid #00000059;border-radius:999px}.ratePill{padding:var(--ui-pad-block-sm) var(--ui-pad-inline-sm);color:var(--text);font-family:var(--sans);font-size:var(--ui-font-11);min-width:calc(44px * var(--uiScale));min-height:var(--ui-control-height-compact);background:#ffffff0f;border:1px solid #ffffff24;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.playerShell{flex:auto;min-width:0;min-height:0;display:flex;position:relative}:-webkit-any(.playerShell:fullscreen,.playerShell:-webkit-full-screen){display:block;overflow:hidden}:is(.playerShell:fullscreen,.playerShell:fullscreen){display:block;overflow:hidden}.isFullscreen .stage{box-sizing:border-box;border-radius:0;width:100%;height:100%}.isFullscreen #player-stage{position:absolute;top:0;left:0;width:var(--ww-fs-stage-width,100%)!important;height:var(--ww-fs-stage-height,100%)!important}#player-shell:fullscreen #player-stage{position:absolute;top:0;left:0;width:var(--ww-fs-stage-width,100%)!important;height:var(--ww-fs-stage-height,100%)!important}#player-shell:-webkit-full-screen #player-stage{position:absolute;top:0;left:0;width:var(--ww-fs-stage-width,100%)!important;height:var(--ww-fs-stage-height,100%)!important}.isFullscreen #player-controls{z-index:2147483646;width:calc(var(--ww-fs-stage-width,100%) - var(--ctrl-inset) - var(--ctrl-inset));right:auto}#player-shell:fullscreen #player-controls{z-index:2147483646;width:calc(var(--ww-fs-stage-width,100%) - var(--ctrl-inset) - var(--ctrl-inset));right:auto}#player-shell:-webkit-full-screen #player-controls{z-index:2147483646;width:calc(var(--ww-fs-stage-width,100%) - var(--ctrl-inset) - var(--ctrl-inset));right:auto}.isFullscreen .mediaFrame{max-width:100%;max-height:100%}.pwSeekTop{width:100%;padding:4px 0 6px}.seekTop{display:block;width:100%!important}.pwMeta{color:var(--muted);font-family:var(--sans);font-size:var(--ui-font-12);justify-content:flex-start;align-items:center;gap:8px;padding:6px 6px 2px;display:flex}.timeText{opacity:.95}.pwSeekLine{justify-content:flex-start;align-items:center;gap:0;width:100%;display:flex}.seekBarUnit{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.seekBarUnit .seekTop{flex:1;width:0;min-width:80px}.timeInline{font-family:var(--sans);font-size:var(--ctrl-time-font);color:var(--muted);white-space:nowrap;opacity:.95}.timeInline .timeLiveLabel{display:none}.timeInline.liveMode .timeLiveLabel{color:var(--themeFg);font-weight:700;display:inline}.timeInline.liveMode #player-time-duration{display:none}.timeCurrentWrap{text-align:left;flex:none}.timeDurationWrap{text-align:right;flex:none}.pwSeekLine.liveMode .timeDurationWrap{display:none}:root{--trackBg:#ffffff1a}.iconBtn.primary{background:#ffffff1a;border-color:#ffffff38}.pwControls input[type=range]{background:var(--trackBg)}#player-controls #player-seek{background:linear-gradient(to right, var(--accent) 0%, color-mix(in srgb, var(--accent) 70%, white) var(--seek-percent,0%), var(--trackBg) var(--seek-percent,0%));transition:none}#player-controls.pw-seek-tier-d-buffer:not(.pw-seek-loading) #player-seek{background:linear-gradient(to right, var(--accent) 0%, color-mix(in srgb, var(--accent) 70%, white) var(--seek-percent,0%), transparent var(--seek-percent,0%)), var(--seek-tier-d-islands-gradient,linear-gradient(to right, var(--trackBg) 0%, var(--trackBg) 100%));transition:none}#player-controls.pw-seek-loading #player-seek{background:linear-gradient(to right, var(--accent) 0%, color-mix(in srgb, var(--accent) 70%, white) var(--seek-percent,0%), transparent var(--seek-percent,0%)), linear-gradient(to right, color-mix(in srgb, var(--accent) 35%, var(--trackBg)) 0%, color-mix(in srgb, var(--accent) 35%, var(--trackBg)) var(--seek-load-percent,0%), var(--trackBg) var(--seek-load-percent,0%));transition:none}@keyframes ww-seek-load-shimmer{0%{background-position:0 0,100%}50%{background-position:0 0,0%}to{background-position:0 0,100%}}#player-controls.pw-seek-loading.pw-seek-loading--indeterminate #player-seek{background:linear-gradient(to right, var(--accent) 0%, color-mix(in srgb, var(--accent) 70%, white) var(--seek-percent,0%), transparent var(--seek-percent,0%)), linear-gradient(90deg, var(--trackBg) 0%, color-mix(in srgb, var(--accent) 38%, var(--trackBg)) 45%, color-mix(in srgb, var(--accent) 55%, var(--trackBg)) 55%, var(--trackBg) 100%);background-position:0 0,100%;background-repeat:no-repeat;background-size:auto,180% 100%;animation:2.6s ease-in-out infinite ww-seek-load-shimmer}#player-controls #player-volume{background:linear-gradient(to right, var(--accent) 0%, color-mix(in srgb, var(--accent) 70%, white) var(--vol-percent,100%), var(--trackBg) var(--vol-percent,100%));transition:none}#player-controls #player-seek::-webkit-slider-runnable-track{background:0 0}#player-controls #player-volume::-webkit-slider-runnable-track{background:0 0}#player-controls #player-seek::-webkit-slider-thumb{background:var(--accent);box-shadow:0 6px 14px #00000040, 0 0 12px var(--accent);opacity:0;border:2px solid #ffffffa6;transition:opacity .15s}#player-controls #player-volume::-webkit-slider-thumb{background:var(--accent);box-shadow:0 6px 14px #00000040, 0 0 12px var(--accent);opacity:0;border:2px solid #ffffffa6;transition:opacity .15s}#player-controls #player-seek::-moz-range-thumb{background:var(--accent);box-shadow:0 6px 14px #00000040, 0 0 12px var(--accent);opacity:0;border:2px solid #ffffffa6;transition:opacity .15s}#player-controls #player-volume::-moz-range-thumb{background:var(--accent);box-shadow:0 6px 14px #00000040, 0 0 12px var(--accent);opacity:0;border:2px solid #ffffffa6;transition:opacity .15s}#player-controls #player-seek::-moz-range-progress{background:linear-gradient(to right, var(--accent), color-mix(in srgb, var(--accent) 70%, white));transition:none}.pwControls input[type=range]::-webkit-slider-thumb{background:linear-gradient(135deg, var(--accentA), var(--accentB));box-shadow:0 6px 14px #00000040, 0 0 14px var(--accentA);border:2px solid #ffffffa6}.pwControls input[type=range]::-moz-range-thumb{background:linear-gradient(135deg, var(--accentA), var(--accentB));box-shadow:0 6px 14px #00000040, 0 0 14px var(--accentA);border:2px solid #ffffffa6}.ratePill{background:#ffffff0f;border-color:#ffffff24}.iconBtn.muted{background:#ff787829;border-color:#ff78788c}.iconBtn>*{justify-content:center;align-items:center;width:100%;height:100%;margin:0;padding:0;display:flex}.iconBtn .ico{width:var(--ui-icon-size);height:var(--ui-icon-size);transition:fill var(--themeDur) var(--themeEase), stroke var(--themeDur) var(--themeEase);flex-shrink:0;display:block}.iconBtn .ico.stroke{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.iconBtn .ico.fill{fill:currentColor}#player-btn-subs-options .ico{width:var(--ui-icon-size-lg);height:var(--ui-icon-size-lg)}#player-btn-player-options .ico.stroke{transform:rotate(28deg)}.iconSwap{width:var(--ui-icon-size);height:var(--ui-icon-size);flex-shrink:0;display:block;position:relative}.iconSwap>*{transform-origin:50%;transition:opacity .18s,transform .18s;position:absolute;inset:0}.iconSwap .off{opacity:1;transform:scale(1)rotate(0)}.iconSwap .on{opacity:0;transform:scale(.85)rotate(-12deg)}.iconBtn.isOn .iconSwap .off{opacity:0;transform:scale(.85)rotate(12deg)}.iconBtn.isOn .iconSwap .on{opacity:1;transform:scale(1)rotate(0)}.hostOnly{display:none}body.isHost .hostOnly{display:block}body.isHost .hostOnly.row{display:flex}.hostOnly.inline{display:none}body.isHost .hostOnly.inline{display:inline-flex}#header-btn-stream-toggle{display:none}.log{overflow-wrap:break-word;word-break:break-word;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;overflow:hidden scroll}.log::-webkit-scrollbar{width:0;height:0;display:none}.subsOverlay{inset:var(--subs-inset);visibility:visible;opacity:.001;pointer-events:none;z-index:10;contain:paint;will-change:opacity;display:block;position:absolute}.subsOverlay.on{visibility:visible;opacity:1}.subsBox{width:100%;left:0;right:0;bottom:calc(50% + (var(--subs-v-offset,10) - 50) * 1%);transform:translateX(calc((var(--subs-h-offset,50) - 50) * 1%)) translateY(50%);text-align:center;white-space:pre-wrap;box-sizing:border-box;justify-content:center;align-items:flex-end;height:auto;padding:0;line-height:1.25;transition:transform 1s;display:flex;position:absolute}.subsText{word-break:break-word;max-width:100%;font-family:var(--subs-font,var(--sans));font-size:var(--subs-font-size-px,calc(var(--subs-size-pct,5) * 1cqh));color:var(--subs-color,#fff);-webkit-text-stroke:var(--subs-outline-width,0) var(--subs-outline-color,transparent);-webkit-text-fill-color:currentColor;paint-order:stroke fill;font-weight:var(--subs-weight,400);font-style:var(--subs-style,normal);-webkit-text-decoration:var(--subs-deco,none);text-decoration:var(--subs-deco,none);opacity:var(--subs-opacity,1);padding:var(--subs-bg-padding,0);background:var(--subs-bg,transparent);text-shadow:0 var(--subs-shadow-y,0px) var(--subs-shadow,0px) var(--subs-shadow-color,#0000);border-radius:10px;display:inline-block}.subsOverlay.subs-use-theme-color .subsText{color:var(--text)}.subsText b{font-weight:700}.subsText i{font-style:italic}.subsText u{text-decoration:underline}.panelSection{gap:10px!important}#subsTrackSel{width:100%;height:40px}.subsTrackWrap{min-width:0}#subsTrackBtnLabel .subsTrackBtnLabelInner{white-space:nowrap;display:inline-block}.pwSelectBtn>span:first-child.overflowing{white-space:nowrap;min-width:min-content;animation:8s linear infinite subsLabelMarquee;display:inline-block}@keyframes subsLabelMarquee{0%,10%{transform:translate(0)}85%,to{transform:translateX(var(--marquee-distance,-100%))}}.panelSection .hr{margin:8px 0}.chk{color:var(--text);align-items:center;gap:6px;font-size:12px;display:flex}.chk input{accent-color:var(--themeFg)}.videoMsgOverlay{z-index:8;pointer-events:none;background:0 0;display:none;position:absolute;inset:0}.videoMsgOverlay.on{display:block}.videoMsgBubble{-webkit-backdrop-filter:blur(5px);max-width:50%;color:var(--text);opacity:0;will-change:opacity;background:#0009;border:1px solid #ffffff24;border-radius:14px;padding:.45em .7em;font-size:clamp(12px,2.5vw,22px);line-height:1.15;transition:opacity 1s;position:absolute;top:2%;right:2%;transform:none;box-shadow:0 10px 25px #00000059}.videoMsgBubble.show{opacity:1;transform:none}.videoMsgComposer{z-index:9;-webkit-backdrop-filter:blur(5px);width:50%;color:var(--text);opacity:0;pointer-events:auto;background:#0009;border:1px solid #ffffff24;border-radius:14px;padding:.55em .7em;font-size:clamp(12px,2.5vw,22px);line-height:1.15;transition:opacity .2s;display:none;position:absolute;top:2%;right:2%;transform:none;box-shadow:0 10px 25px #00000059}.videoMsgInputRow{align-items:center;gap:8px;display:flex}.videoMsgInputRow input{flex:1;min-width:0}.videoMsgComposer.on{opacity:1;display:block;transform:none}.videoMsgComposer input{box-sizing:border-box;width:100%;color:var(--text);background:#ffffff14;border:1px solid #ffffff29;border-radius:10px;outline:none;padding:.55em .6em;font-size:1em}.videoMsgComposer input::placeholder{color:#ffffffa6}.videoMsgComposer button{flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:inline-flex}.videoMsgComposer button>span{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.videoMsgComposer button .ico{width:18px;height:18px;display:block}.videoMsgComposer button .ico.stroke{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.videoMsgComposer .chatBtnSend .ico.stroke{transform:translate(-.5px)}header .mini{color:var(--muted);opacity:.95}.pwRight{justify-content:flex-end;margin-left:auto}.sliders{flex-wrap:wrap;justify-content:flex-end;row-gap:8px}.sliderLabel input[type=range]{width:clamp(48px,10vw,90px);min-width:48px}@media (width<=520px){.pwRow,.pwLeft,.pwRight{gap:8px}.iconBtn{border-radius:12px;width:34px;height:34px}.sliderLabel input[type=range]{width:clamp(42px,16vw,70px);min-width:42px}.pwRight>*{flex:none}#player-controls .pwRow{min-width:0}#player-controls .pwRight{flex-wrap:wrap;justify-content:flex-end}}.mediaFrame{isolation:isolate;position:absolute}.videoSubsWrap{position:absolute;inset:0}.playerYouTubeContainer{z-index:0;background:#000;width:100%;height:100%;display:none;position:absolute;inset:0}.playerYouTubeContainer iframe{border:0;width:100%;height:100%;display:block}.videoSubsWrap.youtubeMode>video{display:none}.mediaFrame.youtubeMode,.videoSubsWrap.youtubeMode{pointer-events:none}.videoSubsWrap.youtubeMode .playerYouTubeContainer{pointer-events:none;display:block}.videoSubsWrap video{object-fit:contain;object-position:center center;background:#000;width:100%;height:100%;display:block;position:absolute;inset:0}.videoStageRoot.videoStageLocked:after{content:"";pointer-events:auto;z-index:40;background:#0000004d;position:absolute;inset:0}.chk{color:var(--muted);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:12px;display:inline-flex}.chk input{transform:translateY(1px)}@media (width<=680px){#netText{display:none}#statusPill{min-width:0}#statusPill .badge{gap:0}}@media (width<=440px){header .brand h1,header .brand .mini{display:none}header .brand{gap:8px}}#statusPill.compact #netText{display:none}#statusPill.compact{min-width:0}#statusPill.compact .badge{gap:0}body.compactStatus #netText{display:none}body.compactStatus #statusPill{min-width:0}body.compactStatus #statusPill .badge{gap:0}body.brandLogoOnly header .brand h1,body.brandLogoOnly header .brand .mini{display:none}body.brandLogoOnly header .brand{gap:8px}#player-controls{left:var(--ctrl-inset);right:var(--ctrl-inset);bottom:var(--ctrl-inset);z-index:60;transform-origin:bottom;opacity:.001;pointer-events:none;contain:layout paint style;will-change:opacity;transition:opacity .18s;position:absolute;transform:none;margin-top:0!important}#player-controls.show{opacity:1;pointer-events:auto;transform:none}.pwControls{margin-top:0!important}.pwSubsPanel{width:min(calc(100% - 2 * var(--ctrl-inset,12px)), 440px);z-index:50;-webkit-backdrop-filter:none;backdrop-filter:none;max-width:440px;max-height:calc(100vh - 24px);box-shadow:none;opacity:0;visibility:hidden;background:0 0;border:none;border-radius:0;flex-direction:column;padding:0;transition:opacity .25s,visibility .25s;display:flex;position:absolute;top:50%;left:50%;right:auto;transform:translate(-50%,-50%)}.pwSubsPanel:not(.open){contain:layout paint;pointer-events:none}.pwSubsPanel.open{opacity:1;visibility:visible}.pwSubsPanel.open .pwSubsPanel-bd{animation:.2s pwSubsPanelFadeIn}@keyframes pwSubsPanelFadeIn{0%{opacity:0}to{opacity:1}}.pwSubsPanel-bd{--panel-body-shadow-safe-inset:var(--surface-shadow-bleed-tight);overflow-clip-margin:var(--panel-body-shadow-safe-inset);-webkit-overflow-scrolling:touch;contain:layout style;min-height:0;max-height:60vh;padding:calc(6px + var(--panel-body-shadow-safe-inset)) calc(12px + var(--panel-body-shadow-safe-inset));border-radius:var(--ctrl-radius);-webkit-backdrop-filter:blur(5px);scrollbar-width:thin;scrollbar-color:rgba(var(--accentRGB), .2) transparent;background:#0006;border:1px solid #ffffff24;flex-direction:column;flex:1;gap:0;display:flex;overflow:hidden auto;box-shadow:0 10px 25px #00000040}.pwSubsPanel-bd::-webkit-scrollbar{width:10px;height:10px}.pwSubsPanel-bd::-webkit-scrollbar-track{background:0 0}.pwSubsPanel-bd::-webkit-scrollbar-thumb{background:rgba(var(--accentRGB), .2);background-clip:padding-box;border:3px solid #0000;border-radius:999px}.pwSubsPanel-bd::-webkit-scrollbar-corner{background:0 0}.pwSubsPanel .panelSection{flex-direction:column;flex:0 auto;gap:2px;min-height:0;display:flex}.pwSubsPanel .panelSection,.pwOptionsPanel .panelSection{--panel-control-height:calc(32px * var(--uiScale));--panel-row-gap:2px}.pwSubsPanel .panelSection input[type=number],.pwSubsPanel .panelSection input[type=text],.pwSubsPanel .panelSection input[type=color],.pwSubsPanel .panelSection .subsColorSwatch,.pwSubsPanel .panelSection .pwSelectBtn,.pwSubsPanel .panelSection .subsColorSwatchBtn,.pwOptionsPanel .panelSection input[type=number],.pwOptionsPanel .panelSection input[type=text],.pwOptionsPanel .panelSection .pwSelectBtn,.pwOptionsPanel .panelSection .uiScaleWrap .ratePill,.pwOptionsPanel .panelSection .playbackRateWrap .ratePill{height:var(--panel-control-height);box-sizing:border-box}.pwSubsPanel .panelSection input[type=number],.pwOptionsPanel .panelSection input[type=number]{padding:0 calc(8px * var(--uiScale))}.pwSubsPanel .panelSection .kv{margin:0}.pwSubsPanel .panelSection .kv+.kv{margin-top:0}.pwSubsPanel .panelSection .subsRow,.pwOptionsPanel .panelSection .optionsRow{box-sizing:border-box;align-items:center;min-height:44px;padding-top:2px;padding-bottom:2px}.subsOffsetXYRow{flex-wrap:wrap;align-items:center;gap:12px;display:flex}@media (width<=380px){.subsOffsetXYRow{flex-direction:column}}.subsOffsetXYRow .subsOffsetXYItem{align-items:center;gap:10px;min-width:0;display:flex}.subsOffsetXYRow .subsOffsetXYItem label{color:var(--muted);flex:none;font-size:12px}.subsOffsetXYRow .subsOffsetXYItem input{flex:1 1 0;min-width:0}.pwSubsPanel #subsSection.subs-simple-mode .subsAdvancedRow{display:none}.pwSubsPanel .panelSection .grid2{margin-top:4px}.pwSubsPanel button,.pwSubsPanel .subsOffsetBtn{border-radius:var(--ctrl-btn-small-radius);background:#ffffff0f;border-color:#ffffff24}.pwSubsPanel button:hover,.pwSubsPanel .subsOffsetBtn:hover{background:#ffffff1a}.pwSubsPanel button:active,.pwSubsPanel .subsOffsetBtn:active{transform:translateY(1px)}.isFullscreen .stage{z-index:0;overflow:hidden}.isFullscreen .pwSubsPanel{width:min(calc(100% - 2 * var(--ctrl-inset)), 440px);z-index:2147483647;max-width:440px;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}#player-shell:fullscreen .pwSubsPanel{width:min(calc(100% - 2 * var(--ctrl-inset)), 440px);z-index:2147483647;max-width:440px;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}#player-shell:-webkit-full-screen .pwSubsPanel{width:min(calc(100% - 2 * var(--ctrl-inset)), 440px);z-index:2147483647;max-width:440px;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.isFullscreen .pwSubsPanel.open{opacity:1!important;visibility:visible!important}#player-shell:fullscreen .pwSubsPanel.open{opacity:1!important;visibility:visible!important}#player-shell:-webkit-full-screen .pwSubsPanel.open{opacity:1!important;visibility:visible!important}.isFullscreen .pwSubsPanel-bd,:-webkit-any(#player-shell:fullscreen .pwSubsPanel-bd,#player-shell:-webkit-full-screen .pwSubsPanel-bd){max-height:65vh}.isFullscreen .pwSubsPanel-bd,:is(#player-shell:fullscreen .pwSubsPanel-bd,#player-shell:fullscreen .pwSubsPanel-bd){max-height:65vh}@media (width<=720px){.pwSubsPanel-bd{max-height:50vh}}.pwOptionsPanel{width:min(calc(100% - 2 * var(--ctrl-inset,12px)), 440px);z-index:50;-webkit-backdrop-filter:none;backdrop-filter:none;max-width:440px;max-height:calc(100vh - 24px);box-shadow:none;opacity:0;visibility:hidden;background:0 0;border:none;border-radius:0;flex-direction:column;padding:0;transition:opacity .25s,visibility .25s;display:flex;position:absolute;top:50%;left:50%;right:auto;transform:translate(-50%,-50%)}.pwOptionsPanel:not(.open){contain:layout paint;pointer-events:none}.pwOptionsPanel.open{opacity:1;visibility:visible}.pwOptionsPanel.open .pwOptionsPanel-bd{animation:.2s pwSubsPanelFadeIn}.pwOptionsPanel-bd{--panel-body-shadow-safe-inset:var(--surface-shadow-bleed-tight);overflow-clip-margin:var(--panel-body-shadow-safe-inset);-webkit-overflow-scrolling:touch;contain:layout style;min-height:0;max-height:60vh;padding:calc(6px + var(--panel-body-shadow-safe-inset)) calc(12px + var(--panel-body-shadow-safe-inset));border-radius:var(--ctrl-radius);-webkit-backdrop-filter:blur(5px);scrollbar-width:thin;scrollbar-color:rgba(var(--accentRGB), .2) transparent;background:#0006;border:1px solid #ffffff24;flex-direction:column;flex:0 auto;gap:0;display:flex;overflow:hidden auto;box-shadow:0 10px 25px #00000040}.pwOptionsPanel-bd::-webkit-scrollbar{width:10px;height:10px}.pwOptionsPanel-bd::-webkit-scrollbar-track{background:0 0}.pwOptionsPanel-bd::-webkit-scrollbar-thumb{background:rgba(var(--accentRGB), .2);background-clip:padding-box;border:3px solid #0000;border-radius:999px}.pwOptionsPanel-bd::-webkit-scrollbar-corner{background:0 0}.pwOptionsPanel .panelSection{flex-direction:column;flex:0 auto;gap:2px;min-height:0;display:flex}.pwOptionsPanel .panelSection .kv{margin:0}.pwOptionsPanel .panelSection .kv+.kv{margin-top:0}.pwOptionsPanel .panelSection .kv,.pwOptionsPanel .panelPage .kv{flex-flow:row;align-items:center;display:flex}.pwOptionsPanel .panelSection .kv>label,.pwOptionsPanel .panelPage .kv>label{flex:0 130px;min-width:0}.pwOptionsPanel .panelSection .kv>:not(label),.pwOptionsPanel .panelPage .kv>:not(label){flex:1 1 0;min-width:0}.pwOptionsPanel button{border-radius:var(--ctrl-btn-small-radius);background:#ffffff0f;border-color:#ffffff24}.pwOptionsPanel button:hover{background:#ffffff1a}.pwOptionsPanel button:active{transform:translateY(1px)}.isFullscreen .pwOptionsPanel{width:min(calc(100% - 2 * var(--ctrl-inset)), 440px);z-index:2147483647;max-width:440px;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}#player-shell:fullscreen .pwOptionsPanel{width:min(calc(100% - 2 * var(--ctrl-inset)), 440px);z-index:2147483647;max-width:440px;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}#player-shell:-webkit-full-screen .pwOptionsPanel{width:min(calc(100% - 2 * var(--ctrl-inset)), 440px);z-index:2147483647;max-width:440px;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.isFullscreen .pwOptionsPanel.open{opacity:1!important;visibility:visible!important}#player-shell:fullscreen .pwOptionsPanel.open{opacity:1!important;visibility:visible!important}#player-shell:-webkit-full-screen .pwOptionsPanel.open{opacity:1!important;visibility:visible!important}.isFullscreen .pwOptionsPanel-bd,:-webkit-any(#player-shell:fullscreen .pwOptionsPanel-bd,#player-shell:-webkit-full-screen .pwOptionsPanel-bd){max-height:65vh}.isFullscreen .pwOptionsPanel-bd,:is(#player-shell:fullscreen .pwOptionsPanel-bd,#player-shell:fullscreen .pwOptionsPanel-bd){max-height:65vh}@media (width<=720px){.pwOptionsPanel-bd{max-height:50vh}}.panelPagesContainer{flex-direction:column;gap:0;min-height:0;display:flex;position:relative;overflow:hidden}.panelPageHeader{flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;margin-bottom:0;padding-bottom:0;display:flex}.panelPageHeaderCenter{flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.panelCloseBtn{flex:none;min-width:2.5em;padding-inline:.75em}.panelPageHeader .panelPageHeaderTitle{font-weight:600;font-size:var(--ui-font-13)}#btnToggleSubs{min-width:3em}#btnOptionsMode{min-width:4.5em}.panelPage{opacity:0;margin-top:0;transition:opacity .3s ease-in-out,transform .3s ease-in-out;display:none;transform:translate(20px)}.panelPage.active{gap:var(--panel-row-gap,12px);opacity:1;flex-direction:column;display:flex;transform:translate(0)}.role-toggle-fixed{text-align:center}.videoStage.card{box-shadow:none;background:0 0;border:1px solid #ffffff1a}.videoStage.card .bd{padding:0}:root{--segMark:rgba(var(--accentRGB),.26)}.pwSeekLine{position:relative}.segOverlay{pointer-events:none;z-index:1;height:6px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.segOverlay .seg{background:var(--segMark);border-radius:3px;position:absolute;top:0;bottom:0}@media (width<=520px){#player-controls .ctl-step{display:none!important}}@media (width<=420px){#player-controls .ctl-skip10{display:none!important}}@media (width<=360px){#player-controls .ctl-volbar{display:none!important}}.audioSourceRow,.audioSourceWrap{min-width:0}#audioSourceSelect{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.uiScaleRow,.playbackRateRow,.uiScaleWrap,.playbackRateWrap{min-width:0}#player-ui-scale,#player-playback-rate{flex:1;min-width:0;max-width:100%}.uiScaleWrap .ratePill,.playbackRateWrap .ratePill{width:calc(52px * var(--uiScale));min-width:calc(52px * var(--uiScale));justify-content:center;align-items:center;display:inline-flex}.pwSelectNative{border-radius:var(--ui-radius-md);color:var(--text);padding:var(--ui-pad-block-md) var(--ui-pad-inline-md);height:var(--ui-control-height);background:#070a104d;border:1px solid #ffffff1f;outline:none}.pwSelectNative:focus{border-color:#ffffff38;box-shadow:0 0 0 3px #ffffff0f}#subsSection input[type=color]{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;width:42px;padding:0}#subsSection input[type=color]::-webkit-color-swatch{border:none;border-radius:8px}@media (width>=521px){#player-controls .pwRow,#player-controls .pwLeft,#player-controls .pwRight{flex-wrap:nowrap}}#player-controls.hideVolBar .ctl-volbar{display:none!important}.volWrap{align-items:center;gap:8px;display:inline-flex}#player-controls.hideStep .ctl-step,#player-controls.hideVolBtns .ctl-volbtn,#player-controls.hideSkip10 .ctl-skip10{display:none!important}#subsSection .subsColorSwatch{width:calc(42px * var(--uiScale));border-radius:var(--ui-radius-sm);background:0 0;border:1px solid #ffffff1f;flex-shrink:0;padding:0;overflow:hidden}#subsSection .subsColorSwatch::-webkit-color-swatch-wrapper{padding:0}#subsSection .subsColorSwatch::-webkit-color-swatch{border-radius:calc(9px * var(--uiScale));border:none}#subsSection input[type=color]{width:calc(42px * var(--uiScale));border-radius:var(--ui-radius-sm);background:0 0;border:1px solid #ffffff1f;padding:0;overflow:hidden}#subsSection input[type=color]::-webkit-color-swatch-wrapper{padding:0}#subsSection input[type=color]::-webkit-color-swatch{border-radius:calc(9px * var(--uiScale));border:none}#subsSection.subsDropOver{border:1px dashed rgba(var(--accentRGB,100, 149, 237), .6);background:rgba(var(--accentRGB,100, 149, 237), .06);border-radius:10px}.subsColorPickerWrap{display:inline-flex;position:relative}.subsColorSwatchBtn{cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:10px;flex-shrink:0;width:42px;padding:0;overflow:hidden}.subsColorSwatchPreview{border-radius:9px;width:100%;height:100%;display:block}.subsColorPickerPopover{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-sizing:border-box;background:#0009;border:1px solid #ffffff24;border-radius:12px;flex-direction:column;gap:10px;width:max-content;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:10px;display:flex;position:fixed;top:0;left:0;overflow:auto;transform:none;box-shadow:0 10px 25px #00000059}.subsColorPickerPopover[hidden]{display:none!important}.subsColorPickerCustom{align-items:stretch;gap:10px;display:flex}.subsColorPickerSatLight{cursor:crosshair;background:linear-gradient(to bottom, transparent, #000000e6), linear-gradient(to right, #fff, var(--subs-picker-hue,red));border:1px solid #ffffff24;border-radius:8px;width:160px;height:140px;position:relative}.subsColorPickerSatLight .subsColorPickerHandle{pointer-events:none;border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0006}.subsColorPickerHue{cursor:ns-resize;background:linear-gradient(red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);border:1px solid #ffffff24;border-radius:6px;width:14px;height:140px;position:relative}.subsColorPickerHue .subsColorPickerHueHandle{pointer-events:none;border:2px solid #fff;border-radius:2px;width:18px;height:4px;margin-left:-9px;position:absolute;left:50%;transform:translateY(-50%);box-shadow:0 0 0 1px #0006}.subsColorPickerAlphaRow{align-items:center;gap:6px;display:flex}.subsColorPickerAlphaRow label{font-size:var(--ui-font-12);color:var(--themeFg);flex-shrink:0}.subsColorPickerAlphaRow input[type=range]{flex:1;min-width:0;max-width:100px}.subsColorAlphaValue{font-size:var(--ui-font-12);color:var(--themeFg);flex-shrink:0}.subsStyleWrap{container:styleRow/inline-size}.subsStyleRow .short{display:none}.subsStyleRow .full{display:inline}@container styleRow (width<=200px){.subsStyleRow .full{display:none}.subsStyleRow .short{display:inline}}.subsOffsetWrap{container:subsOffset/inline-size}.subsOffsetBtn .short{display:none}.subsOffsetBtn .full{display:inline}@container subsOffset (width<=240px){.subsOffsetBtn .full{display:none}.subsOffsetBtn .short{display:inline}}.streamQuality .sqActions{justify-content:flex-end;display:flex}.streamQuality .grid2{flex-wrap:wrap;gap:12px;display:flex}.streamQuality .grid2>*{flex:calc(50% - 6px);min-width:0}@media (width<=1100px){.streamQuality .grid2>*{flex-basis:100%}}body:not(.isHost) #streamDetails,body:not(.isHost) #hrBeforeStreamQuality,body:not(.isHost) .optionsStreamRow,body:not(.isHost) #optionsSection .hostOnly,#optionsSection.options-simple-mode .optionsRow:not(.optionsSimpleRow){display:none!important}.streamQuality .pwSelectBtn:disabled,.streamQuality .sqActions button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}details .streamQuality{overflow:visible}@media (width<=720px){.ctl-volbar{display:none!important}}#header-btn-stream-toggle,#header-btn-role-toggle,#header-btn-share{text-align:center;justify-content:center;align-items:center;min-width:64px;display:inline-flex}body:not(.isHost) #header-btn-stream-toggle{display:none!important}body.isHost #header-btn-stream-toggle{display:inline-flex}#header-btn-stream-toggle:before,#header-btn-stream-toggle:after{content:none!important;display:none!important}#header-btn-stream-toggle.on{background:var(--endAccentBg);color:var(--endAccent);border-color:var(--endAccent);box-shadow:0 0 18px var(--endAccent)}#header-btn-role-toggle:before,#header-btn-role-toggle:after,#header-btn-share:before,#header-btn-share:after{content:none!important;display:none!important}.streamQuality .pwSelectBtn{min-width:0}.streamQuality .pwSelectMenu{z-index:200}:root{--uiScale:1;--page-max-width:1700px;--app-shell-width:min(100vw, var(--page-max-width));--app-shell-fill-ratio:1;--desktop-bottom-safe-gap-ratio:0;--desktop-shell-shadow-bleed:clamp(56px, 8vh, 96px);--app-right-column-width:clamp(360px, 22vw, 430px);--app-sidebar-min-width:360px;--app-sidebar-preferred-ratio:.22;--app-sidebar-max-width:430px;--app-shell-padding-inline:0px;--app-shell-padding-block-start:16px;--app-shell-padding-block-end:28px;--app-shell-viewport-pad-inline-ratio:.04;--app-shell-viewport-pad-bottom-ratio:.04;--app-shell-viewport-pad-inline:calc(100vw * var(--app-shell-viewport-pad-inline-ratio));--app-shell-viewport-pad-bottom:calc(100vw * var(--app-shell-viewport-pad-bottom-ratio));--desktop-main-width:auto;--desktop-video-width:auto;--desktop-video-height:auto;--desktop-sidebar-width:var(--app-right-column-width);--body-font:"Aptos", "Segoe UI Variable Text", "Trebuchet MS", sans-serif;--display-font:"Aptos Display", "Segoe UI Variable Display", "Trebuchet MS", sans-serif;--ui-font-11:calc(11px * var(--uiScale));--ui-font-12:calc(12px * var(--uiScale));--ui-font-13:calc(13px * var(--uiScale));--ui-font-18:calc(18px * var(--uiScale));--ui-pad-block-sm:calc(6px * var(--uiScale));--ui-pad-inline-sm:calc(8px * var(--uiScale));--ui-pad-block-md:calc(8px * var(--uiScale));--ui-pad-inline-md:calc(10px * var(--uiScale));--ui-radius-sm:calc(10px * var(--uiScale));--ui-radius-md:calc(12px * var(--uiScale));--ui-radius-lg:calc(18px * var(--uiScale));--ui-control-height:calc(36px * var(--uiScale));--ui-control-height-compact:calc(32px * var(--uiScale));--ui-icon-size:calc(18px * var(--uiScale));--ui-icon-size-lg:calc(19.8px * var(--uiScale));--ui-status-pill-height:calc(34px * var(--uiScale));--surface-panel:#0a0e16c7;--surface-panel-strong:#141414e6;--surface-panel-soft:#ffffff0b;--surface-border:#ffffff1a;--surface-border-strong:#ffffff2e;--surface-content-padding:18px;--surface-content-padding-mobile:14px;--surface-shadow-bleed:12px;--surface-shadow-bleed-tight:10px;--surface-sheen:linear-gradient(180deg, #ffffff1c, #ffffff06);--shadow-cinematic:0 28px 90px #00000080;--shadow-soft:0 18px 36px #00000042;--glow-accent:0 0 0 1px color-mix(in srgb, var(--accent) 12%, transparent), 0 28px 70px color-mix(in srgb, var(--accent) 16%, transparent);--input-bg:linear-gradient(180deg, #fff1, #ffffff06);--button-bg:linear-gradient(180deg, #ffffff1a, #ffffff09);--button-bg-hover:linear-gradient(180deg, #ffffff29, #ffffff0d);--page-edge-gradient:linear-gradient(90deg, hsl(calc(var(--themeHue,265deg) + 10deg) 100% 10% / .4) 0%, hsl(calc(var(--themeHue,265deg) + 10deg) 100% 10% / 0) 25%, hsl(calc(var(--themeHue,265deg) - 10deg) 100% 10% / 0) 75%, hsl(calc(var(--themeHue,265deg) - 10deg) 100% 10% / .4) 100%);--ctrl-btn-size:calc(50px * var(--uiScale));--ctrl-btn-small-size:calc(36px * var(--uiScale));--ctrl-btn-radius:calc(14px * var(--uiScale));--ctrl-btn-small-radius:calc(12px * var(--uiScale));--ctrl-time-font:var(--ui-font-12);--ctrl-slider-label-font:var(--ui-font-12);--accent-button-bg:linear-gradient(135deg, color-mix(in srgb, var(--accent) 30%, transparent), color-mix(in srgb, var(--accent2) 20%, transparent))}html,body{min-height:100%}body{isolation:isolate;font-family:var(--body-font);background:var(--page-edge-gradient), var(--bg);color:var(--text);position:relative;overflow-x:hidden}body:before,body:after{content:none}header,main{z-index:1;position:relative}header{z-index:1000;-webkit-backdrop-filter:none;background:0 0;border-bottom:1px solid #0000;padding-top:10px;position:sticky;top:0}.wrap{box-sizing:border-box;width:100%;max-width:none;padding:18px calc(var(--app-shell-padding-inline) + var(--app-shell-viewport-pad-inline)) 12px;margin:0}.topbar{--topbar-brand-gradient-length:350px;background-color:#080b11cc;background-image:linear-gradient(90deg, hsl(var(--themeHue,265deg) 100% 50% / .2) 0%, hsl(var(--themeHue,265deg) 100% 50% / 0) 100%), linear-gradient(to top left, #ffffff0f 0%, #ffffff03 25%, #ffffff03 100%), linear-gradient(to bottom right, #ffffff0f 0%, #ffffff03 25%, #ffffff03 100%), linear-gradient(#ffffff0e, #ffffff05);background-size:var(--topbar-brand-gradient-length,350px) 100%, auto, auto, auto;box-shadow:var(--shadow-soft), inset 0 1px 0 #ffffff14;background-position:0 0,0 0,0 0,0 0;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;border:1px solid #7d7d7d0d;border-radius:26px;gap:18px;padding:14px 18px;position:relative;overflow:hidden}.brand{gap:14px}.topbar>*{z-index:1;position:relative}.brand>div{flex-direction:column;gap:3px;display:flex;position:relative;overflow:visible}.logo{background-color:hsl(var(--themeHue,265deg) 100% 50%);width:44px;height:44px;box-shadow:none;transition:background-color var(--themeDur,2s) ease;border:none;border-radius:16px;position:relative;overflow:hidden}.logo:before,.logo:after{content:none}h1{z-index:1;font-family:var(--display-font);font-size:var(--ui-font-18);letter-spacing:.12em;text-transform:uppercase;margin:0;font-weight:700;position:relative}.pill{font-size:var(--ui-font-12);color:var(--muted);padding:var(--ui-pad-block-sm) var(--ui-pad-inline-md);background:#ffffff0a;border:1px solid #ffffff1f;border-radius:999px}#statusPill{min-width:calc(152px * var(--uiScale));height:var(--ui-status-pill-height);min-height:var(--ui-status-pill-height);padding:0 calc(12px * var(--uiScale));box-sizing:border-box;border-color:color-mix(in srgb, var(--accent) 18%, transparent);background:#0000002e;box-shadow:inset 0 1px #ffffff14,0 10px 20px #0000002e}#statusPill.compact,body.compactStatus #statusPill{width:var(--ui-status-pill-height);min-width:var(--ui-status-pill-height);justify-content:center;padding-inline:0}#statusPill.compact #netText,body.compactStatus #netText{display:none}#statusPill.compact .badge,body.compactStatus #statusPill .badge{gap:0;width:auto}.badge{letter-spacing:.03em;font-weight:600}.dot{box-shadow:0 0 0 4px #ffffff0a}.dot.ok{box-shadow:0 0 18px #6ef39a59}.dot.bad{box-shadow:0 0 18px #ff6b8b59}button,input[type=text],select,textarea,input[type=number]{font-family:var(--body-font)}button{background:var(--button-bg);border-color:#ffffff1f;font-weight:600;box-shadow:inset 0 1px #ffffff14,0 12px 24px #00000029}button:hover{background:var(--button-bg-hover);transform:translateY(-1px)}button:active{transform:translateY(0)}button.primary,#header-btn-stream-toggle{border-color:color-mix(in srgb, var(--accent) 36%, transparent);background:var(--accent-button-bg);box-shadow:inset 0 1px 0 #ffffff1f, 0 18px 28px color-mix(in srgb, var(--accent) 16%, transparent)}button.small.inline,#header-btn-role-toggle,#header-btn-share{border-radius:999px;min-height:34px;padding-inline:12px}.topbar button,.topbar button.primary,.topbar #header-btn-stream-toggle,.topbar #header-btn-role-toggle,.topbar #header-btn-share{background:#ffffff14}.topbar button:hover,.topbar button.primary:hover,.topbar #header-btn-stream-toggle:hover,.topbar #header-btn-role-toggle:hover,.topbar #header-btn-share:hover{background:#ffffff24}input[type=text],textarea,select,input[type=number]{background:var(--input-bg);border-color:#ffffff1f;box-shadow:inset 0 1px #ffffff0f}input[type=text]:focus,textarea:focus,select:focus,input[type=number]:focus{border-color:color-mix(in srgb, var(--accent) 28%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent), inset 0 1px 0 #ffffff14}.pwSelectBtn{background:#070a104d;border-color:#ffffff1f;box-shadow:inset 0 1px #ffffff0f}.pwSelectBtn:hover{background:#070a1057}.pwSelectMenu{background:#070a104d;border-color:#ffffff1f;border-radius:18px;margin-top:10px;padding:8px}.pwSelectOpt{background:#070a104d;border-radius:12px}.pwSelectOpt:hover{background:#070a1057}.pwSelectOpt[aria-selected=true]{background:#070a1061}.pwSelectOpt:disabled,.pwSelectOpt[aria-disabled=true]{opacity:.45;cursor:not-allowed;color:#ffffff8c;pointer-events:none;background:#070a1008;border-color:#ffffff0f}.themeCustomWrap{width:100%;min-width:0}.themeCustomControls{grid-template-columns:1fr;align-items:center;gap:8px 10px;width:100%;min-width:0;display:grid}.themeCustomSliderRow{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px;display:grid}#themeCustomHue{justify-self:stretch;width:100%;min-width:0;margin:0}.themeCustomPreview{background:var(--accent);border:1px solid #ffffff2e;border-radius:8px;width:28px;height:28px;box-shadow:inset 0 1px #ffffff24}.themeCustomInputsRow{justify-content:flex-start;align-items:center;gap:10px;min-width:0;display:flex}.themeCustomField{align-items:center;gap:8px;min-width:0;display:flex}.themeCustomField label{letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb, var(--muted) 90%, white 10%);font-size:11px;font-weight:700}.themeCustomField input{width:110px;min-width:0}#themeCustomHex{text-transform:uppercase}#themeCustomDeg{text-transform:none}@media (width<=520px){.themeCustomControls{grid-template-columns:1fr}.themeCustomInputsRow{flex-wrap:wrap}}.monoValue{font-family:var(--mono)}.text-13{font-size:13px}.inherit-font-size{font-size:inherit}.font-weight-bold{font-weight:700}.min-w-0{min-width:0}@media (width<=900px){:root{--app-shell-padding-inline:0px}.wrap{padding-inline:calc(var(--app-shell-padding-inline) + var(--app-shell-viewport-pad-inline))}.topbar{border-radius:22px;padding:12px 14px}.brand>div:after{letter-spacing:.16em}}@media (width<=640px){header{z-index:1200;padding-top:max(2px, env(safe-area-inset-top));background:#03050a1a;border-bottom-color:#ffffff0f;top:0}.wrap{padding:8px calc(var(--app-shell-padding-inline) + var(--app-shell-viewport-pad-inline)) 6px}.topbar{box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border-color:#0000;border-radius:0;align-items:center;gap:12px;padding:0}.topbar:before{content:none}h1{letter-spacing:.08em;font-size:15px}.brand>div:after{display:none}}.panelSectionStack{flex-direction:column;gap:12px;margin-top:0;display:flex}.gap-12{gap:12px}.row-gap-8{gap:8px}.row-gap-10{gap:10px}.row-gap-16{gap:16px}.row-wrap{flex-wrap:wrap}.row-nowrap{flex-wrap:nowrap}.row-align-center{align-items:center}.row-justify-start{justify-content:flex-start}.row-justify-end{justify-content:flex-end}.inlineFlexGap8{align-items:center;gap:8px;display:flex}main{--app-gap:18px;box-sizing:border-box;width:100%;max-width:100%;padding:var(--app-shell-padding-block-start) calc(var(--app-shell-padding-inline) + var(--app-shell-viewport-pad-inline)) calc(var(--app-shell-padding-block-end) + var(--app-shell-viewport-pad-bottom));gap:var(--app-gap);flex-direction:column;margin:0;display:flex}.leftCol,.rightCol,.videoStage,#chat-card,#room-card{min-width:0;min-height:0}.leftCol,.rightCol{gap:var(--app-gap);flex-direction:column;display:flex}.card{border:1px solid var(--surface-border);background:linear-gradient(180deg, #ffffff12, #ffffff06), var(--surface-panel);box-shadow:var(--shadow-cinematic);-webkit-backdrop-filter:blur(18px);border-radius:28px;position:relative}.card:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 12%, transparent), transparent 26%, transparent 72%, #ffffff0a);position:absolute;inset:0}.card:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff14}.card>*{z-index:1;position:relative}.card .bd{padding:var(--surface-content-padding)}#chat-card,#room-card{background:radial-gradient(50% 50% at 0% 0%, hsla(var(--themeHue,265deg), 100%, 50%, .1) 0%, hsla(var(--themeHue,265deg), 100%, 50%, 0) 100%), linear-gradient(#ffffff0e, #ffffff05), hsl(var(--themeHue,265deg) 25% 10% / .6);border-color:#ffffff1a}#chat-card:before,#room-card:before{background:0 0}#chat-card{background:radial-gradient(50% 50% at 0% 0%, hsla(var(--themeHue,265deg), 100%, 50%, .1) 0%, hsla(var(--themeHue,265deg), 100%, 50%, 0) 100%), linear-gradient(to top left, #ffffff0f 0%, #ffffff03 25%, #ffffff03 100%), linear-gradient(to bottom right, #ffffff0f 0%, #ffffff03 25%, #ffffff03 100%), linear-gradient(#ffffff0e, #ffffff05), #080b11cc;border-color:#fff3;flex-direction:column;display:flex}#chat-card .hd{background:linear-gradient(to top left,#ffffff0f 0%,#ffffff03 25% 100%),linear-gradient(to bottom right,#ffffff0f 0%,#ffffff03 25% 100%),linear-gradient(#ffffff0e,#ffffff05),#080b11cc}#room-card{display:none}#chat-card .bd,#room-card .bd{padding:10px}#chat-card .bd{flex-direction:column;flex:auto;min-height:0;display:flex}#chat-card .log{flex:auto;min-height:0}#room-card .bd{gap:14px}html.shell-desktop-active,body.shell-desktop-active{overflow:hidden}@media (width>=1101px){html.shell-desktop-active main{width:100%;max-width:100%;padding-bottom:var(--app-shell-viewport-pad-bottom);height:calc(var(--desktop-video-height) + var(--app-shell-padding-block-start) + var(--app-shell-viewport-pad-bottom));grid-template-columns:var(--desktop-video-width,minmax(0, 1fr)) var(--desktop-sidebar-width,var(--app-right-column-width));justify-content:center;align-items:start;display:grid;overflow:visible}html.shell-desktop-active .videoStage{aspect-ratio:auto}html.shell-desktop-active .leftCol,html.shell-desktop-active .rightCol{height:var(--desktop-video-height);gap:0;overflow:visible}html.shell-desktop-active .leftCol{width:var(--desktop-video-width)}html.shell-desktop-active .rightCol{width:var(--desktop-sidebar-width,var(--app-right-column-width))}html.shell-desktop-active .videoStage,html.shell-desktop-active #chat-card{width:100%;height:100%}#chat-card .bd{padding:15px}}@media (width<=1100px){main{padding-inline:calc(var(--app-shell-padding-inline) + var(--app-shell-viewport-pad-inline));padding-bottom:calc(26px + var(--app-shell-viewport-pad-bottom))}.videoStage{aspect-ratio:16/9;width:100%;height:auto}.rightCol{gap:var(--app-gap)}#chat-card{height:var(--narrow-chat-card-height,clamp(420px, 58vh, 760px));min-height:min(240px, var(--narrow-chat-card-height,240px));max-height:var(--narrow-chat-card-height,clamp(420px, 58vh, 760px))}}@media (width<=720px){main{--app-gap:14px}#chat-card{height:var(--narrow-chat-card-height,clamp(260px, 38dvh, 360px));min-height:min(220px, var(--narrow-chat-card-height,220px));max-height:var(--narrow-chat-card-height,clamp(260px, 38dvh, 360px))}.card,.topbar{border-radius:22px}.card .bd,#chat-card .bd,#room-card .bd{padding:var(--surface-content-padding-mobile)}}.field-compact{max-width:110px}.playbackRateWrap,.uiScaleWrap{min-width:0}.videoStage{aspect-ratio:16/9;background:radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 34%), linear-gradient(180deg, #ffffff0f, #ffffff05), #05070bd6;flex:none;width:100%;height:auto}.videoStage .bd{flex-direction:column;align-items:stretch;gap:16px;height:100%;min-height:0;padding:18px;display:flex;position:relative}.playerShell{isolation:isolate;flex:auto;width:100%;min-width:0;height:100%;min-height:0;display:flex;position:relative}.videoStage .bd .playerShell{flex:auto}:-webkit-any(.playerShell:fullscreen,.playerShell:-webkit-full-screen){aspect-ratio:auto;background:#000;flex:auto;width:100%}:is(.playerShell:fullscreen,.playerShell:fullscreen){aspect-ratio:auto;background:#000;flex:auto;width:100%}.isFullscreen .stage{box-shadow:none;background:#000;border-radius:0}.playerShell:fullscreen .stage{box-shadow:none;background:#000;border-radius:0}.playerShell:-webkit-full-screen .stage{box-shadow:none;background:#000;border-radius:0}.isFullscreen .mediaFrame{box-shadow:none;background:#000;border-radius:0}.playerShell:fullscreen .mediaFrame{box-shadow:none;background:#000;border-radius:0}.playerShell:-webkit-full-screen .mediaFrame{box-shadow:none;background:#000;border-radius:0}.isFullscreen .stage:before,.isFullscreen .mediaFrame:after{opacity:0}.playerShell:fullscreen .stage:before{opacity:0}.playerShell:fullscreen .mediaFrame:after{opacity:0}.playerShell:-webkit-full-screen .stage:before{opacity:0}.playerShell:-webkit-full-screen .mediaFrame:after{opacity:0}.stage{isolation:isolate;background:radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 30%), linear-gradient(180deg, #ffffff08, #fff0), #02040a;border-radius:26px;width:100%;height:100%;min-height:0;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14,inset 0 -120px 140px #0000008c,0 22px 70px #00000075}.stage:before,.mediaFrame:after{content:"";pointer-events:none;position:absolute;inset:0}.stage:before{z-index:1;border-radius:inherit;background:linear-gradient(#ffffff0d,#0000 24%),linear-gradient(90deg,#ffffff08,#0000 18% 82%,#ffffff08)}.mediaFrame{z-index:2;isolation:isolate;background:#000;border-radius:0;width:100%;max-width:100%;height:100%;max-height:100%;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 0 0 1px #ffffff14,0 22px 70px #00000085}.mediaFrame:after{border-radius:inherit;background:radial-gradient(circle,#0000 58%,#00000057 100%),linear-gradient(#0000 62%,#00000047 100%)}#player-video,#player-video-subs-wrap{border-radius:0;width:100%;height:100%}.emptyVideoBackdrop{z-index:1;pointer-events:none;visibility:hidden;opacity:0;contain:paint;background:#000;transition:opacity .7s,visibility 0s linear .7s;position:absolute;inset:0;overflow:hidden}.emptyVideoBackdrop.on{visibility:visible;opacity:1;transition:opacity .9s}.dropHint{border-style:solid;border-color:color-mix(in srgb, var(--accent) 35%, transparent);min-height:72px;box-shadow:0 18px 40px #0000005c, 0 0 0 1px color-mix(in srgb, var(--accent) 15%, transparent);letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(#ffffff17,#ffffff08),#05080cbd;border-radius:18px;font-size:12px}.pwControls{background:linear-gradient(180deg, hsl(var(--themeHue,265deg) 100% 5% / .7), hsl(var(--themeHue,265deg) 100% 1% / .7));-webkit-backdrop-filter:blur(18px);border:1px solid #7d7d7d0d;border-radius:22px;margin-top:0;padding:12px 14px;box-shadow:inset 0 1px #ffffff12,0 18px 36px #0000004d}.pwSeekTop{margin-bottom:8px}.pwSeekLine{container-type:inline-size}.seekBarUnit{background:#ffffff09;border:1px solid #0000;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:8px 12px;display:grid;position:relative}.timeInline{letter-spacing:.04em;font-size:12px;font-weight:600}.timeLiveLabel{color:var(--themeFg)}.pwLeft,.pwRight{gap:10px}.pwRight.sliders{background:#ffffff09;border:0;border-radius:18px;padding:6px 10px}.iconBtn{background:linear-gradient(#ffffff1c,#ffffff08);border-color:#ffffff1f;box-shadow:inset 0 1px #ffffff14,0 12px 22px #0000002e}.iconBtn:hover{background:linear-gradient(#ffffff29,#ffffff0b)}.iconBtn.primary{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 28%, transparent), color-mix(in srgb, var(--accent2) 20%, transparent));border-color:color-mix(in srgb, var(--accent) 36%, transparent);box-shadow:inset 0 1px 0 #ffffff1f, 0 18px 28px color-mix(in srgb, var(--accent) 18%, transparent)}#player-btn-play-toggle{background:hsl(var(--themeHue,265deg) 100% 50% / .4);border-color:hsl(var(--themeHue,265deg) 100% 50% / .5);color:var(--themeFg);box-shadow:inset 0 1px 0 #ffffff24, 0 14px 24px hsl(var(--themeHue,265deg) 100% 50% / .24), 0 8px 16px #00000038}#player-btn-play-toggle:hover{background:hsl(var(--themeHue,265deg) 100% 50% / .6);border-color:hsl(var(--themeHue,265deg) 100% 50% / .7)}#player-btn-play-toggle:active{background:hsl(var(--themeHue,265deg) 100% 50% / .4)}#player-btn-play-toggle .iconSwap,#player-btn-play-toggle .ico{width:calc(var(--ui-icon-size) * 1.875);height:calc(var(--ui-icon-size) * 1.875)}.sliderLabel input[type=range]{width:calc(var(--ctrl-range-width) + 6px)}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 18%, transparent), #ffffff14);height:7px}input[type=range]::-webkit-slider-thumb{width:18px;height:18px;box-shadow:0 8px 16px #0000003d, 0 0 16px color-mix(in srgb, var(--accent) 34%, transparent);background:linear-gradient(#fffffffa,#dce4f0d6);margin-top:-5.5px}input[type=range]::-moz-range-track{background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 18%, transparent), #ffffff14);height:7px}input[type=range]::-moz-range-thumb{background:linear-gradient(#fffffffa,#dce4f0d6);width:18px;height:18px}.ratePill{background:linear-gradient(#ffffff1a,#ffffff09);border-color:#ffffff1f;box-shadow:inset 0 1px #ffffff0f}.videoMsgBubble,.videoMsgComposer{-webkit-backdrop-filter:blur(18px);background:linear-gradient(#ffffff1a,#ffffff08),#070a10d6;border:1px solid #ffffff1f;border-radius:18px;top:18px;right:18px;box-shadow:0 18px 34px #00000057}.videoMsgComposer input{background:#ffffff14}@media (width<=900px){.videoStage .bd{padding:14px}.stage,.pwControls{border-radius:20px}.seekBarUnit{gap:10px;padding-inline:10px}}@media (width<=640px){.pwControls{padding:10px}}@container (width<=420px){.seekBarUnit{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"current duration""seek seek";gap:8px 10px}.timeCurrentWrap{grid-area:current;justify-self:start}.timeDurationWrap{text-align:right;grid-area:duration;justify-self:end}#player-seek{grid-area:seek;width:100%;min-width:0}}.roomCodeLabel{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;display:inline-flex}.joinRoomInput{flex:1;min-width:0;max-width:94px}.chatTitleRow{font-size:var(--ui-font-13);justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;padding-bottom:0;display:flex;position:relative}#chatTitle,#roomCodeLabel,.peopleRow b{letter-spacing:.08em;text-transform:uppercase}#chatTitle{flex-wrap:wrap;align-items:center;gap:.48em;display:inline-flex}.chatTitleSeparator{color:var(--themeFg);pointer-events:none;-webkit-user-select:none;user-select:none;align-items:center;display:inline-flex}#chatTitle:not(:has(.roomCodeLabel:not(.hidden))) .chatTitleSeparator{display:none}#chatTitle .roomCodeLabel{font-size:inherit;font-weight:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit;transition:color .12s,opacity .12s}#chatTitle .roomCodeLabel.on,#chatTitleRoomName.on,#chatTitleDisplayName.on,.chatTitleSuffix.on{color:var(--themeFg)}#chatTitle #roomCodeLabel{color:color-mix(in srgb, var(--accent) 62%, white)}#chatTitle #roomCodeLabel:hover,#chatTitle #roomCodeLabel.on{color:var(--themeFg)}#chatTitle .roomCodeLabel:hover,#chatTitleRoomName:hover,#chatTitleDisplayName:hover,.chatTitleSuffix:hover{color:color-mix(in srgb, var(--accent) 62%, white)}.chatTitleSuffix,#chatTitle .roomCodeLabel{cursor:pointer;-webkit-user-select:none;user-select:none}.chatHeaderPopovers{z-index:20;position:relative}.chatHeaderPopover{z-index:1;pointer-events:auto;width:min(100%,412px);position:absolute;top:2px;left:0}.chatPopoverSurface{isolation:isolate;-webkit-backdrop-filter:blur(10px);background:#0009;position:relative;box-shadow:0 20px 42px #00000061}.chatPeoplePopoverPanel{flex-direction:column;gap:12px;min-width:220px;display:flex}.chatRenamePopoverPanel{text-align:center;box-sizing:border-box;border:1px solid #ffffff14;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;padding:12px 14px;display:flex}.chatRenamePopoverTitle{letter-spacing:.08em;text-align:center}.chatRenamePopoverInput{text-align:center;width:min(100%,220px)}.chatPeopleMembers{flex-wrap:wrap;gap:10px;min-height:24px;display:flex}#chatTitleDisplayName{color:inherit}.roomJoinRow,#room-card .kv.compact{background:#ffffff09;border:1px solid #ffffff14;border-radius:18px;padding:12px 14px}.peopleRow{background:#ffffff08;border:1px solid #ffffff14;border-radius:18px;padding:12px 14px}.chatHeaderPopover .roomJoinRow,.chatHeaderPopover .peopleRow{background:#0009}.members{gap:10px}.member{background:#00000024;border-color:#ffffff1a;border-radius:999px;padding:8px 12px;box-shadow:inset 0 1px #ffffff0a}.log{--shadow-safe-inset:var(--surface-shadow-bleed-tight);z-index:0;overflow-clip-margin:var(--shadow-safe-inset);background:linear-gradient(#ffffff0e,#ffffff05),#04070c99;border:1px solid #ffffff1a;border-radius:22px;flex:auto;min-height:0;margin-top:0;padding:10px;position:relative;overflow-y:auto;box-shadow:inset 0 1px #ffffff0d}.log .chatLine{gap:12px;margin-bottom:12px}.log .chatLine-avatar{background:color-mix(in srgb, var(--accent) 78%, black);width:38px;min-width:38px;height:38px;min-height:38px;box-shadow:0 12px 24px #0000003d, 0 0 18px color-mix(in srgb, var(--accent) 22%, transparent);border-radius:12px}.log .chatLineName{font-size:var(--ui-font-11);letter-spacing:.08em;text-transform:uppercase}.log .chatLineText{font-size:var(--ui-font-13);line-height:1.55}.chat{flex:none;gap:10px;margin-top:14px}.chatInputWrap{background:#0000001a;border:1px solid #ffffff1a;border-radius:18px;gap:8px;padding:6px 8px;box-shadow:inset 0 1px #ffffff0a}.chatInputWrap input{box-shadow:none;background:0 0;border:0;padding-inline:6px}.chatInputWrap input:focus{box-shadow:none}#chat-card .chatHeaderPopover input{background:#00000040}#chat-card .chatHeaderPopover button,#chat-card #btnChatMic,#chat-card #btnChatHeadphone{background:#ffffff0f}#chat-card .chatHeaderPopover button:hover,#chat-card #btnChatMic:hover,#chat-card #btnChatHeadphone:hover{background:#ffffff1a}.chat .chatBtnSend{background:color-mix(in srgb, var(--accent) 24%, #ffffff0f);border-color:color-mix(in srgb, var(--accent) 30%, transparent)}@media (width<=720px){.chatTitleRow{margin-bottom:8px;padding-bottom:0}.log{--shadow-safe-inset:8px;border-radius:18px;padding:10px}}.subsFontCustomInput{margin-top:8px;display:none}.subsStyleToolbar{padding-bottom:2px}.pwSubsPanel,.pwOptionsPanel{background:linear-gradient(180deg, hsl(var(--themeHue,265deg) 100% 5% / .7), hsl(var(--themeHue,265deg) 100% 1% / .7));-webkit-backdrop-filter:blur(10px);will-change:opacity;transition:opacity .25s,visibility 0s linear .25s}.pwSubsPanel.open,.pwOptionsPanel.open{transition-delay:0s,0s}.pwSubsPanel:not(.open),.pwOptionsPanel:not(.open){contain:none}.pwSubsPanel-bd,.pwOptionsPanel-bd{box-shadow:none;-webkit-backdrop-filter:none;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(var(--accentRGB), .05) transparent;background:0 0;border:none;border-radius:0;max-height:min(60vh,100dvh - 24px);padding:0;overflow-y:auto}.pwSubsPanel-bd:hover,.pwOptionsPanel-bd:hover,.pwSubsPanel-bd:focus-within,.pwOptionsPanel-bd:focus-within{scrollbar-color:rgba(var(--accentRGB), .2) transparent}.pwSubsPanel-bd::-webkit-scrollbar{width:10px;height:10px}.pwOptionsPanel-bd::-webkit-scrollbar{width:10px;height:10px}.pwSubsPanel-bd::-webkit-scrollbar-track{background:0 0}.pwOptionsPanel-bd::-webkit-scrollbar-track{background:0 0}.pwSubsPanel-bd::-webkit-scrollbar-thumb{background:rgba(var(--accentRGB), .05);background-clip:padding-box;border:3px solid #0000;border-radius:999px}.pwOptionsPanel-bd::-webkit-scrollbar-thumb{background:rgba(var(--accentRGB), .05);background-clip:padding-box;border:3px solid #0000;border-radius:999px}.pwSubsPanel-bd:hover::-webkit-scrollbar-thumb{background:rgba(var(--accentRGB), .2)}.pwOptionsPanel-bd:hover::-webkit-scrollbar-thumb{background:rgba(var(--accentRGB), .2)}.pwSubsPanel-bd:focus-within::-webkit-scrollbar-thumb{background:rgba(var(--accentRGB), .2)}.pwOptionsPanel-bd:focus-within::-webkit-scrollbar-thumb{background:rgba(var(--accentRGB), .2)}.pwSubsPanel-bd::-webkit-scrollbar-corner{background:0 0}.pwOptionsPanel-bd::-webkit-scrollbar-corner{background:0 0}.pwSubsPanel.open .pwSubsPanel-bd,.pwOptionsPanel.open .pwOptionsPanel-bd{animation:none!important}.pwSubsPanel .panelSection,.pwOptionsPanel .panelSection{flex:none}.panelPageHeader{border-bottom:1px solid #ffffff14;margin-bottom:10px;padding-bottom:10px}.panelPageHeaderCenter{gap:10px}.panelPagesContainer{flex:none;overflow:visible}.panelPage.active{flex:none;min-height:0}.panelPageHeader .panelPageHeaderTitle{font-family:var(--display-font);font-size:var(--ui-font-12);letter-spacing:.18em;text-transform:uppercase;color:var(--themeFg)}#subsSection .kv,#optionsSection .kv,#optionsSection .optionsRow.hostOnly{background:0 0;border:none;border-radius:0;margin:0;padding:6px 0}#subsSection .kv>label,#optionsSection .kv>label,#subsSection .subsOffsetXYRow .subsOffsetXYItem label,#optionsSection .subsOffsetXYRow .subsOffsetXYItem label{font-size:var(--ui-font-11);letter-spacing:.14em;text-transform:uppercase;color:var(--themeFg)}#subsSection .subsRow,#optionsSection .optionsRow{align-items:center}#subsSection .customStepperWrap,#optionsSection .customStepperWrap{width:calc(60px * var(--uiScale));flex:0 0 calc(60px * var(--uiScale));isolation:isolate;align-items:center;min-width:0;display:inline-flex;position:relative}#subsSection input[type=number].customStepperInput,#optionsSection input[type=number].customStepperInput{appearance:textfield;width:100%;min-width:0;padding:0 calc(25px * var(--uiScale)) 0 calc(8px * var(--uiScale));text-align:left;font-variant-numeric:tabular-nums}#subsSection input[type=number].customStepperInput::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#subsSection input[type=number].customStepperInput::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}#optionsSection input[type=number].customStepperInput::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#optionsSection input[type=number].customStepperInput::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}#subsSection .customStepperControls,#optionsSection .customStepperControls{right:calc(5px * var(--uiScale));top:calc(4px * var(--uiScale));bottom:calc(4px * var(--uiScale));justify-content:center;gap:calc(1px * var(--uiScale));pointer-events:none;z-index:2;flex-direction:column;display:flex;position:absolute}#subsSection .customStepperBtn,#optionsSection .customStepperBtn{pointer-events:auto;width:calc(16px * var(--uiScale));min-width:calc(16px * var(--uiScale));height:calc(11px * var(--uiScale));border-radius:calc(5px * var(--uiScale));min-height:0;box-shadow:none;color:var(--themeFg);opacity:1;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;background:#ffffff09;border:0;justify-content:center;align-items:center;margin:0;padding:0;font-size:0;line-height:1;transition:background .12s,color .12s,box-shadow .12s;display:inline-flex;transform:none}#subsSection .customStepperBtn:before,#optionsSection .customStepperBtn:before{content:"";border-left:calc(3.5px * var(--uiScale)) solid transparent;border-right:calc(3.5px * var(--uiScale)) solid transparent;width:0;height:0}#subsSection .customStepperBtnUp:before,#optionsSection .customStepperBtnUp:before{border-bottom:calc(4.5px * var(--uiScale)) solid currentColor}#subsSection .customStepperBtnDown:before,#optionsSection .customStepperBtnDown:before{border-top:calc(4.5px * var(--uiScale)) solid currentColor}#subsSection .customStepperBtn:hover,#optionsSection .customStepperBtn:hover,#subsSection .customStepperBtn.isRepeating,#optionsSection .customStepperBtn.isRepeating{background:color-mix(in srgb, var(--accent) 22%, #ffffff14);color:color-mix(in srgb, var(--accent) 68%, white);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 18%, transparent);opacity:1;transform:none}#subsSection .customStepperBtn:active,#optionsSection .customStepperBtn:active{transform:none}.subsTrackWrap,.subsOffsetWrap,.subsOptionRow,.subsStyleRow{min-width:0}.subsColorSwatchBtn,.subsOffsetBtn,#btnToggleSubs,#btnSubsReset,#btnLoadVtt,#btnStreamApply,#btnStreamReset,#btnLoadAudioSource,#player-btn-load-video,#player-btn-load-link,#player-btn-capture-camera,#player-btn-capture-screen{box-shadow:inset 0 1px #ffffff14,0 12px 20px #00000024}.subsColorPickerPopover{background:linear-gradient(#ffffff16,#ffffff08),#06090ff0;border:1px solid #ffffff1f;border-radius:18px;box-shadow:0 20px 38px #0006}@media (width<=720px){#subsSection .kv,#optionsSection .kv,#optionsSection .optionsRow.hostOnly{padding:5px 0}}@media (width<=900px){.pwSubsPanel,.pwOptionsPanel{top:auto;left:50%;right:auto;bottom:max(10px, env(safe-area-inset-bottom));width:min(440px,100dvw - 20px);max-width:calc(100dvw - 20px);max-height:calc(100dvh - 20px - env(safe-area-inset-top) - env(safe-area-inset-bottom));z-index:2400;pointer-events:none;position:fixed;transform:translate(-50%)}.pwSubsPanel.open,.pwOptionsPanel.open{pointer-events:auto}.pwSubsPanel-bd,.pwOptionsPanel-bd{max-height:min(72dvh, calc(100dvh - 40px - env(safe-area-inset-top) - env(safe-area-inset-bottom)));-webkit-overflow-scrolling:touch;overflow-y:auto}}@media (width>=901px){.pwSubsPanel,.pwOptionsPanel{z-index:80;width:min(440px,97% - 20px);max-width:calc(97% - 20px);max-height:calc(90% - 24px);inset:auto 3% 10% auto;transform:none}.pwSubsPanel-bd,.pwOptionsPanel-bd{flex:auto;min-height:0;max-height:100%;overflow-y:auto}}.isFullscreen .pwSubsPanel,.isFullscreen .pwOptionsPanel{width:min(440px,97% - 24px);max-width:calc(97% - 24px);max-height:calc(100dvh - 132px - env(safe-area-inset-top) - env(safe-area-inset-bottom));z-index:2147483647;position:absolute;inset:auto 3% 10% auto;transform:none}#player-shell:fullscreen .pwSubsPanel{width:min(440px,97% - 24px);max-width:calc(97% - 24px);max-height:calc(100dvh - 132px - env(safe-area-inset-top) - env(safe-area-inset-bottom));z-index:2147483647;position:absolute;inset:auto 3% 10% auto;transform:none}#player-shell:fullscreen .pwOptionsPanel{width:min(440px,97% - 24px);max-width:calc(97% - 24px);max-height:calc(100dvh - 132px - env(safe-area-inset-top) - env(safe-area-inset-bottom));z-index:2147483647;position:absolute;inset:auto 3% 10% auto;transform:none}#player-shell:-webkit-full-screen .pwSubsPanel{width:min(440px,97% - 24px);max-width:calc(97% - 24px);max-height:calc(100dvh - 132px - env(safe-area-inset-top) - env(safe-area-inset-bottom));z-index:2147483647;position:absolute;inset:auto 3% 10% auto;transform:none}#player-shell:-webkit-full-screen .pwOptionsPanel{width:min(440px,97% - 24px);max-width:calc(97% - 24px);max-height:calc(100dvh - 132px - env(safe-area-inset-top) - env(safe-area-inset-bottom));z-index:2147483647;position:absolute;inset:auto 3% 10% auto;transform:none}.isFullscreen .pwSubsPanel-bd,.isFullscreen .pwOptionsPanel-bd{max-height:calc(100dvh - 148px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overscroll-behavior:contain;overflow-y:auto}#player-shell:fullscreen .pwSubsPanel-bd{max-height:calc(100dvh - 148px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overscroll-behavior:contain;overflow-y:auto}#player-shell:fullscreen .pwOptionsPanel-bd{max-height:calc(100dvh - 148px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overscroll-behavior:contain;overflow-y:auto}#player-shell:-webkit-full-screen .pwSubsPanel-bd{max-height:calc(100dvh - 148px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overscroll-behavior:contain;overflow-y:auto}#player-shell:-webkit-full-screen .pwOptionsPanel-bd{max-height:calc(100dvh - 148px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overscroll-behavior:contain;overflow-y:auto}@media (width<=900px){.isFullscreen .pwSubsPanel,.isFullscreen .pwOptionsPanel{left:50%;right:auto;bottom:calc(env(safe-area-inset-bottom) + 108px);width:min(440px,100dvw - 24px);max-width:calc(100dvw - 24px);transform:translate(-50%)}#player-shell:fullscreen .pwSubsPanel{left:50%;right:auto;bottom:calc(env(safe-area-inset-bottom) + 108px);width:min(440px,100dvw - 24px);max-width:calc(100dvw - 24px);transform:translate(-50%)}#player-shell:fullscreen .pwOptionsPanel{left:50%;right:auto;bottom:calc(env(safe-area-inset-bottom) + 108px);width:min(440px,100dvw - 24px);max-width:calc(100dvw - 24px);transform:translate(-50%)}#player-shell:-webkit-full-screen .pwSubsPanel{left:50%;right:auto;bottom:calc(env(safe-area-inset-bottom) + 108px);width:min(440px,100dvw - 24px);max-width:calc(100dvw - 24px);transform:translate(-50%)}#player-shell:-webkit-full-screen .pwOptionsPanel{left:50%;right:auto;bottom:calc(env(safe-area-inset-bottom) + 108px);width:min(440px,100dvw - 24px);max-width:calc(100dvw - 24px);transform:translate(-50%)}}:root[data-theme=custom]{--surface-panel:#170a21d1;--surface-panel-strong:#110719e6;--surface-panel-soft:#a794d10f}