*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.home-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}.home-card{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000001a;max-width:500px;padding:40px;width:100%}.home-card h1{color:#333;font-size:2.5rem;margin-bottom:10px;text-align:center}.subtitle{color:#666;font-size:1.1rem;text-align:center}.input-group,.subtitle{margin-bottom:30px}.input-field{border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;outline:none;padding:15px;transition:all .3s ease;width:100%}.input-field:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.input-field:disabled{background-color:#f5f5f5;cursor:not-allowed}.action-section{margin-bottom:30px}.action-section h2{color:#333;font-size:1.2rem;margin-bottom:15px}.action-section .input-field{margin-bottom:15px}.btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:15px;transition:all .3s ease;width:100%}.btn:hover:not(:disabled){box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-secondary{background:#4caf50;color:#fff}.divider{margin:30px 0;position:relative;text-align:center}.divider:before{background:#e0e0e0;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.divider span{background:#fff;color:#999;font-weight:600;padding:0 20px;position:relative}.video-grid{grid-gap:10px;background:#1a1a1a;display:grid;flex:1 1;gap:10px;padding:10px}.grid-1{grid-template-columns:1fr}.grid-2,.grid-4{grid-template-columns:repeat(2,1fr)}.grid-4,.grid-6{grid-template-rows:repeat(2,1fr)}.grid-6,.grid-9{grid-template-columns:repeat(3,1fr)}.grid-9{grid-template-rows:repeat(3,1fr)}.video-tile{align-items:center;aspect-ratio:16/9;background:#2a2a2a;border-radius:12px;display:flex;justify-content:center;overflow:hidden;position:relative}.video-element{height:100%;object-fit:cover;width:100%}.video-placeholder{background:linear-gradient(135deg,#667eea,#764ba2);height:100%;width:100%}.avatar,.video-placeholder{align-items:center;display:flex;justify-content:center}.avatar{background:#fff3;border-radius:50%;color:#fff;font-size:3rem;font-weight:700;height:100px;width:100px}.video-info{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;border-radius:6px;bottom:10px;display:flex;justify-content:space-between;left:10px;padding:8px 12px;position:absolute;right:10px}.participant-name{font-size:.9rem;font-weight:600}.muted-indicator{font-size:1.2rem}@media (max-width:768px){.grid-4,.grid-6,.grid-9{grid-template-columns:1fr;grid-template-rows:auto}.avatar{font-size:2rem;height:60px;width:60px}}.controls-container{background:linear-gradient(0deg,#000c 0,#0000);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0}.controls{gap:15px}.control-btn,.controls{align-items:center;display:flex}.control-btn{background:#4a4a4a;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.5rem;height:60px;justify-content:center;position:relative;transition:all .3s ease;width:60px}.control-btn:hover{background:#5a5a5a;transform:scale(1.1)}.control-btn.disabled{background:#d32f2f}.control-btn.disabled:hover{background:#c62828}.control-btn.active{background:#4caf50}.control-btn.active:hover{background:#45a049}.leave-btn{background:#d32f2f!important;transform:rotate(135deg)}.leave-btn:hover{background:#c62828!important;transform:rotate(135deg) scale(1.1)}.unread-badge{align-items:center;animation:pulse 2s infinite;background:#f44336;border-radius:10px;box-shadow:0 2px 4px #0000004d;color:#fff;display:flex;font-size:.7rem;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 4px;position:absolute;right:8px;top:8px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.room-container{background:#1a1a1a;display:flex;flex-direction:column;min-height:100vh}.room-loading{justify-content:center;min-height:100vh}.room-header,.room-loading{align-items:center;color:#fff;display:flex}.room-header{background:#2a2a2a;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:20px}.room-info{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.room-info h2{font-size:1.5rem;margin:0}.btn-copy{background:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;transition:all .3s ease}.btn-copy:hover{background:#45a049;transform:translateY(-2px)}.btn-ai-agent{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:6px;padding:8px 16px;transition:all .3s ease}.btn-ai-agent:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-ai-agent:disabled{cursor:wait;opacity:.7}.btn-ai-agent.active{background:linear-gradient(135deg,#e74c3c,#c0392b)}.btn-ai-agent.active:hover:not(:disabled){box-shadow:0 4px 12px #e74c3c66}.participant-count{position:relative}.btn-participants{background:#ffffff1a;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .3s ease}.btn-participants:hover{background:#fff3}.participants-panel{animation:slideIn .3s ease;background:#2a2a2a;box-shadow:-2px 0 10px #0000004d;display:flex;flex-direction:column;height:100vh;position:fixed;right:0;top:0;width:320px;z-index:1000}@keyframes slideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}.participants-header{align-items:center;border-bottom:1px solid #ffffff1a;color:#fff;display:flex;justify-content:space-between;padding:20px}.participants-header h3{font-size:1.2rem;margin:0}.btn-close{align-items:center;background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:2rem;height:30px;justify-content:center;padding:0;transition:background .2s;width:30px}.btn-close:hover{background:#ffffff1a}.participants-list{flex:1 1;overflow-y:auto;padding:10px}.participant-item{align-items:center;background:#ffffff0d;border-radius:8px;display:flex;margin-bottom:8px;padding:12px;transition:background .2s}.participant-item:hover{background:#ffffff1a}.participant-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:1.2rem;font-weight:700;height:40px;justify-content:center;margin-right:12px;width:40px}.participant-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.participant-name{color:#fff;font-size:.95rem;font-weight:500}.participant-status{color:#ffffffb3;font-size:.85rem}@media (max-width:768px){.participants-panel{width:100%}}.prejoin-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.prejoin-dialog{animation:fadeInUp .4s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:450px;padding:40px;width:100%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.prejoin-dialog h2{color:#2a2a2a;font-size:1.8rem;margin:0 0 8px;text-align:center}.prejoin-subtitle{color:#666;font-size:.95rem;margin:0 0 32px;text-align:center}.prejoin-form{gap:24px}.form-group,.prejoin-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#2a2a2a;font-size:.95rem;font-weight:600}.prejoin-input{border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;outline:none;padding:12px 16px;transition:border-color .3s}.prejoin-input:focus{border-color:#667eea}.media-toggles{display:flex;gap:12px}.toggle-option{align-items:center;background:#f5f5f5;border-radius:8px;cursor:pointer;display:flex;flex:1 1;gap:8px;padding:12px;transition:background .2s;-webkit-user-select:none;user-select:none}.toggle-option:hover{background:#ebebeb}.toggle-option input[type=checkbox]{cursor:pointer;height:18px;width:18px}.toggle-icon{font-size:1.3rem}.toggle-option span:last-child{color:#2a2a2a;font-size:.9rem;font-weight:500}.btn-join{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:8px;padding:14px 24px;transition:transform .2s,box-shadow .2s}.btn-join:hover{box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.btn-join:active{transform:translateY(0)}@media (max-width:768px){.prejoin-dialog{padding:30px 20px}.media-toggles{flex-direction:column}}.chat-panel{animation:slideUp .3s ease;background:#2a2a2a;border-radius:12px 12px 0 0;bottom:0;box-shadow:-2px -2px 10px #0000004d;display:flex;flex-direction:column;height:500px;margin-bottom:100px;margin-right:20px;position:fixed;right:0;width:380px;z-index:1000}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.chat-header{align-items:flex-start;background:#0003;border-bottom:1px solid #ffffff1a;border-radius:12px 12px 0 0;color:#fff;display:flex;justify-content:space-between;padding:16px 20px}.chat-header>div{flex:1 1}.chat-header h3{font-size:1.1rem;margin:0 0 8px}.chat-recipient-selector{align-items:center;display:flex;font-size:.85rem;gap:8px}.chat-recipient-selector label{color:#ffffffb3}.recipient-select{background:#ffffff1a;border:1px solid #fff3;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;outline:none;padding:4px 8px}.recipient-select:focus{border-color:#667eea}.recipient-select option{background:#2a2a2a;color:#fff}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:16px}.chat-empty{align-items:center;color:#ffffff80;display:flex;height:100%;justify-content:center;padding:20px;text-align:center}.chat-message{animation:fadeIn .3s ease;display:flex;gap:10px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-message-own{flex-direction:row-reverse}.chat-message-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:36px;justify-content:center;width:36px}.chat-message-own .chat-message-avatar{background:linear-gradient(135deg,#4caf50,#45a049)}.chat-message-content{display:flex;flex:1 1;flex-direction:column;gap:4px;max-width:70%}.chat-message-own .chat-message-content{align-items:flex-end}.chat-message-header{align-items:center;display:flex;font-size:.8rem;gap:8px}.chat-message-name{color:#ffffffe6;font-weight:600}.chat-message-private{background:#ff9800;border-radius:10px;color:#fff;font-size:.7rem;font-weight:600;padding:2px 6px}.chat-message-time{color:#ffffff80;font-size:.75rem}.chat-message-text{word-wrap:break-word;background:#ffffff1a;border-radius:12px;color:#fff;line-height:1.4;padding:8px 12px}.chat-message-own .chat-message-text{background:#4caf50}.chat-input{background:#0003;border-top:1px solid #ffffff1a;display:flex;gap:8px;padding:12px}.chat-input-field{background:#ffffff0d;border:1px solid #fff3;border-radius:20px;color:#fff;flex:1 1;font-size:.95rem;outline:none;padding:10px 14px;transition:all .3s}.chat-input-field:focus{background:#ffffff14;border-color:#667eea}.chat-input-field::placeholder{color:#fff6}.chat-send-btn{background:#4caf50;border:none;border-radius:20px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s}.chat-send-btn:hover:not(:disabled){background:#45a049;transform:translateY(-1px)}.chat-send-btn:disabled{background:#ffffff1a;cursor:not-allowed;opacity:.5}@media (max-width:768px){.chat-panel{margin-left:20px;margin-right:20px;width:calc(100% - 40px)}}.App{display:flex;flex-direction:column;min-height:100vh}
/*# sourceMappingURL=main.d905f002.css.map*/