.theme-toggle{position:absolute;top:20px;right:20px;cursor:pointer;font-size:24px;color:#fff;transition:color .3s}body.light-theme .theme-toggle{color:#000}body.light-theme{background-color:#f4f4f4;color:#000}body.light-theme .container{background-color:#fff;box-shadow:0 0 10px #0000001a}body.light-theme .participants-section,body.light-theme .chat-section{border-right:1px solid #ddd}body.light-theme .chat-header,body.light-theme .participants-header{color:#000}body.light-theme .chat-messages{border-bottom:1px solid #ddd}body.light-theme .chat-messages::-webkit-scrollbar-thumb{background-color:#ccc}body.light-theme .chat-messages::-webkit-scrollbar-track{background-color:#f4f4f4}body.light-theme .message{color:#000}body.light-theme .chat-input{background-color:#fff}body.light-theme .chat-input input{background-color:#fff;border:1px solid #ddd;color:#000}body.light-theme .video-call-header,body.light-theme .video-container h3,body.light-theme .participant{color:#000}body.light-theme .connection-option{background-color:#fff;border:1px solid #ddd}body.light-theme .connection-option h2{color:#000}body.light-theme .connection-option p{color:#666}body.light-theme .connection-option input{background-color:#fff;border-color:#ddd;color:#000}body.light-theme .connection-option input:focus{border-color:#007bff}body.light-theme .connection-option button{background-color:#007bff;color:#fff}body.light-theme .connection-option button:hover{background-color:#0056b3}body.light-theme .connection-option button#hangupButton{background-color:#dc3545}body.light-theme .connection-option button#hangupButton:hover{background-color:#c82333}.container{display:flex;width:90%;height:86vh;background-color:#1e1e1e;border-radius:10px;box-shadow:0 0 10px #00000080;transition:background-color .3s;position:relative;overflow:hidden}.participants-section{flex:.5;padding:20px;border-right:1px solid #333;transition:border-color .3s}.participants-list{overflow-y:auto;word-break:break-word}.participant{margin-bottom:10px;transition:color .3s;overflow-wrap:break-word;max-width:100%}.chat-section{flex:2;padding:20px;border-right:1px solid #333;transition:border-color .3s;display:flex;flex-direction:column}.chat-header,.participants-header,.video-call-header{font-size:26px;font-weight:700;margin-bottom:20px;transition:color .3s;text-align:center}.video-call-header{margin-bottom:-10px}.chat-messages{flex:1;overflow-y:auto;border-bottom:1px solid #333;margin-bottom:10px;transition:border-color .3s;word-break:break-word}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-thumb{background-color:#666;border-radius:3px}.chat-messages::-webkit-scrollbar-track{background-color:#333}.message{margin-bottom:10px;transition:color .3s;word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap;max-width:100%}.message a{color:#007bff;text-decoration:none}.message a:hover{text-decoration:underline}.chat-controls{display:flex;align-items:center;gap:10px}.chat-input{display:flex;align-items:center;flex:1;padding:10px;background-color:#2d2d2d;border-radius:5px;transition:background-color .3s}.chat-input input{flex:1;padding:10px;border:1px solid #333;border-radius:5px;margin-right:10px;background-color:#2d2d2d;color:#fff;transition:background-color .3s,border-color .3s,color .3s}.file-upload-label{cursor:pointer;margin-right:10px;font-size:20px;color:#007bff}.file-upload-label:hover{color:#0056b3}.chat-input button{padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer}.chat-input button:hover{background-color:#0056b3}#callButton{padding:20px;background-color:#28a745;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}#callButton:hover{background-color:#218838}#callButton.active{background-color:#dc3545}#callButton.active:hover{background-color:#c82333}.video-call-section{display:none;flex:1;padding:10px}.video-call-content{display:flex;flex-direction:column;align-items:center}.video-container{width:75%;max-width:80%;aspect-ratio:1 / 1;text-align:center;position:relative}.video-container h3{margin-bottom:10px;transition:color .3s}.video-player{background-color:#3e3b3b;width:85%;aspect-ratio:1 / 1;border-radius:10px;object-fit:cover}.video-controls{display:flex;justify-content:center;margin-top:10px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.video-controls button{background-color:#007bff;color:#fff;border:none;border-radius:50%;width:50px;height:50px;margin:0 10px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:24px}.video-controls button:hover{background-color:#0056b3}.video-container.local{margin-top:auto}.connection-option{position:relative;top:180px;padding:10px;background-color:#2d2d2d;border-radius:10px;transition:background-color .3s;width:auto}.connection-option h2{font-size:16px;font-weight:700;margin-bottom:10px;color:#fff;transition:color .3s}.connection-option p{font-size:14px;color:#ccc;margin-bottom:10px;transition:color .3s}.connection-option input,.connection-option button{width:100%;height:40px;padding:8px;margin-bottom:10px;border:1px solid #333;border-radius:5px;background-color:#1e1e1e;color:#fff;transition:background-color .3s,border-color .3s,color .3s;box-sizing:border-box;font-size:14px;display:flex;align-items:center;justify-content:center}.connection-option input:focus{outline:none;border-color:#007bff}.connection-option button{background-color:#007bff;color:#fff;border:none;cursor:pointer}.connection-option button:hover{background-color:#0056b3}.connection-option button#hangupButton{background-color:#dc3545}.connection-option button#hangupButton:hover{background-color:#c82333}body{font-family:Arial,sans-serif;margin:0;padding:0;display:flex;justify-content:center;align-items:center;height:100vh;background-color:#121212;color:#fff;transition:background-color .3s,color .3s}.request-container{background-color:#2a2a2a;color:#f4f4f4;border-radius:12px;padding:30px;box-shadow:0 4px 20px #00000080;max-width:400px;width:90%;box-sizing:border-box;margin:0 auto}body.light-theme .request-container{background-color:#fff;color:#333;box-shadow:0 4px 20px #0000001a}body .request-container input,body .request-container button{background-color:#192235;color:#fff;border:1px solid #272525;border-radius:8px;padding:12px 18px;font-size:16px;width:100%;margin-top:10px;box-sizing:border-box;transition:background-color .3s ease}body.light-theme .request-container input,body.light-theme .request-container button{background-color:#f4f4f4;color:#333;border:1px solid #ddd}body:not(.light-theme) .request-container input:focus,body:not(.light-theme) .request-container button:hover{background-color:#191f24;border-color:#2b2c2d}body.light-theme .request-container input:focus,body.light-theme .request-container button:hover{background-color:#17212c;border-color:#1d252e}.name-request{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:9999;visibility:visible;transition:background-color .3s ease}body:not(.light-theme) .name-request{background-color:#000000b3}body.light-theme .name-request{background-color:#ffffffb3}.disabled-button{background-color:#ccc;color:#666;cursor:not-allowed;opacity:.6;pointer-events:none}.footer{position:fixed;bottom:0;left:0;width:100%;text-align:center;font-size:14px;color:#fff}body.light-theme .footer{color:#333}.footer p{margin:5px 0}