body{background-color:#1c1c1e;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}video{height:100%;object-fit:cover;width:100%}#videoElement{background:#18181a}#videoElement,#videoElementParent{height:100%;position:absolute;width:100%}#videoElementParent{bottom:0;box-sizing:border-box;cursor:default;left:0;margin:auto;max-height:100%;max-width:100%;overflow:hidden;pointer-events:all;right:0;top:0}#streamingVideo{background:#18181a;position:absolute}#logo{display:block;height:auto;margin:16px auto 0;max-width:150px;object-fit:contain;width:100%}.hidden{display:none}.flex{display:flex}.containMain{background:#18181a;flex:1 1;height:100%;height:-webkit-fill-available;width:100%}.containLoading,.containMain{display:flex;flex-direction:column;justify-content:center;position:fixed}.containLoading{align-items:center;height:100vh;left:0;top:0;width:100vw;z-index:1000}.Header{background-color:#000;position:relative}.loader-container{align-items:center;background:#0000004d;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.controlPanel{bottom:20px;display:flex;gap:10px;position:fixed;z-index:1}.stats-container{margin-top:20px}.stat-item{margin-bottom:10px}#passwordScreen{flex-direction:column;justify-content:center;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1002}#passwordForm,#passwordScreen{align-items:center;display:flex}#passwordForm{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0006;border-radius:10px;box-shadow:0 8px 20px #0006;gap:10px;padding:14px 20px}#passwordForm input{background-color:#ffffff26;border:1px solid #ffffff4d;border-radius:6px;color:#fff;font-size:16px;outline:none;padding:10px 14px;width:180px}#passwordForm input::placeholder{color:#ffffffb3}#passwordForm button{background-color:#4e9cff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .2s ease-in-out}#passwordForm button:hover{background-color:#327dcd}body,html{height:100%;margin:0;overflow:hidden;overscroll-behavior:none;padding:0;touch-action:none}.modal-overlay-stats{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content-stats{background-color:#fff;border-radius:8px;max-height:80%;max-width:500px;overflow-y:auto;padding:20px;position:relative;width:100%}@media (max-width:768px){.modal-content-stats{max-height:70%;max-width:90%}}@media (max-width:480px){.modal-content-stats{max-height:60%;max-width:90%}}.close-button{background:none}.floatingInputBox{background:#000000b3;border:1px solid #000;border-radius:8px;box-shadow:0 2px 10px #0003;display:flex;flex-direction:column;gap:12px;left:50%;padding:16px;position:fixed;top:50%;transform:translate(-50%,-50%);width:70vw;z-index:1000}.modalKeyboardTextArea{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:14px;height:120px;padding:10px;resize:vertical;width:100%}.modalKeyboardInputRow{display:flex;gap:10px;justify-content:flex-end}.btn-keyboard-flat{background-color:#007aff;border:none;border-radius:6px;color:#e5e5ea;cursor:pointer;padding:8px 16px;transition:background-color .2s ease-in-out}.btn-keyboard-flat:hover{background-color:#007bff98}.btn-keyboard-flat-cancel{background-color:#444;border:none;border-radius:6px;color:#e5e5ea;cursor:pointer;padding:8px 16px;transition:background-color .2s ease-in-out}.btn-keyboard-flat-cancel:hover{background-color:#44444475}.modal-overlay-res{align-items:center;background-color:#0009;bottom:0;display:flex;font-family:proxima_nova_rgregular;height:100%;justify-content:right;left:0;position:fixed;width:100%;z-index:1000}.modal-content-res-left{left:20px}.modal-content-res-left,.modal-content-res-right{align-items:flex-start;background-color:#18181a;border-radius:8px;bottom:100px;color:#f0f0f0;display:flex;flex-direction:column;max-height:360px;max-width:260px;overflow-y:auto;position:fixed;width:100%}.modal-content-res-right{right:20px}@media (max-width:768px){.modal-content-res{max-height:50%;max-width:60%}.modal-content-res h3{color:#f0f0f0;font-family:proxima_nova_rgregular;font-size:16px;margin-bottom:15px;margin-left:16%;margin-top:20px}.resolution-item{color:#ffffff6a;cursor:pointer;font-family:proxima_nova_rgregular;font-size:12px;transition:background-color .12s ease,color .3s ease}.res-text{font-size:12px;margin-left:10%}.res-text-active{font-size:12px;margin-left:5%}.res-icon{width:16px}}@media (max-width:480px){.modal-content-res{max-height:50%;max-width:60%}.modal-content-res h3{color:#f0f0f0;font-family:proxima_nova_rgregular;font-size:16px;margin-bottom:15px;margin-left:16%;margin-top:20px}.resolution-item{color:#ffffff6a;cursor:pointer;font-family:proxima_nova_rgregular;font-size:12px;transition:background-color .12s ease,color .3s ease}.res-text{font-size:12px;margin-left:10%}.res-text-active{font-size:12px;margin-left:-3%}.res-icon{width:16px}}.modal-content-res h3{color:#f0f0f0;font-family:proxima_nova_rgregular;font-size:20px;margin-bottom:15px;margin-left:16%;margin-top:20px}.resolution-list{list-style:none;margin:0;padding:0;width:100%}.resolution-item{color:#ffffff6a;cursor:pointer;font-family:proxima_nova_rgregular;font-size:16px;transition:background-color .12s ease,color .3s ease}.resolution-item:hover{background-color:rgba(0,0,0,.155)}.resolution-item:hover,.selected-resolution{align-items:center;color:#fff;font-weight:700;justify-content:center;position:relative;vertical-align:middle}.selected-resolution{background-color:rgba(0,0,0,.347)}.res-text{font-size:16px;margin-left:15%}.res-icon{width:24px}.res-text-active{font-size:16px}.close-button{background-color:initial;border:none;color:#333;cursor:pointer;font-size:18px;font-weight:700;padding:5px 10px;position:absolute;right:10px;top:10px}.close-button:hover{color:#fff}.spinner{animation:spin 1s linear infinite;border:5px solid #000;border-radius:50%;border-top-color:#007aff;height:5vw;left:47.5%;margin-bottom:5%;position:fixed;width:5vw}@media (max-width:600px){.spinner{height:10vw;left:45%;margin-bottom:80%;width:10vw}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media{body{font-family:Arial,sans-serif}}@media only screen and (max-width:768px) and (orientation:portrait){.spinner{height:10vw;left:45%;margin-bottom:80%;width:10vw}}@media only screen and (max-width:768px) and (orientation:landscape){.spinner{height:6vw;left:47%;margin-bottom:30%;width:6vw}}@media only screen and (min-width:769px) and (max-width:1024px) and (orientation:portrait){.spinner{height:10vw;left:45%;margin-bottom:30%;width:10vw}}@media only screen and (min-width:769px) and (max-width:1024px) and (orientation:landscape){.spinner{height:6vw;left:47%;margin-bottom:30%;width:6vw}}@media only screen and (min-width:1025px){.spinner{animation:spin 1s linear infinite;border:5px solid #000;border-radius:50%;border-top-color:#007aff;height:5vw;left:47.5%;margin-bottom:5%;position:fixed;width:5vw}}.message,.text-only{background:#0009;border-radius:12px;box-sizing:border-box;color:#fff;display:inline-block;font-size:1.2rem;left:50%;max-width:90vw;overflow-wrap:break-word;padding:8px 50px;position:fixed;text-align:center;top:60%;transform:translate(-50%,-50%);z-index:1000000}@media (max-width:600px){.message,.text-only{font-size:1rem;padding:8px 12px}}:root{--bg-color:#ffffff14;--bg-gradient:linear-gradient(360deg,#f9f9f9,#f9f9f91a);--text-color:#000;--placeholder-color:#fff;--message-text-color-local:#fff;--message-text-color-remote:#1c1c1e;--box-color:#e5e5ea;--border-color:#ccc;--message-local:#007aff;--message-remote:#e5e5ea;--message-remote-text:#fff;--participant-bg:#f1f1f1;--tab-active:#007bff;--tab-inactive:#ffffff4d;--shadow-color:0 2px 10px #0000000d;--blur-amount:blur(10px)}.dark-mode{--bg-color:#0006;--bg-gradient:linear-gradient(360deg,#1b1b1b,#1b1b1b1a);--text-color:#fff;--placeholder-color:#fff;--box-color:#2c2c2c;--message-text-color-local:#fff;--message-text-color-remote:#000;--message-remote-text:#e5e5ea;--border-color:#444;--message-local:#c13584;--message-remote:#e5e5ea;--participant-bg:#2b2b2b;--tab-active:#0a84ff;--tab-inactive:#444;--shadow-color:0 2px 10px #ffffff0d;--blur-amount:blur(20px)}.Left{left:20px}.Left,.Right{bottom:20px;position:fixed;z-index:100}.Right{right:20px}.chat-container{border-radius:20px;color:#000;color:var(--text-color);display:flex;flex-direction:column;height:400px;margin:auto;overflow:hidden;width:400px}.tab-buttons{display:flex;gap:10px;justify-content:center;margin:10px 0}.tab-buttons button{background-color:#ffffff4d;background-color:var(--tab-inactive);border:none;border-radius:25px;box-shadow:0 2px 5px 0 2px 10px #0000000d;box-shadow:0 2px 5px var(--shadow-color);color:#000;color:var(--text-color);cursor:pointer;font-weight:600;padding:10px 18px;transition:background-color .3s,color .3s}.tab-buttons .active{box-shadow:0 4px 12px #007bff;box-shadow:0 4px 12px var(--tab-active)}.tab-buttons .active,.tab-buttons button:hover:not(.active){background-color:#007bff;background-color:var(--tab-active);color:#fff}.text-tab,.voice-tab{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.messages{background:#ffffff14;background:var(--bg-color);border-top-left-radius:20px;border-top-right-radius:20px;flex-direction:column-reverse;flex-grow:1;gap:6px;overflow-y:auto;padding:10px;scrollbar-width:none}.messages,.modal-content{backdrop-filter:blur(10px);backdrop-filter:var(--blur-amount);-webkit-backdrop-filter:blur(10px);-webkit-backdrop-filter:var(--blur-amount);display:flex}.modal-content{background-clip:padding-box;background:#0000;border:#0000;border-radius:20px;flex-direction:column;outline:0;pointer-events:auto;position:relative;width:100%}.audiogroup{max-width:350px;width:230px}.messagesHideBackground{background:#0000;display:flex;flex-direction:column-reverse;flex-grow:1;gap:8px;overflow-y:auto;padding:10px;scrollbar-width:none}.messages::-webkit-scrollbar{width:0}.message-wrapper{display:flex;flex-direction:column;margin-bottom:12px}.message-wrapper.left{align-items:flex-start}.message-wrapper.right{align-items:flex-end}.sender-name.left{color:#fff;color:var(--message-remote-text);padding-left:12px}.sender-name.left,.sender-name.right{font-size:11px;font-weight:700;opacity:.8}.sender-name.right{color:#007aff;color:var(--message-local)}.message-box{word-wrap:break-word;align-items:flex-start;background-color:#e5e5ea;background-color:var(--box-color);border-radius:16px;box-shadow:0 1px 3px 0 2px 10px #0000000d;box-shadow:0 1px 3px var(--shadow-color);display:flex;font-size:14px;line-height:1.4;max-width:70%;min-width:35%;padding:6px 8px;position:relative;width:fit-content}.message-box.local{align-self:flex-end;background-color:#007aff;background-color:var(--message-local);color:#fff;color:var(--message-text-color-local)}.message-box.local,.message-box.remote{margin-top:6px;padding-left:12px;padding-right:12px;text-align:justify}.message-box.remote{align-self:flex-start;background-color:#e5e5ea;background-color:var(--message-remote);color:#1c1c1e;color:var(--message-text-color-remote)}.message-box .avatar{background-color:#eee;border-radius:50%;flex-shrink:0;height:32px;margin-right:10px;width:32px}.avatar.img,.avatar.img img{display:block;height:100%;object-fit:cover;width:100%}.message-content{display:flex;flex:1 1;flex-direction:column}.timestamp{margin-Left:12px;align-self:flex-end;font-size:.5rem;margin-bottom:-6px}.input-container{padding:0}input::placeholder{color:#fff;color:var(--placeholder-color);opacity:1}.input-wrapper{align-items:center;backdrop-filter:blur(10px);backdrop-filter:var(--blur-amount);-webkit-backdrop-filter:blur(10px);-webkit-backdrop-filter:var(--blur-amount);background:#ffffff14;background:var(--bg-color);border:1px solid #ccc;border:1px solid var(--border-color);border-radius:25px;border-bottom-left-radius:20px;border-bottom-right-radius:20px;border-top-left-radius:0;border-top-right-radius:0;display:flex;gap:10px;height:40px;padding:5px 10px}.input-wrapper input{background:#0000;border:none;color:#fff;color:var(--placeholder-color);flex:1 1;font-size:14px;outline:none;padding:8px}.input-wrapper .emoji-btn,.input-wrapper .send-btn{align-items:center;background-color:#ffffff4d;background-color:var(--tab-inactive);border:none;border-radius:50%;color:#000;color:var(--text-color);cursor:pointer;display:flex;font-size:18px;height:28px;justify-content:center;transition:background-color .3s,color .3s;width:28px}.input-wrapper .emoji-btn:hover,.input-wrapper .send-btn:hover{background-color:#007bff;background-color:var(--tab-active);box-shadow:0 4px 10px #007bff;box-shadow:0 4px 10px var(--tab-active);color:#fff}.participant-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.participant{align-items:center;background:#f1f1f1;background:var(--participant-bg);border-radius:10px;display:flex;flex-direction:row;gap:14px;padding:16px}.participant .avatar.img{background-color:#eee;border-radius:50%;height:32px;overflow:hidden;width:32px}.name{color:#000;color:var(--text-color);font-size:14px;font-weight:700}.participant button{background-color:#007bff;background-color:var(--tab-active);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:6px 10px}.participant button:hover{background-color:#0056b3}.speaking-indicator{background-color:#32cd32;border-radius:50%;height:10px;position:absolute;right:6px;top:6px;width:10px}.voice-controls{padding:20px 0;text-align:center}.voice-controls button{background-color:#dc3545;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:10px 16px}.voice-controls button:hover{background-color:#a81d2f}.row{margin-left:0;margin-right:0}@media (max-width:1024px){.chat-container{background-color:#ffffff14;background-color:var(--bg-color);height:100%;width:100%}.messages{height:50%;padding:6px}.input-container{margin-bottom:2%}.input-wrapper{border-radius:0;height:42px}}@media (max-width:768px) and (orientation:portrait){.chat-container{background-color:#ffffff14;background-color:var(--bg-color);height:95vh;margin:10px auto;width:98%}.audiogroup{max-width:350px;width:280px}.input-container{margin-bottom:20%}.input-wrapper{border-radius:0;height:42px}.input-wrapper input{font-size:13px}.tab-buttons button{font-size:14px;padding:8px 14px}}@media (max-width:768px) and (orientation:landscape){.chat-container{background-color:#ffffff14;background-color:var(--bg-color);flex-direction:row;height:95vh;padding:5px;width:100%}.text-tab,.voice-tab{flex:1 1;padding:8px}.messages{height:50%;padding:6px}.input-container{margin-bottom:20%}.input-wrapper{border-radius:0;height:42px}}@media (max-width:768px){.participant-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.participant{align-items:center;flex-direction:column;text-align:center}.participant button{font-size:12px}}@media (max-width:480px){.chat-container{background-color:#ffffff14;background-color:var(--bg-color);border-radius:0;height:100vh;margin:0;width:100%}.participant-grid{grid-template-columns:1fr}.message-box{font-size:13px;padding:10px}.messages{height:50%;overflow-y:scroll;padding:6px}.input-container{margin-bottom:20%}.input-wrapper{border-radius:0;height:42px}.input-wrapper input{font-size:12px}.tab-buttons button{font-size:12px;padding:6px 10px}}.button-wrapper{display:inline-block;position:relative}.notification-badge{border-radius:50%;font-size:.7rem;padding:4px 6px;position:absolute;right:-8px;top:-4px}
/*# sourceMappingURL=main.58e14ecb.css.map*/