body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#1a1a1a;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}.app{flex-direction:column;width:100vw}.app,.lobby-container{display:flex;height:100vh}.lobby-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);justify-content:center;padding:20px}.lobby-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.95);border-radius:.3rem;box-shadow:0 20px 40px rgba(0,0,0,.1);color:#333;display:flex;gap:100px;justify-content:space-evenly;max-width:90%;padding:40px}.lobby-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;text-align:center}.lobby-title,.preview-section{margin-bottom:30px}.video-preview{background:#000;height:250px;margin-bottom:15px;overflow:hidden;position:relative}.preview-video,.video-preview{border-radius:.3rem;width:100%}.preview-video{height:100%;object-fit:cover}.preview-video.video-off{display:none}.video-placeholder{background:linear-gradient(135deg,#667eea,#764ba2)}.avatar{align-items:center;background:hsla(0,0%,100%,.2);border-radius:50%;color:#fff;display:flex;font-size:2rem;font-weight:700;height:80px;justify-content:center;width:80px}.preview-controls{display:flex;gap:15px;justify-content:space-evenly}.control-btn{align-items:center;border:none;cursor:pointer;display:flex;font-size:1.5rem;height:50px;justify-content:center;transition:all .3s ease;width:100px}.control-btn.active{background:#4caf50;color:#fff}.control-btn.inactive{background:#f44336;color:#fff}.control-btn:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.form-section{display:flex;flex-direction:column;gap:20px}.input-field{background:#fff;border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;padding:15px 20px;transition:all .3s ease}.input-field:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1);outline:none}.room-input-group{display:flex;gap:10px}.room-input-group .input-field{flex:1 1}.generate-btn{background:#667eea;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:15px 20px;transition:all .3s ease;white-space:nowrap}.generate-btn:hover{background:#5a67d8;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.join-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:18px 30px;transition:all .3s ease}.join-btn:hover:not(:disabled){box-shadow:0 10px 20px rgba(102,126,234,.3);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.join-btn:disabled{background:#ccc;cursor:not-allowed}.conference-container{background:#1a1a1a;display:flex;flex:2 1;flex-direction:column;height:100vh}.conference-header{align-items:center;display:flex;justify-content:space-between;left:10px;opacity:.3;padding:15px 25px;position:absolute;top:10px;z-index:100}.conference-title{font-size:1.5rem;font-weight:600}.participant-count{background:#667eea;border-radius:20px;color:#fff;font-size:.9rem;font-weight:500;padding:8px 16px}.conference-main{display:flex;flex:1 1;overflow:hidden}.video-section{background:#1a1a1a;flex:2 1;padding:20px;transition:all .3s ease}.video-section.with-chat{flex:1 1}.participant-grid{display:flex;gap:15px;height:100%;position:relative;width:100%}.participant-video-container{background:#2d2d2d;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.participant-video-container .minimize-btn{background:transparent;border:none;color:#fff;position:absolute;right:0;z-index:2}.video-wrapper{height:100%;position:relative;width:100%}.participant-video{background:#000;height:100%;object-fit:cover;width:100%}.participant-video.video-off{display:none}.video-placeholder{background:linear-gradient(135deg,#667eea,#4b54a2);height:100%;left:0;position:absolute;top:0;width:100%}.participant-avatar,.video-placeholder{align-items:center;display:flex;justify-content:center}.participant-avatar{background:hsla(0,0%,100%,.2);border-radius:50%;color:#fff;font-size:2rem;font-weight:700;height:80px;width:80px}.participant-info{align-items:center;display:flex;justify-content:space-between;padding:15px;position:absolute;right:0;top:0}.participant-name{color:#fff;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.5)}.participant-status{display:flex;gap:5px}.muted-icon,.video-off-icon{font-size:1rem}.me,.other{background:transparent;bottom:0;height:150px;position:absolute;width:300px;z-index:999;& .video-wrapper{opacity:.2}}.other{left:300px;z-index:1}.me .participant-info,.other .participant-info{bottom:0;left:0;top:auto}.control-panel{background:#2d2d2d;border-top:1px solid #404040;justify-content:space-between;padding:20px 30px}.control-group,.control-panel{align-items:center;display:flex}.control-group{gap:15px}.control-button{align-items:center;background:#404040;border:none;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:60px;justify-content:center;transition:all .3s ease;width:60px}.control-button:hover{background:#505050;-webkit-transform:scale(1.1);transform:scale(1.1)}.control-button.active{background:#4caf50}.control-button.inactive{background:#f44336}.leave-button{background:#f44336!important}.leave-button:hover{background:#d32f2f!important}.control-button.recording{-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite}@-webkit-keyframes pulse{0%{box-shadow:0 0 0 0 rgba(244,67,54,.7)}70%{box-shadow:0 0 0 10px rgba(244,67,54,0)}to{box-shadow:0 0 0 0 rgba(244,67,54,0)}}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(244,67,54,.7)}70%{box-shadow:0 0 0 10px rgba(244,67,54,0)}to{box-shadow:0 0 0 0 rgba(244,67,54,0)}}.participant-counter{align-items:center;background:#404040;border-radius:25px;color:#fff;display:flex;font-weight:500;gap:8px;padding:10px 15px}.chat-panel{background:#2d2d2d;border-left:1px solid #404040;display:flex;flex-direction:column;height:100%;width:350px;z-index:2}.chat-header{align-items:center;border-bottom:1px solid #404040;display:flex;justify-content:space-between;padding:20px}.chat-header h3{font-size:1.2rem;font-weight:600}.close-chat{background:none;border:none;border-radius:5px;color:#ccc;cursor:pointer;font-size:1.5rem;padding:5px;transition:all .3s ease}.close-chat:hover{background:#404040;color:#fff}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:15px;overflow-y:auto;padding:20px}.chat-message{background:#404040;border-radius:10px;padding:12px 15px}.message-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px}.message-sender{color:#667eea;font-size:.9rem;font-weight:600}.message-time{color:#999;font-size:.8rem}.message-content{color:#fff;line-height:1.4}.chat-input-form{border-top:1px solid #404040;display:flex;gap:10px;padding:20px}.chat-input{background:#1a1a1a;border:1px solid #404040;border-radius:25px;color:#fff;flex:1 1;font-size:.9rem;outline:none;padding:12px 15px}.chat-input:focus{border-color:#667eea}.send-button{background:#667eea;border:none;border-radius:25px;color:#fff;cursor:pointer;font-weight:600;padding:12px 20px;transition:all .3s ease}.send-button:hover{background:#5a67d8}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#1a1a1a}.chat-messages::-webkit-scrollbar-thumb{background:#404040;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#505050}@-webkit-keyframes slideIn{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.participant-video-container{-webkit-animation:slideIn .5s ease-out;animation:slideIn .5s ease-out}.loading{align-items:center;color:#ccc;display:flex;font-size:1.2rem;height:100%;justify-content:center}.connection-status{border-radius:25px;font-size:.9rem;font-weight:500;padding:10px 15px;position:fixed;right:20px;top:20px;z-index:1000}.connection-status.connected{background:#4caf50;color:#fff}.connection-status.disconnected{background:#f44336;color:#fff}.connection-status.connecting{background:#ff9800;color:#fff}.conference-page{display:flex}@media (max-width:768px){.lobby-card{align-items:center;display:flex;flex-direction:column;gap:0;justify-content:center;max-width:500px;padding:1.5rem 2rem}.conference-page{position:relative}.conference-container{flex:1 1}.conference-main{flex-direction:column}.video-section.with-chat{flex:1 1}.chat-panel{height:300px;width:100%}.control-panel{padding:15px 20px}.control-group{gap:10px}.control-button{font-size:1.2rem;height:50px;width:50px}.participant-counter{font-size:.9rem;padding:8px 12px}.me,.other{bottom:0;height:150px;position:absolute;width:100px;z-index:999}.other{left:100px}}@media (max-width:480px){.lobby-card{padding:30px 20px}.lobby-title{font-size:2rem}.video-preview{height:200px}}
/*# sourceMappingURL=main.fbc574a8.css.map*/