@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap";:root{color:#efeff1;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#090a0d;font-family:DM Sans,Arial,sans-serif}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px;min-height:100%}button,input{font-family:inherit}#root{width:100%;height:100%}*{box-sizing:border-box}html,body{background:#090a0d;width:100%;height:100%;margin:0;overflow:hidden}button,input,select{font:inherit}button{-webkit-tap-highlight-color:transparent}.watchparty{grid-template-columns:minmax(0, 1fr) 8px minmax(280px, var(--chat-width));color:#efeff1;background:#090a0d;width:100%;height:100dvh;display:grid;overflow:hidden}.watchparty.chat-hidden{grid-template-columns:minmax(0,1fr)}.video-area,.video-screen{background:#000;width:100%;min-width:0;height:100%;min-height:0;position:relative;overflow:hidden}.video-placeholder{background:radial-gradient(#232d3940,#0000 55%),#08090c;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.placeholder-icon{color:#8be8ff;background:#8be8ff0f;border:1px solid #8be8ff4d;border-radius:50%;place-items:center;width:66px;height:66px;padding-left:4px;font-size:22px;display:grid}.placeholder-title{color:#e9edf2;letter-spacing:5px;margin-top:8px;font-size:22px;font-weight:800}.placeholder-subtitle{color:#9299a5;font-size:13px}.placeholder-status{color:#747d8a;letter-spacing:1.5px;border:1px solid #292e37;border-radius:3px;margin-top:10px;padding:7px 11px;font-size:9px;font-weight:700}.stream-window{z-index:5;background:#08090c;position:absolute;overflow:hidden;box-shadow:0 5px 22px #0006}.stream-window-floating{aspect-ratio:16/9;cursor:grab;touch-action:none;min-width:140px}.stream-window-floating:active{cursor:grabbing}.stream-iframe{background:#000;border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.stream-interface{z-index:8;pointer-events:none;border:1px solid #0000;transition:border-color .15s;position:absolute;inset:0}.stream-window-floating:hover .stream-interface,.stream-window-floating:focus-within .stream-interface{border-color:#8be8ffbf}.stream-move-handle{color:#8be8ff;letter-spacing:.7px;cursor:grab;pointer-events:auto;touch-action:none;opacity:0;background:#080c11e6;border:0;border-radius:0 0 4px;align-items:center;gap:6px;height:27px;padding:0 9px;font-size:9px;font-weight:800;transition:opacity .15s;display:flex;position:absolute;top:0;left:0}.stream-window-floating:hover .stream-move-handle,.stream-window-floating:focus-within .stream-move-handle{opacity:1}.stream-move-handle:active{cursor:grabbing}.stream-resize-handle{z-index:10;cursor:nwse-resize;pointer-events:auto;touch-action:none;opacity:0;background:#080c11e6;border:0;border-radius:4px 0 0;width:29px;height:29px;padding:0;transition:opacity .15s;position:absolute;bottom:0;right:0}.stream-window-floating:hover .stream-resize-handle,.stream-window-floating:focus-within .stream-resize-handle{opacity:1}.stream-resize-handle:after{content:"";border-bottom:2px solid #8be8ff;border-right:2px solid #8be8ff;width:11px;height:11px;position:absolute;bottom:6px;right:6px}.right-column{background:#18181b;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.docked-stream-area{background:#08090c;flex:1 1 0;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden;container-type:size}.stream-window-docked{aspect-ratio:16/9;cursor:default;flex:none;width:min(100cqw,177.778cqh);min-width:0;max-width:100%;height:auto;min-height:0;max-height:100%;position:relative;top:auto;left:auto;overflow:hidden}.chat-panel{background:#18181b;border-left:1px solid #292a2e;flex-direction:column;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.chat-iframe{z-index:1;background:#18181b;border:0;flex:auto;width:100%;min-width:0;min-height:0;display:block;position:relative}.player-controls{z-index:12;opacity:0;pointer-events:none;background:linear-gradient(#0000,#000000b8 45%,#000000eb);padding:22px 22px 15px;transition:opacity .22s;position:absolute;bottom:0;left:0;right:0}.player-controls.visible{opacity:1;pointer-events:auto}.controls-row{justify-content:space-between;align-items:center;min-height:32px;display:flex}.controls-left,.controls-right{align-items:center;gap:18px;display:flex}.control-button{color:#f2f2f4;cursor:pointer;background:0 0;border:0;border-radius:3px;flex:0 0 30px;place-items:center;width:30px;height:30px;padding:0;font-size:21px;line-height:1;transition:color .15s;display:grid}.control-button:hover,.control-button.active{color:#8be8ff}.play-button{font-size:19px}.volume-button{font-size:22px}.volume-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:23px;height:23px}.settings-button{font-size:23px}.fullscreen-button{font-size:27px}.volume-group{align-items:center;gap:9px;display:flex}.volume-slider{appearance:none;background:linear-gradient(to right, #8be8ff 0%, #8be8ff var(--volume), #ffffff4d var(--volume), #ffffff4d 100%);cursor:pointer;border-radius:5px;outline:none;width:78px;height:4px;margin:0}.volume-slider::-webkit-slider-thumb{appearance:none;background:#8be8ff;border:0;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 2px #8be8ff26}.volume-slider::-moz-range-thumb{background:#8be8ff;border:0;border-radius:50%;width:10px;height:10px}.time-display{color:#e5e7eb;font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:6px;font-size:11px;display:flex}.time-separator{color:#777f8b}.settings-panel{z-index:20;color:#e8eaf0;background:#181b21;border:1px solid #363943;border-radius:5px;width:min(300px,100% - 40px);max-height:calc(100% - 90px);padding:15px;position:absolute;bottom:65px;right:20px;overflow-y:auto;box-shadow:0 12px 40px #0009}.settings-header{color:#8be8ff;letter-spacing:1px;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:11px;font-weight:800;display:flex}.settings-header button{color:#aeb5c0;cursor:pointer;background:0 0;border:0;width:25px;height:25px;font-size:22px}.settings-section{border-top:1px solid #30343d;flex-direction:column;gap:8px;padding:10px 0;display:flex}.settings-row{color:#d8dce3;justify-content:space-between;align-items:center;gap:12px;min-height:32px;font-size:12px;display:flex}.settings-row select{color:#f1f2f5;cursor:pointer;background:#242932;border:1px solid #414752;border-radius:3px;outline:none;min-width:125px;padding:6px 8px;font-size:11px}.settings-row select:focus{border-color:#8be8ff}.settings-row input[type=checkbox]{accent-color:#8be8ff;cursor:pointer;width:16px;height:16px}.settings-reset-section{padding-bottom:0}.reset-layout-button{color:#d8dce3;cursor:pointer;background:#242932;border:1px solid #414752;border-radius:3px;width:100%;min-height:34px;padding:7px 10px;font-size:11px;font-weight:700;transition:border-color .15s,color .15s,background .15s}.reset-layout-button:hover{color:#8be8ff;background:#293543;border-color:#8be8ff}.watchparty.chat-hidden .layout-divider,.watchparty.chat-hidden .right-column{display:none}.layout-divider{z-index:2;cursor:col-resize;touch-action:none;-webkit-user-select:none;user-select:none;background:#25252a;justify-content:center;align-items:center;width:8px;min-width:8px;display:flex;position:relative}.layout-divider:hover,.layout-divider:active{background:#8be8ff}.layout-divider-grip{pointer-events:none;background:#777780;border-radius:3px;width:3px;height:42px}.chat-height-divider{z-index:2;cursor:row-resize;touch-action:none;-webkit-user-select:none;user-select:none;background:#25252a;flex:0 0 10px;width:100%;height:10px;min-height:10px;position:relative}.chat-height-divider:hover,.chat-height-divider:active{background:#8be8ff}body.is-dragging,body.is-dragging *{cursor:grabbing!important;-webkit-user-select:none!important;user-select:none!important}body.is-dragging iframe{pointer-events:none!important}@media (width<=900px){.player-controls{padding-left:14px;padding-right:14px}.controls-left,.controls-right{gap:12px}.volume-slider{width:65px}}@media (width<=650px){.watchparty{flex-direction:column;height:100dvh;display:flex}.video-area{flex:55%;min-height:0}.layout-divider{display:none}.right-column{flex:0 0 45%;height:45%;min-height:0}.chat-panel{border-top:1px solid #292a2e;flex:auto;min-height:0}.docked-stream-area{min-height:0}.chat-height-divider{flex-basis:10px;height:10px;min-height:10px}.player-controls{padding:14px 10px 8px}.controls-left,.controls-right{gap:9px}.volume-group{gap:5px}.volume-slider{width:48px}.time-display{gap:4px;font-size:10px}.settings-panel{bottom:58px;right:10px}.placeholder-title{font-size:16px}.stream-move-handle{height:23px;padding:0 6px;font-size:8px}.stream-resize-handle{width:25px;height:25px}}@media (width<=380px){.controls-left,.controls-right{gap:5px}.control-button{flex-basis:27px;width:27px;height:27px}.volume-slider{width:38px}.time-display{font-size:9px}}.main-video{object-fit:contain;background:#000;width:100%;height:100%;display:block;position:absolute;inset:0}.progress-track{background:#fff3;width:100%;height:3px;overflow:hidden}.progress-fill{background:#fff;height:100%;transition:width .15s linear}.video-error{z-index:10;color:#fff;text-align:center;background:#781414e6;border-radius:6px;max-width:80%;padding:12px 18px;font-size:13px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.play-button:disabled{opacity:.4;cursor:not-allowed}