body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;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}.waiting-room-container{align-items:center;background:linear-gradient(135deg,#74ebd5,#acb6e5);color:#333;display:flex;flex-direction:column;font-family:Arial,sans-serif;height:100vh;justify-content:center}.title{color:#fff;font-size:2.5rem;margin-bottom:1.5rem;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.form-container{background:#fff;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.2);max-width:400px;padding:2rem;width:90%}.input{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;font-size:1rem;margin:.5rem 0;padding:.8rem;width:100%}.input:focus{border-color:#74ebd5;box-shadow:0 0 5px rgba(116,235,213,.5);outline:none}.radio-group{display:flex;justify-content:space-between;margin:1rem 0}.radio-group label{color:#333;font-size:1rem}.join-btn{background-color:#74ebd5;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:.8rem 1.5rem;text-transform:uppercase;transition:background-color .3s ease;width:100%}.join-btn:hover{background-color:#5ad3b0}.video-preview{background-color:#000;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.3);height:auto;margin-bottom:1rem;max-width:400px;width:100%}.controls .btn{align-items:center;background-color:#74ebd5;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:50px;justify-content:center;padding:.8rem;transition:background-color .3s ease;width:50px}.controls .btn.disabled{background-color:#ccc}.controls .btn i{font-size:1.5rem}.controls .btn:hover.enabled{background-color:#5ad3b0}.controls{display:flex;gap:10px;justify-content:space-between;margin-bottom:1rem}body,html{box-sizing:border-box;height:100%;margin:0;padding:0}.room-container{background-color:#121212;color:#fff;display:flex;flex-direction:column;font-family:Arial,sans-serif;height:100vh}.room-header{align-items:center;background-color:#1e1e1e;border-bottom:1px solid #333;display:flex;justify-content:space-between;padding:1rem}.room-title{color:#74ebd5;font-size:1.5rem}.user-info{color:#ccc;font-size:1rem}.video-grid{grid-gap:1rem;align-items:center;box-sizing:border-box;display:grid;flex:1 1;gap:1rem;justify-content:center;max-height:calc(100vh - 140px);padding:1rem;transition:width .3s ease;width:100%}.video-grid.chat-visible{width:calc(100% - 400px)}.video-grid.video-grid-1{grid-template-columns:1fr;justify-items:center}.video-grid.video-grid-2,.video-grid.video-grid-3{grid-template-columns:repeat(2,1fr);justify-items:center}.video-grid.video-grid-3{grid-template-rows:1fr 1fr}.video-grid.video-grid-4{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);justify-items:center}.video-grid.video-grid-5{grid-template-rows:1fr 1fr}.video-grid.video-grid-5,.video-grid.video-grid-6{grid-template-columns:repeat(3,1fr);justify-items:center}.video-grid.video-grid-6{grid-template-rows:repeat(2,1fr)}.video-container{align-items:center;aspect-ratio:16/9;background-color:#000;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.3);display:flex;justify-content:center;max-height:calc(100vh - 210px);max-width:90vw;overflow:hidden;position:relative;width:90%}.video-container .OT_publisher,.video-container .OT_subscriber,.video-container .OT_video-element{height:100%;object-fit:contain;width:100%}.video-container .OT_video-disabled{align-items:center;background:#000;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.video-container .OT_video-disabled:before{color:#fff;content:"\f007";font-family:FontAwesome;font-size:3rem}.name-tag{background:rgba(0,0,0,.7);border-radius:5px;bottom:10px;color:#fff;font-size:.9rem;left:50%;padding:.3rem .5rem;position:absolute;text-align:center;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:5}.room-controls{background-color:#222;bottom:0;box-shadow:0 -4px 10px rgba(0,0,0,.3);height:70px;position:fixed;width:100%;z-index:99}.control-btn,.room-controls{align-items:center;display:flex;justify-content:center;padding:10px}.control-btn{background-color:#555;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.5rem;margin:0 10px;transition:background-color .3s ease,color .3s ease,-webkit-transform .2s ease;transition:background-color .3s ease,transform .2s ease,color .3s ease;transition:background-color .3s ease,transform .2s ease,color .3s ease,-webkit-transform .2s ease;will-change:transform,background-color}.control-btn.enabled{background-color:#4caf50}.control-btn.disabled{background-color:#f44336}.control-btn:hover{background-color:#74ebd5;-webkit-transform:scale(1.1);transform:scale(1.1)}.control-btn i{color:inherit;font-size:1.5rem;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.control-btn:hover i{-webkit-transform:scale(1.2);transform:scale(1.2)}.chat-sidebar{background:#1e1e1e;bottom:0;box-shadow:-2px 0 5px rgba(0,0,0,.5);color:#fff;display:flex;flex-direction:column;max-width:400px;position:fixed;right:0;top:0;transition:all .3s ease;width:400px;z-index:100}.chat-header{align-items:center;border-bottom:1px solid #444;display:flex;justify-content:space-between;padding:10px}.chat-messages{background:#1c1c1c;flex:1 1;overflow-y:auto;padding:10px}.chat-message{margin-bottom:10px}.chat-message:nth-child(odd){background:hsla(0,0%,100%,.05);border-radius:5px;padding:5px}.chat-input{border-top:1px solid #444;display:flex;padding:10px}.chat-input input{background:#222;border:1px solid #333;border-radius:5px;color:#fff;flex:1 1;margin-right:10px;outline:none;padding:10px;transition:border-color .3s ease,box-shadow .3s ease}.chat-input input:focus{border-color:#74ebd5;box-shadow:0 0 5px #74ebd5}.chat-input button{background:#74ebd5;border:none;border-radius:5px;color:#000;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .3s ease,-webkit-transform .2s ease;transition:background-color .3s ease,transform .2s ease;transition:background-color .3s ease,transform .2s ease,-webkit-transform .2s ease}.chat-input button:hover{background:#5ad3b0;-webkit-transform:scale(1.05);transform:scale(1.05)}@media (max-width:768px){.chat-sidebar{bottom:0;height:50%;top:auto;width:100%}.video-grid.chat-visible{width:100%}.chat-header{justify-content:center}.room-controls{flex-wrap:wrap;padding:15px}.control-btn{margin:5px}}.chat-messages::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-thumb{background:#444;border-radius:5px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#74ebd5}
/*# sourceMappingURL=main.f1cb813f.css.map*/