body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#2c3e50;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.tabs button{flex:1 1}.chat-only h2{color:#2c3e50;margin-bottom:1.5rem;margin-top:0}.device-indicator{background-color:#f8f9fa;border-left:3px solid #3498db;border-radius:6px;margin-top:1.5rem;padding:1rem}.device-indicator p{color:#2c3e50;font-size:.9rem;margin:0 0 .5rem}.device-icons{display:flex;gap:1rem;justify-content:center;margin-top:.5rem}.device-icon{font-size:1.5rem}@media (max-width:768px){.home-container{margin:1rem;max-width:none;padding:1.5rem}.tabs{flex-wrap:wrap}.tabs button{font-size:.9rem;padding:.5rem}}@media (max-width:480px){.tabs button{font-size:.8rem;padding:.5rem .25rem}.home-container{margin:.5rem;padding:1rem}}@media (max-width:376px){.tabs{gap:5px}.tabs button{font-size:.7rem;padding:.4rem .2rem}.form-group label{font-size:.9rem}.form-group input{font-size:.9rem;padding:.4rem}.primary-button{font-size:.9rem;padding:.6rem 1.2rem}.device-indicator{margin-top:1rem;padding:.8rem}.device-icons{gap:.75rem}.device-icon{font-size:1.25rem}}.create-room h2,.join-room h2{color:#2c3e50;margin-bottom:1.5rem;margin-top:0}.progress-container p{animation:pulse 1.5s infinite}.primary-button:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px);transition:all .2s}.primary-button:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.form-group input:focus,.primary-button:focus,.tabs button:focus{outline:2px solid #3498db;outline-offset:2px}.file-input input[type=file]{background-color:#f8f9fa;border:1px dashed #ccc;border-radius:4px;box-sizing:border-box;padding:.5rem;width:100%}.file-input input[type=file]:hover{background-color:#f1f9ff;border-color:#3498db}.tabs button{overflow:hidden;position:relative}.tabs button:after{background-color:#3498db;bottom:0;content:"";height:2px;left:50%;position:absolute;transition:all .3s ease;width:0}.tabs button:hover:after{left:25%;width:50%}.tabs button.active:after{left:0;width:100%}.home-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:0 auto;max-width:600px;padding:2rem}.tabs{border-bottom:1px solid #eee;display:flex;margin-bottom:2rem}.tabs button{background:none;border:none;cursor:pointer;font-size:1rem;opacity:.7;padding:.5rem 1rem;transition:opacity .2s}.tabs button.active{border-bottom:2px solid #3498db;opacity:1}.form-group{margin-bottom:1rem}.form-group label{display:block;font-weight:500;margin-bottom:.5rem}.form-group input{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:1rem;padding:.5rem;width:100%}.file-input{margin-bottom:1.5rem;position:relative}.file-input input[type=file]{margin-bottom:.5rem}.file-name,.file-size{color:#666;font-size:.9rem;margin-top:.25rem}.primary-button{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .2s;width:100%}.primary-button:hover{background-color:#2980b9}.primary-button:disabled{background-color:#95a5a6;cursor:not-allowed}.error-message{color:#e74c3c;font-size:.9rem;margin-top:1rem}.progress-container{color:#3498db;margin:1rem 0;text-align:center}.info-text{color:#666;font-size:.9rem;font-style:italic;margin-top:1rem}.seeking-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:50}.seeking-message{align-items:center;background-color:#2c3e50e6;border-radius:8px;color:#fff;display:flex;flex-direction:column;padding:20px 30px;text-align:center}.reconnection-spinner,.seeking-spinner{animation:spin 1s ease-in-out infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#3498db;height:40px;margin-bottom:15px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.seeking-message p{font-size:16px;margin:5px 0}.seeking-message .small{font-size:14px;margin-top:8px;opacity:.8}.reconnection-overlay{align-items:center;background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:50}.reconnection-message{align-items:center;background-color:#e74c3ce6;border-radius:8px;color:#fff;display:flex;flex-direction:column;padding:20px 30px;text-align:center}.status-time{font-size:12px;margin-top:10px;opacity:.7}.refresh-button{background-color:#fff;border:none;border-radius:4px;color:#e74c3c;cursor:pointer;font-weight:700;margin-top:15px;padding:8px 16px;transition:background-color .2s}.refresh-button:hover{background-color:#f5f5f5}.connection-status{background-color:#000000b3;border-radius:5px;left:15px;padding:8px 12px;position:absolute;top:15px;transition:background-color .3s;z-index:30}.connection-status.disconnected{background-color:#e74c3ccc}.connection-status.reconnecting{animation:pulse 1s infinite;background-color:#f39c12cc}.status-indicator{align-items:center;color:#fff;display:flex;font-size:14px;gap:8px}.status-dot{border-radius:50%;height:10px;width:10px}.status-dot.disconnected{background-color:#e74c3c}.status-dot.connecting{animation:pulse 1s infinite;background-color:#f39c12}.status-dot.buffering{animation:pulse 1s infinite;background-color:#3498db}.status-dot.error{animation:pulse 1s infinite;background-color:#e74c3c}.status-dot.ready{background-color:#2ecc71}.theater-mode .fullscreen-button,.theater-mode .theater-button,.theater-mode .video-controls,.theater-mode .viewer-controls,.theater-mode button[class*=fullscreen],.theater-mode button[class*=theater]{display:none!important;opacity:0!important;pointer-events:none!important;position:absolute!important;visibility:hidden!important;z-index:-1!important}.video-wrapper{align-items:center!important;display:flex!important;justify-content:center!important}.video-wrapper,.viewer-video{height:100%!important;margin:0 auto!important;position:relative!important;width:100%!important}.viewer-video{display:block!important;max-height:100%!important;max-width:100%!important;object-fit:contain!important;z-index:5!important}.theater-mode .video-container{height:100vh!important}.theater-mode .video-container,.theater-mode .video-wrapper{align-items:center!important;display:flex!important;justify-content:center!important;margin:0!important;max-width:none!important;padding:0!important;width:100%!important}.theater-mode .video-wrapper{height:100%!important}.theater-mode .viewer-video,.theater-mode video{display:block!important;height:100%!important;margin:0 auto!important;max-height:100vh!important;max-width:100%!important;object-fit:contain!important;position:relative!important;width:100%!important}.theater-mode .main-content{display:flex!important;flex-direction:row!important;height:100vh!important;margin:0!important;padding:0!important;width:100vw!important}.theater-mode .main-content .video-container{flex:1 1!important;max-width:none!important;min-width:0!important;width:auto!important}.theater-mode [style*="position: absolute"],.theater-mode button[title="Enter Theater Mode"],.theater-mode button[title="Theater Mode"],.theater-mode button[title="Toggle Fullscreen"],.theater-mode button[title=Fullscreen],body .theater-mode .control-button,body .theater-mode .fullscreen-button,body .theater-mode .theater-mode-button,body .theater-mode .video-controls,body .theater-mode [class*=fullscreen],body .theater-mode button[class*=fullscreen],body .theater-mode button[class*=theater],body .theater-mode div[class*=control]{display:none!important}.video-container{align-items:center!important;display:flex!important;justify-content:center!important;position:relative!important}#fullscreen_button,#theater_mode_button,.fullscreen-button,.theater-mode-button{display:none!important}.theater-mode .host-video,.theater-mode video[class*=host]{height:100%!important;max-height:100vh!important;max-width:100%!important;object-fit:contain!important;width:100%!important}.theater-mode .video-container[style*=width]{flex:1 1!important;width:auto!important}.theater-mode .sidebar{flex-shrink:0!important;max-width:300px!important;width:300px!important}.theater-mode .video-wrapper video{height:100%!important;max-height:100vh!important;max-width:calc(100vw - 320px)!important;width:100%!important}.chat-messages{-webkit-overflow-scrolling:touch;max-height:300px}.chat-only-panel .chat-messages{max-height:none}.message{background-color:#3498db0d}.message-text{word-break:break-word}.message-time{white-space:nowrap}.empty-chat-message{color:#95a5a6;font-style:italic;margin-top:2rem;text-align:center}.chat-input{position:relative;z-index:2}.chat-input input{min-height:42px}.chat-input button{align-items:center;display:flex;justify-content:center;min-height:42px;min-width:48px;padding:.5rem 1rem}.chat-only-panel .chat-input button{font-weight:700;min-width:70px;padding:.5rem 1.5rem}.chat-input button:hover{background-color:#2980b9}.theater-mode .chat-panel h3,.theater-mode .users-panel h3{color:#ddd}.theater-mode .message{background-color:#ffffff0d}.theater-mode .chat-input input{background-color:#333;border:1px solid #444;color:#fff}.theater-mode .chat-input input::placeholder{color:#aaa}.ios-device .chat-messages{-webkit-overflow-scrolling:touch}.ios-device .chat-input{padding-bottom:env(safe-area-inset-bottom,0)}.ios-device .chat-input button,.ios-device .chat-input input{font-size:16px}.chat-only-panel.ios-device .chat-input{background-color:#fff;bottom:0;box-shadow:0 -2px 5px #0000001a;margin-top:auto;padding:.5rem;position:sticky}@media (max-width:768px){.chat-messages{max-height:200px}.chat-panel:not(.chat-only-panel) .chat-input{flex-direction:column}.chat-panel:not(.chat-only-panel) .chat-input button{margin-top:.5rem;width:100%}.chat-only-panel .chat-input{flex-direction:row}.chat-only-panel .chat-input input{flex:1 1;margin-right:.5rem}.chat-only-panel .chat-input button{margin-top:0;width:auto}}@media only screen and (device-width:375px),only screen and (device-width:390px),only screen and (device-width:414px),only screen and (device-width:428px),only screen and (max-width:480px){.chat-only-panel .chat-input{background-color:#fff;bottom:0;box-shadow:0 -2px 5px #0000001a;left:0;margin-top:auto;padding:.8rem .8rem calc(.8rem + env(safe-area-inset-bottom, 0));position:sticky;right:0;z-index:10}.chat-only-panel .chat-input input{font-size:16px;min-height:44px;padding:10px}.chat-only-panel .chat-input button{border-radius:4px;font-size:16px;min-height:44px;min-width:80px;padding:10px 15px}}@supports (-webkit-touch-callout:none){.chat-only-panel{display:flex;flex-direction:column;height:100%}.chat-only-panel .chat-messages{flex:1 1;overflow-y:auto}.chat-only-panel .chat-input{flex-shrink:0}}.fullscreen-button{background-color:#27ae60cc!important}.video-container:hover .video-controls{opacity:1}.video-controls{opacity:.7;transition:opacity .3s}.room-container{background-color:#2c3e50;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:1rem}.room-info{border-bottom:1px solid #eee;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem}.room-id,.room-info{align-items:center;display:flex}.room-id{color:#fff}.copy-button{background-color:#f1f1f1;font-size:.8rem;margin-left:.5rem;padding:.25rem .5rem}.sync-status{font-size:.9rem}.syncing{color:#e67e22}.syncing,.uploading{animation:pulse 1s infinite}.uploading{color:#3498db}@keyframes pulse{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}.synced{color:#27ae60}.main-content{display:flex;gap:1rem;height:calc(100vh - 200px)}.video-container{background-color:#000;border-radius:4px;flex:1 1;flex-direction:column;overflow:hidden;pointer-events:auto!important}.video-container,.video-wrapper{align-items:center;display:flex;justify-content:center;position:relative;z-index:10}.video-wrapper{height:100%;padding-bottom:45px;width:100%}.video-wrapper video{height:100%;max-height:calc(100% - 50px);object-fit:contain;transition:object-fit .3s ease;width:100%}.resizable-divider{background-color:#2c3e50b3;cursor:col-resize;height:100%;position:relative;width:10px}.resizable-divider:hover{background-color:#3498db}.resizable-divider:before{background-color:#fff;content:"";height:100px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:4px}.sidebar{display:flex;flex-direction:column;gap:1rem;max-width:800px;min-width:260px;overflow:hidden;transition:none;width:300px}.chat-panel,.users-panel{background-color:#f9f9f9;border-radius:4px;padding:1rem}.users-panel{flex:0 0 auto}.chat-panel h3,.users-panel h3{color:#333;font-size:1rem;margin-bottom:.5rem;margin-top:0}.users-panel ul{list-style-type:none;margin:0;padding:0}.users-panel li{font-size:.9rem;padding:.25rem 0}.chat-panel{display:flex;flex:1 1;flex-direction:column}.chat-messages{flex:1 1;margin-bottom:.5rem;overflow-y:auto;padding-right:.5rem}.message{font-size:.9rem}.chat-input{display:flex;gap:.5rem;min-height:38px}.chat-input input{border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:.9rem;min-width:0;padding:.5rem}.chat-input button{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;flex-shrink:0;min-width:60px;padding:.5rem .75rem;white-space:nowrap}.theater-mode{background:#000;bottom:0;display:flex;flex-direction:row;height:100vh!important;left:0;margin:0;overflow:hidden;padding:0;position:fixed;right:0;top:0;width:100vw;z-index:1000}.theater-mode .room-info{background-color:#000000b3;left:0;opacity:0;padding:8px 20px;position:absolute;right:0;top:0;transition:opacity .3s;z-index:2000}.theater-mode:hover .room-info{opacity:1}.theater-container{height:100vh;margin:0;overflow:hidden;padding:0;width:100vw}.theater-container header{background-color:#000000b3;opacity:0;position:absolute;top:-100px;transition:top .3s,opacity .3s;width:100%;z-index:2000}.theater-container:hover header{opacity:1;top:0}.theater-mode .sidebar,.theater-mode .video-container{border-radius:0;height:100vh}.theater-mode .sidebar{background:#1a1a1a;color:#fff;padding:10px}.theater-mode .chat-panel,.theater-mode .users-panel{background-color:#2a2a2a;color:#fff}.theater-mode .message{color:#eee}.theater-mode .system-message{color:#aaa}.video-controls{display:flex;gap:10px;position:absolute;right:15px;top:15px;z-index:100}.control-button{align-items:center;background-color:#3498dbcc;border:none;border-radius:4px;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:6px;padding:8px 12px;transition:background-color .2s,transform .1s}.control-button:hover{background-color:#2980b9e6;box-shadow:0 4px 8px #0000004d;transform:translateY(-2px)}.control-button:active{box-shadow:0 1px 2px #0003;transform:translateY(0)}.button-icon{font-size:1.1rem}.theater-button{background-color:#3498dbcc}.exit-theater-button{align-items:center;background-color:#e74c3ccc;border:none;border-radius:4px;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:6px;padding:8px 12px;position:absolute;right:15px;top:15px;transition:background-color .2s,transform .1s;z-index:2500}.exit-theater-button:hover{background-color:#c0392be6;box-shadow:0 4px 8px #0000004d;transform:translateY(-2px)}.exit-theater-button:active{box-shadow:0 1px 2px #0003;transform:translateY(0)}.theater-mode input{background-color:#333;border:1px solid #444;color:#fff}.theater-mode input::placeholder{color:#aaa}@media (max-width:768px){.main-content{flex-direction:column;height:auto}.sidebar{width:100%!important}.resizable-divider{display:none}.chat-messages{max-height:200px}}.chat-only-room{background-color:#f5f5f5;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100vw;z-index:100}.chat-only-header{align-items:center;background-color:#2c3e50;box-shadow:0 2px 4px #0000001a;color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:.75rem 1rem;z-index:10}.header-left,.header-right{flex:1 1}.header-center{flex:2 1;text-align:center}.header-center h1{font-size:1.25rem;margin:0}.room-id-display{align-items:center;display:flex;font-size:.85rem;justify-content:center;margin-top:4px}.copy-button{background:#ffffff26;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.75rem;margin-left:8px;padding:2px 8px;transition:background-color .2s}.copy-button:hover{background:#ffffff40}.back-button{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:.9rem;padding:4px 8px}.back-button span{font-size:1.2rem;margin-right:4px}.user-list-toggle{align-items:center;background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-direction:column;height:42px;justify-content:center;margin-left:auto;transition:background-color .2s;width:42px}.user-list-toggle:hover{background:#ffffff40}.user-count{font-size:.75rem;font-weight:700}.user-icon{font-size:1.1rem}.chat-only-content{display:flex;flex:1 1;min-height:0;overflow:hidden;position:relative}.user-list-panel{background-color:#fff;box-shadow:2px 0 5px #0000001a;flex-shrink:0;max-width:100%;overflow-y:auto;transition:transform .3s ease;width:250px;z-index:5}.user-list-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:1rem}.user-list-header h3{font-size:1rem;margin:0}.close-user-list{background:none;border:none;color:#95a5a6;cursor:pointer;font-size:1.1rem;padding:4px}.chat-only-main{background-color:#fff;flex:1 1;min-height:0}.chat-only-main,.chat-only-room .chat-panel{display:flex;flex-direction:column;overflow:hidden}.chat-only-room .chat-panel{box-sizing:border-box;height:100%;padding:1rem}.chat-only-room .chat-messages{flex:1 1;margin-bottom:1rem;overflow-y:auto;padding-bottom:2rem;padding-right:.5rem}.chat-only-room .chat-input{background-color:#fff;bottom:0;display:flex;flex-shrink:0;gap:.5rem;left:0;min-height:44px;padding:0 0 .5rem;position:relative;right:0}.chat-only-room .chat-input input{border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:1rem;min-height:44px;padding:.75rem}.chat-only-room .chat-input button{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;min-height:44px;min-width:70px;padding:.75rem 1.25rem;transition:background-color .2s}.chat-only-room .chat-input button:hover{background-color:#2980b9}.message{background-color:#f9f9f9;border-radius:4px;margin-bottom:.5rem;padding:.5rem}.message-user{font-weight:700;margin-right:.25rem}.message-time{color:#95a5a6;font-size:.75rem;margin-left:.5rem}.system-message{background-color:initial;color:#7f8c8d;font-style:italic}@media (max-width:768px){.user-list-panel{height:100%;left:0;position:absolute;top:0;transform:translateX(-100%)}.user-list-panel.expanded{transform:translateX(0)}.room-id-display{align-items:center;flex-direction:column}.copy-button{margin-left:0;margin-top:4px}.chat-only-room .chat-input{bottom:0;box-shadow:0 -2px 5px #0000001a;padding:.5rem;padding-bottom:calc(.5rem + env(safe-area-inset-bottom, 0px));position:sticky;z-index:2}}@media only screen and (device-width:375px),only screen and (device-width:390px),only screen and (device-width:414px),only screen and (device-width:428px){.chat-only-room{height:100%;overflow:hidden;padding-bottom:env(safe-area-inset-bottom,0)}.chat-only-content,.chat-only-main{overflow:hidden}.chat-only-content,.chat-only-main,.chat-only-room .chat-panel{display:flex;flex:1 1;flex-direction:column}.chat-only-room .chat-messages{flex:1 1;overflow-y:auto;padding-bottom:4rem}.chat-only-room .chat-input{background-color:#fff;bottom:0;box-shadow:0 -2px 10px #0000001a;flex-direction:row;left:0;padding:.8rem .8rem calc(.8rem + env(safe-area-inset-bottom, 0px));position:sticky;right:0;z-index:10}.chat-only-room .chat-input input{border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:16px;min-height:44px;padding:.8rem}.chat-only-room .chat-input button{font-size:16px;min-height:44px;min-width:70px;padding:.8rem 1.2rem}}@media only screen and (device-width:375px) and (orientation:portrait),only screen and (device-width:390px) and (orientation:portrait),only screen and (device-width:414px) and (orientation:portrait),only screen and (device-width:428px) and (orientation:portrait){.chat-only-room .chat-input{padding-bottom:calc(.8rem + env(safe-area-inset-bottom, 20px))}}@media (max-width:768px) and (orientation:landscape){.chat-only-header{padding:.5rem}.header-center h1{font-size:1rem}.chat-only-room .chat-messages{margin-bottom:.5rem}.chat-only-room .chat-input{padding:.5rem .5rem calc(.5rem + env(safe-area-inset-bottom, 0px))}}@supports (-webkit-touch-callout:none){.chat-only-room{height:-webkit-fill-available}.chat-only-room .chat-input{padding-bottom:calc(.8rem + env(safe-area-inset-bottom, 0px))}}
/*# sourceMappingURL=main.346332ac.css.map*/