.video-player-container{max-width:960px;margin:0 auto}.video-url-bar{display:flex;gap:.75rem;margin-bottom:1.5rem}#video-url-input{flex:1;padding:.65rem 1rem;border-radius:6px;border:1px solid #333;background-color:#1a1a1e;color:#e4e4e7;font-size:.95rem;font-family:Inter,Arial,sans-serif;outline:none;transition:border-color .2s}#video-url-input:focus{border-color:#a3e635}#video-url-input::placeholder{color:#666}.load-button{padding:.65rem 1.25rem;border:none;border-radius:6px;background-color:#a3e635;color:#09090b;font-weight:600;font-size:.95rem;cursor:pointer;transition:background-color .2s;white-space:nowrap}.load-button:hover{background-color:#bef264}.video-wrapper{position:relative;background-color:#000;border-radius:8px 8px 0 0;overflow:hidden;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center}#video-element,#youtube-container,#vimeo-container{display:none;width:100%;height:100%}#video-element{object-fit:contain;background-color:#000}#youtube-container iframe,#vimeo-container iframe{width:100%;height:100%;border:none}.video-empty-state{text-align:center;color:#666;padding:2rem}.empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.3}.empty-hint{font-size:.85rem;color:#444;margin-top:.5rem}.autoplay-overlay{position:absolute;inset:0;background-color:#000000d9;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;cursor:pointer}.autoplay-play-btn{background:none;border:none;color:#a3e635;font-size:8rem;cursor:pointer;transition:transform .2s,opacity .2s;padding:0;margin:0;line-height:1}.autoplay-play-btn:hover{transform:scale(1.1);opacity:.9}.autoplay-message{color:#fafafa;font-size:1.25rem;margin-top:1rem;text-shadow:0 2px 4px rgba(0,0,0,.5)}.ended-overlay{position:absolute;inset:0;background-color:#000000d9;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10}.ended-overlay-content{max-width:400px;width:100%;text-align:center;padding:2rem}.ended-message{color:#fafafa;font-size:1.25rem;margin:0 0 1.25rem;text-shadow:0 2px 4px rgba(0,0,0,.5)}.ended-url-row{display:flex;gap:.75rem;margin-bottom:1.25rem}#ended-url-input{flex:1;padding:.65rem 1rem;border-radius:6px;border:1px solid #333;background-color:#1a1a1e;color:#e4e4e7;font-size:.95rem;font-family:Inter,Arial,sans-serif;outline:none;transition:border-color .2s}#ended-url-input:focus{border-color:#a3e635}#ended-url-input::placeholder{color:#666}.ended-actions{display:flex;gap:.75rem;justify-content:center}.ended-action-btn{background:none;border:1px solid #333;color:#e4e4e7;font-size:.9rem;cursor:pointer;padding:.5rem 1rem;border-radius:4px;line-height:1;transition:background-color .15s,border-color .15s}.ended-action-btn:hover{background-color:#27272a;border-color:#a3e635}.video-controls{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background-color:#18181b;border-radius:0 0 8px 8px;flex-wrap:wrap}.control-btn{background:none;border:1px solid #333;color:#e4e4e7;font-size:1.1rem;cursor:pointer;padding:.35rem .65rem;border-radius:4px;line-height:1;transition:background-color .15s,border-color .15s}.control-btn:hover:not([disabled]){background-color:#27272a;border-color:#a3e635}.control-btn[disabled]{opacity:.4;cursor:not-allowed}.control-btn.active{background-color:#27272a;border-color:#a3e635}.time-display{font-size:.85rem;color:#999;font-variant-numeric:tabular-nums;min-width:3em;text-align:center}.seek-bar{flex:1;min-width:100px;height:4px;-webkit-appearance:none;appearance:none;background:#333;border-radius:2px;outline:none;cursor:pointer}.seek-bar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#a3e635;cursor:pointer}.seek-bar::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#a3e635;border:none;cursor:pointer}.seek-bar[disabled]{opacity:.4;cursor:not-allowed}.speed-control{display:flex;align-items:center;gap:.4rem}.speed-control label{font-size:.85rem;color:#999}#speed-select{background-color:#1a1a1e;color:#e4e4e7;border:1px solid #333;border-radius:4px;padding:.3rem .4rem;font-size:.85rem;cursor:pointer;outline:none}#speed-select:focus{border-color:#a3e635}#speed-select[disabled]{opacity:.4;cursor:not-allowed}.volume-control{display:flex;align-items:center;gap:.4rem;margin-left:auto}.volume-control label{font-size:1rem;cursor:default;color:#999}.volume-slider{width:80px;height:4px;-webkit-appearance:none;appearance:none;background:#333;border-radius:2px;outline:none;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#e4e4e7;cursor:pointer}.volume-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#e4e4e7;border:none;cursor:pointer}.room-lobby{display:flex;justify-content:center;padding-top:4rem}.lobby-card{background-color:#18181b;border-radius:10px;padding:2.5rem 2rem;width:100%;max-width:400px;text-align:center}.lobby-card h2{margin:0 0 1.5rem;font-size:1.3rem;color:#e4e4e7}.lobby-divider{display:flex;align-items:center;gap:1rem;margin:1.5rem 0;color:#555;font-size:.85rem}.lobby-divider:before,.lobby-divider:after{content:"";flex:1;height:1px;background-color:#333}.lobby-label{display:block;font-size:.9rem;color:#999;margin-bottom:.75rem}.lobby-join{display:flex;gap:.75rem}#join-room-input{flex:1;padding:.65rem 1rem;border-radius:6px;border:1px solid #333;background-color:#1a1a1e;color:#e4e4e7;font-size:1.1rem;font-family:Inter,monospace;letter-spacing:2px;text-transform:uppercase;text-align:center;outline:none;transition:border-color .2s}#join-room-input:focus{border-color:#a3e635}#join-room-input::placeholder{color:#555;letter-spacing:normal;text-transform:none;font-size:.95rem}.room-bar{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding:.6rem 1rem;background-color:#18181b;border-radius:6px}.room-label{font-size:.85rem;color:#999}.room-code{font-size:1.05rem;font-weight:600;color:#a3e635;letter-spacing:2px;background:none;padding:0}.room-btn{padding:.35rem .75rem;border:1px solid #333;border-radius:4px;background:none;color:#e4e4e7;font-size:.8rem;cursor:pointer;transition:background-color .15s,border-color .15s;margin-left:auto}.room-btn:hover{background-color:#27272a;border-color:#a3e635}.room-btn+.room-btn{margin-left:0}.room-btn-subtle{color:#666;border-color:transparent}.room-btn-subtle:hover{color:#e4e4e7;border-color:#333}.sync-status{margin-top:.75rem;font-size:.8rem;color:#555;text-align:right}body.theater-mode{background-color:#000;overflow:hidden}body.theater-mode .sidebar{display:none}body.theater-mode .main{padding:0;flex:1;display:flex;flex-direction:column}body.theater-mode .main>h1{display:none}body.theater-mode .video-player-container{max-width:none;margin:0;flex:1;display:flex;flex-direction:column}body.theater-mode .room-bar,body.theater-mode .video-url-bar{display:none}body.theater-mode .video-wrapper{flex:1;aspect-ratio:auto;border-radius:0}body.theater-mode #video-element{width:100%;height:100%;object-fit:contain}body.theater-mode .seek-warning{display:none!important}body.theater-mode .sync-status{display:none}.toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%) translateY(100px);background-color:#18181bf2;color:#e4e4e7;padding:.75rem 1.5rem;border-radius:8px;border:1px solid #333;font-size:.9rem;opacity:0;transition:opacity .3s,transform .3s;pointer-events:none;z-index:1000;box-shadow:0 4px 12px #0000004d}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.seek-warning{display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;margin-top:.5rem;background-color:#fbbf241f;border:1px solid rgba(251,191,36,.3);border-radius:6px;color:#fbbf24;font-size:.85rem}.seek-warning-text{display:flex;align-items:center;gap:.5rem;flex:1}.seek-warning-text i{font-size:1.1rem;flex-shrink:0}.seek-warning-btn{padding:.3rem .75rem;border:1px solid rgba(251,191,36,.4);border-radius:4px;background:none;color:#fbbf24;font-size:.8rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background-color .15s,border-color .15s}.seek-warning-btn:hover{background-color:#fbbf2426;border-color:#fbbf24}.seek-warning-close{background:none;border:none;color:#fbbf24;font-size:1.2rem;cursor:pointer;padding:0 .25rem;line-height:1;opacity:.6;transition:opacity .15s}.seek-warning-close:hover{opacity:1}.seek-modal{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100}.seek-modal-content{background-color:#18181b;border:1px solid #333;border-radius:10px;padding:2rem;max-width:640px;width:90%;position:relative}.seek-modal-content h3{margin:0 0 1rem;font-size:1.15rem;color:#e4e4e7}.seek-modal-close{position:absolute;top:.75rem;right:.75rem;background:none;border:none;color:#666;font-size:1.4rem;cursor:pointer;padding:.25rem;line-height:1;transition:color .15s}.seek-modal-close:hover{color:#e4e4e7}.fix-hint{color:#999;font-size:.9rem;margin:0 0 1.25rem;line-height:1.5}.command-block{position:relative;background-color:#09090b;border:1px solid #333;border-radius:6px;padding:1rem 4.5rem 1rem 1rem}.command-block code{display:block;font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:.8rem;color:#a3e635;word-break:break-all;white-space:pre-wrap;line-height:1.5}.copy-cmd-btn{position:absolute;top:.5rem;right:.5rem;padding:.3rem .6rem;border:1px solid #333;border-radius:4px;background-color:#27272a;color:#e4e4e7;font-size:.75rem;cursor:pointer;transition:background-color .15s,border-color .15s}.copy-cmd-btn:hover{background-color:#333;border-color:#a3e635}body.theater-mode .seek-warning{margin:.25rem .5rem 0}