.video-overlay{position:fixed;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000004d;z-index:9999;display:flex;flex-direction:column;transition:all .3s ease}.video-overlay.expanded{top:20px;right:20px;width:600px;height:500px}.video-overlay.minimized{bottom:20px;right:20px;width:320px;height:240px}.video-header{padding:12px;background:#1976d2;color:#fff;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.video-header h3{margin:0;font-size:16px;font-weight:500}.video-header .controls{display:flex;gap:8px}.video-header button{background:#fff3;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px;transition:background .2s}.video-header button:hover{background:#ffffff4d}.video-header .end-call{background:#f44336}.video-header .end-call:hover{background:#d32f2f}.video-container{position:relative;width:100%;flex:1;background:#000;border-radius:0 0 12px 12px;overflow:hidden}.remote-video{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#1a1a1a}.remote-video video{width:100%;height:100%;object-fit:cover}.local-video{position:absolute;bottom:10px;right:10px;width:150px;height:112px;border:2px solid white;border-radius:8px;overflow:hidden;background:#2a2a2a}.local-video video{width:100%;height:100%;object-fit:cover}.video-overlay.minimized .local-video{width:80px;height:60px;bottom:5px;right:5px}.participants{padding:8px;text-align:center;font-size:12px;color:#666;background:#fff;border-radius:0 0 12px 12px;flex-shrink:0}.loading-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.loading-spinner{border:4px solid #f3f3f3;border-top:4px solid #1976d2;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-container p{color:#666;margin:0}.error-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center}.error-message{color:#f44336;margin-bottom:16px;font-size:14px}.error-container button{background:#1976d2;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px}.error-container button:hover{background:#1565c0}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh}#root{width:100%;min-height:100vh}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}}