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}.app-container{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px}.header{margin-bottom:40px;text-align:center}.header h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#ff6b6b,#4ecdc4);-webkit-background-clip:text;background-clip:text;font-size:2.5em;margin-bottom:20px}.auth-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;box-shadow:0 8px 32px #0000001a;margin-bottom:30px;padding:30px}.auth-card h2{font-size:1.8em;text-align:center}.auth-card h2,.form-group{margin-bottom:20px}.form-group label{color:#e0e0e0;display:block;font-weight:500;margin-bottom:8px}.form-group input{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:8px;color:#fff;font-size:16px;padding:12px;transition:all .3s ease;width:100%}.form-group input:focus{border-color:#4ecdc4;box-shadow:0 0 0 2px #4ecdc44d;outline:none}.form-group input::placeholder{color:#fff9}.btn-primary{background:linear-gradient(45deg,#ff6b6b,#4ecdc4);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:20px;padding:15px;transition:all .3s ease;width:100%}.btn-primary:hover{box-shadow:0 5px 15px #ff6b6b66;transform:translateY(-2px)}.demo-notice{background:#4ecdc41a;border:1px solid #4ecdc44d;border-radius:8px;margin-top:20px;padding:15px}.demo-notice p{color:#b8e6e3;font-size:14px;margin:0}.user-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;justify-content:space-between;margin-bottom:20px;padding:20px}.user-avatar,.user-card{align-items:center;display:flex}.user-avatar{background:linear-gradient(45deg,#ff6b6b,#4ecdc4);border-radius:50%;font-size:20px;font-weight:700;height:50px;justify-content:center;margin-right:15px;width:50px}.user-info h3{font-size:18px;margin:0 0 5px}.user-info p{color:#b0b0b0;font-size:14px;margin:0}.btn-secondary{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 16px;transition:background .3s ease}.btn-secondary:hover{background:#c82333}.meeting-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;margin-bottom:20px;padding:30px}.meeting-card h2{font-size:1.8em;margin-bottom:20px}.btn-create{background:linear-gradient(45deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;overflow:hidden;padding:15px;position:relative;transition:all .3s ease;width:100%}.btn-create:hover{box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.btn-create:disabled{background:#666;box-shadow:none;cursor:not-allowed;transform:none}.loading-spinner{animation:spin 1s ease-in-out infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:20px;margin-right:10px;width:20px}.success-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#28a7451a;border:1px solid #28a7454d;border-radius:15px;margin-bottom:20px;padding:30px}.success-card .success-header{align-items:center;display:flex;margin-bottom:20px}.success-icon{color:#28a745;height:30px;margin-right:15px;width:30px}.success-card h3{color:#28a745;font-size:1.5em;margin:0}.meeting-details{grid-gap:15px;display:grid;gap:15px}.detail-item{background:#ffffff0d;border-radius:8px;padding:15px}.detail-label{color:#b0b0b0;font-size:12px;letter-spacing:.5px;margin-bottom:5px;text-transform:uppercase}.detail-value{color:#fff;font-family:Courier New,monospace;font-size:16px;word-break:break-all}.join-url{align-items:center;display:flex;gap:10px}.btn-copy{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;flex-shrink:0;padding:8px 12px;transition:background .3s ease}.btn-copy:hover{background:#0056b3}.btn-join{background:#28a745;border:none;border-radius:6px;color:#fff;flex:1 1;padding:12px;text-align:center;text-decoration:none;transition:background .3s ease}.btn-join:hover{background:#218838}.btn-close{background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 16px;transition:background .3s ease}.btn-close:hover{background:#5a6268}.error-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#dc35451a;border:1px solid #dc35454d;border-radius:15px;display:flex;margin-bottom:20px;padding:20px}.error-icon{color:#dc3545;height:24px;margin-right:15px;width:24px}.error-card p{color:#f8d7da;margin:0}.footer{color:#fff9;font-size:14px;margin-top:40px;text-align:center}@media (max-width:768px){.app-container{padding:15px}.header h1{font-size:2em}.auth-card,.meeting-card,.success-card{padding:20px}.user-card{flex-direction:column;text-align:center}.user-avatar{margin-bottom:10px;margin-right:0}}*{box-sizing:border-box;margin:0;padding:0}.app-container{background:linear-gradient(135deg,#6b7280,#1f2937);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:2rem}.app-header{margin:0 auto;max-width:1280px}.app-title{color:#fff;font-size:2.25rem;font-weight:700;letter-spacing:-.025em;margin-bottom:2.5rem;text-align:center;text-shadow:0 2px 4px #0003}.join-form{background:#fffffffa;border:1px solid #ffffff1a;border-radius:1rem;box-shadow:0 10px 20px #00000026;margin:0 auto;max-width:32rem;padding:2.5rem;width:100%}.join-title{color:#111827;font-size:1.75rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.form-group{margin-bottom:1.25rem}.form-label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.form-input{border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;outline:none;padding:.875rem 1rem;transition:all .2s ease;width:100%}.form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.accept-button,.btn-copy,.join-button,.reject-button{align-items:center;background:linear-gradient(135deg,#3b82f6,#60a5fa);border:none;border-radius:.5rem;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.875rem 1.5rem;transition:all .3s ease;width:100%}.accept-button:hover,.btn-copy:hover,.join-button:hover{background:linear-gradient(135deg,#60a5fa,#3b82f6);box-shadow:0 6px 16px #3b82f666;transform:translateY(-2px)}.reject-button{background:linear-gradient(135deg,#ef4444,#f87171);box-shadow:0 4px 12px #ef44444d}.reject-button:hover{background:linear-gradient(135deg,#f87171,#ef4444);box-shadow:0 6px 16px #ef444466;transform:translateY(-2px)}.channel-created{padding:1.5rem;text-align:center}.channel-created h3{color:#10b981;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.channel-created p{color:#4b5563;font-size:1rem;margin-bottom:1rem}.channel-link{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;margin:1rem 0;padding:1rem}.channel-link code{color:#1f2937;display:block;font-family:Fira Code,Monaco,monospace;font-size:.875rem;margin-bottom:.75rem;word-break:break-word}.error-message{background:#fee2e2;border:1px solid #f87171;border-radius:.5rem;color:#b91c1c}.error-message,.info-note{font-size:.875rem;margin-top:1rem;padding:1rem}.info-note{background:#eff6ff;border:1px solid #bfdbfe;border-radius:.5rem;color:#1e40af}.call-container{background:#fffffffa;border-radius:1rem;box-shadow:0 10px 20px #00000026;margin:0 auto;max-width:1280px;padding:2rem}.video-group{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr;margin-bottom:2rem}@media (min-width:768px){.video-group{grid-template-columns:repeat(2,1fr)}}.card{background:#fff;border-radius:.75rem;box-shadow:0 6px 12px #0000001a;overflow:hidden}.card-header{align-items:center;background:#f3f4f6;border-bottom:1px solid #e5e7eb;color:#111827;display:flex;font-weight:600;justify-content:space-between;padding:1rem}.participant-count{background:#10b981;border-radius:1rem;color:#fff;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.player{background:#111827;height:320px;overflow:hidden;position:relative;width:100%}.local-player-name,.remote-player-name{background:#000000b3;border-radius:.375rem;bottom:1rem;color:#fff;font-size:.875rem;font-weight:500;left:1rem;padding:.5rem 1rem;position:absolute}#remote-playerlist{display:flex;flex-direction:column;gap:1rem;min-height:320px}.player-wrapper{position:relative}.player video{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.remote-player{background:#111827;height:320px;width:100%}.waiting-room{background:#1f2937;color:#d1d5db;font-size:1rem;height:320px;justify-content:center;padding:2rem}.controls-container,.waiting-room{align-items:center;display:flex;flex-direction:column}.controls-container{gap:1.5rem}.controls{background:#f3f4f6;border-radius:1rem;box-shadow:0 6px 12px #0000001a;display:flex;gap:1rem;padding:1rem}.control-button{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;height:48px;justify-content:center;padding:.75rem;transition:all .3s ease;width:48px}.control-button .icon{height:1.25rem;width:1.25rem}.control-button.mute{background:#6b7280;color:#fff}.control-button.mute:hover{background:#4b5563;transform:translateY(-2px)}.control-button.mute.muted{background:#ef4444}.control-button.mute.muted:hover{background:#dc2626;transform:translateY(-2px)}.control-button.video{background:#6b7280;color:#fff}.control-button.video:hover{background:#4b5563;transform:translateY(-2px)}.control-button.video.off{background:#ef4444}.control-button.video.off:hover{background:#dc2626;transform:translateY(-2px)}.control-button.speaker{background:#6b7280;color:#fff}.control-button.speaker:hover{background:#4b5563;transform:translateY(-2px)}.control-button.speaker.off{background:#ef4444}.control-button.speaker.off:hover{background:#dc2626;transform:translateY(-2px)}.control-button.record{background:#10b981;color:#fff}.control-button.record:hover{background:#059669;transform:translateY(-2px)}.control-button.record.recording{background:#ef4444}.control-button.screen{background:#44f}.control-button.screen.sharing{animation:pulse 2s infinite;background:#ef4444}.control-button.ai-active{background:#10b981}.control-button.ai-inactive{background:#6b7280}.control-button.record.recording:hover{background:#dc2626;transform:translateY(-2px)}.control-button.hangup{background:#ef4444;color:#fff}.control-button.hangup:hover{background:#dc2626;transform:translateY(-2px)}.device-controls{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;display:flex;flex-direction:column;gap:1rem;max-width:600px;padding:1.5rem;width:100%}.device-controls h4{color:#111827;font-size:1.125rem;font-weight:600;margin-bottom:1rem;text-align:center}.device-controls .form-group{margin-bottom:1rem}.device-controls select{background:#fff;border:1px solid #d1d5db;border-radius:.5rem;color:#111827;cursor:pointer;font-size:.875rem;padding:.75rem;transition:all .2s ease;width:100%}.device-controls select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.microphone-selector{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.microphone-selector label{color:#374151;font-weight:600;min-width:-webkit-fit-content;min-width:fit-content}.microphone-selector select{flex:1 1;min-width:200px}.device-status{color:#059669;display:block;font-size:.75rem;font-weight:500;margin-top:.5rem}.device-info{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;margin-top:1rem;padding:1rem}.device-info p{color:#4b5563;font-size:.875rem;margin:.25rem 0}.device-info p:first-child{color:#111827;font-weight:600}.incoming-call-modal{align-items:center;background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.incoming-call-content{background:#fff;border-radius:1rem;box-shadow:0 10px 20px #0003;max-width:32rem;padding:2rem;text-align:center;width:90%}.incoming-call-content h3{color:#111827;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.incoming-call-content p{color:#4b5563;font-size:1rem;margin-bottom:1.5rem}.incoming-call-buttons{display:flex;gap:1rem;justify-content:center}.waiting-text{color:#4b5563;font-size:.875rem;margin:1rem 0}.waiting-indicator{align-items:center;color:#10b981;display:flex;font-size:.875rem;font-weight:500;gap:.75rem}.spinner{animation:spin 1s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#10b981;height:1.25rem;width:1.25rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.meeting-options{display:flex;gap:1rem;margin-bottom:1.5rem}.custom-meeting-btn{background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 4px 12px #10b9814d}.custom-meeting-btn:hover{background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 6px 16px #10b98166}.custom-meeting-form{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;margin:1.5rem 0;padding:1.5rem}.custom-meeting-form h3{color:#111827;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.participants-selection{display:flex;flex-direction:column;gap:.75rem}.participant-checkbox{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;cursor:pointer;display:flex;gap:.75rem;padding:.75rem;transition:all .2s ease}.participant-checkbox:hover{background:#f3f4f6;border-color:#9ca3af}.participant-checkbox input[type=checkbox]{accent-color:#3b82f6;height:1.25rem;width:1.25rem}.participant-checkbox span{color:#374151;font-weight:500}.form-buttons{display:flex;gap:1rem;margin-top:1.5rem}.cancel-button{background:#6b7280;border:none;border-radius:.5rem;color:#fff;cursor:pointer;flex:1 1;font-weight:600;padding:.875rem 1.5rem;transition:all .3s ease}.cancel-button:hover{background:#4b5563;transform:translateY(-2px)}.saved-meetings{margin-top:2rem}.saved-meetings h3{color:#111827;font-size:1.25rem;font-weight:600;margin-bottom:1rem;text-align:center}.meetings-list{display:flex;flex-direction:column;gap:1rem}.meeting-item{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 2px 4px #0000000d;padding:1.25rem;transition:all .2s ease}.meeting-item:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.meeting-info h4{color:#111827;font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.meeting-info p{color:#4b5563;font-size:.875rem;margin-bottom:.25rem}.meeting-info small{color:#6b7280;display:block;font-size:.75rem;margin-bottom:.25rem}.meeting-actions{display:flex;gap:.75rem;margin-top:1rem}.delete-button.small,.join-button.small{border:none;border-radius:.375rem;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.join-button.small{background:#3b82f6;color:#fff}.join-button.small:hover{background:#2563eb;transform:translateY(-1px)}.delete-button.small{background:#ef4444;color:#fff}.delete-button.small:hover{background:#dc2626;transform:translateY(-1px)}.chat-container{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;height:400px;max-width:400px;width:100%}.chat-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;border-radius:.75rem .75rem 0 0;display:flex;justify-content:space-between;padding:1rem}.chat-header h4{color:#111827;font-size:1rem;font-weight:600;margin:0}.chat-close-btn{background:none;border:none;border-radius:.25rem;color:#6b7280;cursor:pointer;padding:.25rem;transition:all .2s ease}.chat-close-btn:hover{background:#e5e7eb;color:#374151}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:.75rem;overflow-y:auto;padding:1rem}.chat-message.own{align-self:flex-end;background:#3b82f6;color:#fff}.chat-message.other{align-self:flex-start;background:#f3f4f6;color:#111827}.chat-input{background:#f9fafb;border-radius:0 0 .75rem .75rem;border-top:1px solid #e5e7eb;display:flex;gap:.5rem;padding:1rem}.send-button{background:#3b82f6;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1rem;transition:all .2s ease}.send-button:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.send-button:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.message-count{align-items:center;background:#ef4444;border-radius:50%;color:#fff;display:flex;font-size:.75rem;font-weight:600;height:20px;justify-content:center;position:absolute;right:-8px;top:-8px;width:20px}.upload-status{border-radius:.5rem;font-size:.875rem;font-weight:500;margin-top:1rem;padding:.75rem;text-align:center}.upload-status.uploading{background:#fef3c7;border:1px solid #f59e0b;color:#92400e}.upload-status.success{background:#d1fae5;border:1px solid #10b981;color:#065f46}.upload-status.error{background:#fee2e2;border:1px solid #ef4444;color:#991b1b}.recordings-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;margin-top:2rem;padding:1.5rem}.recordings-section h4{color:#111827;font-size:1.125rem;font-weight:600;margin-bottom:1rem;text-align:center}.recordings-list{display:flex;flex-direction:column;gap:1rem}.recording-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;padding:1rem}.recording-info h5{color:#111827;font-size:1rem;font-weight:600;margin-bottom:.25rem}.recording-info p{color:#4b5563;font-size:.875rem;margin-bottom:.25rem}.recording-info small{color:#6b7280;font-size:.75rem}.download-button{background:#3b82f6;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.download-button:hover{background:#2563eb;transform:translateY(-1px)}.ai-chat-panel{background:#fffffffa;border:1px solid #ffffff1a;border-radius:1rem;box-shadow:0 10px 20px #00000026;display:flex;flex-direction:column;height:500px;position:fixed;right:20px;top:20px;width:350px;z-index:1000}.ai-chat-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;border-radius:1rem 1rem 0 0;display:flex;justify-content:space-between;padding:1rem}.ai-chat-header h4{color:#111827;font-size:1.125rem;font-weight:600;margin:0}.ai-controls{align-items:center;display:flex;gap:.5rem}.personality-select{background:#fff;border:1px solid #d1d5db;border-radius:.375rem;color:#111827}.ai-toggle,.personality-select{cursor:pointer;font-size:.75rem;padding:.25rem .5rem}.ai-toggle{border:none;border-radius:.375rem;font-weight:600;transition:all .2s ease}.ai-toggle.active{background:#10b981;color:#fff}.ai-toggle:not(.active){background:#ef4444;color:#fff}.close-chat,.export-chat{background:none;border:none;border-radius:.25rem;color:#6b7280;cursor:pointer;padding:.25rem;transition:all .2s ease}.close-chat:hover,.export-chat:hover{background:#e5e7eb;color:#374151}.ai-chat-messages{display:flex;flex:1 1;flex-direction:column;gap:.75rem;overflow-y:auto;padding:1rem}.no-messages{color:#6b7280;font-style:italic;padding:2rem;text-align:center}.chat-message{word-wrap:break-word;border-radius:.5rem;max-width:80%;padding:.75rem}.chat-message.user{align-self:flex-end;background:#3b82f6;color:#fff}.chat-message.ai{align-self:flex-start;background:#f3f4f6;color:#111827}.message-header{align-items:center;display:flex;font-size:.75rem;justify-content:space-between;margin-bottom:.5rem}.message-user{font-weight:600}.message-time{opacity:.8}.message-text{font-size:.875rem;line-height:1.4}.ai-chat-input{background:#f9fafb;border-radius:0 0 1rem 1rem;border-top:1px solid #e5e7eb;display:flex;gap:.5rem;padding:1rem}.message-input{border:1px solid #d1d5db;border-radius:.375rem;flex:1 1;font-size:.875rem;outline:none;padding:.75rem;transition:all .2s ease}.message-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.send-ai-message{background:#3b82f6;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1rem;transition:all .2s ease}.send-ai-message:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.send-ai-message:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.ai-suggestions{background:#f9fafb;border-top:1px solid #e5e7eb;font-size:.875rem;padding:.75rem 1rem}.ai-suggestions p{color:#374151;font-weight:600;margin:0 0 .5rem}.suggestion-buttons{display:flex;flex-direction:column;gap:.25rem}.suggestion-btn{background:#e5e7eb;border:none;border-radius:.25rem;color:#374151;cursor:pointer;font-size:.75rem;padding:.5rem;text-align:left;transition:all .2s ease}.suggestion-btn:hover{background:#d1d5db;color:#111827}@media (max-width:768px){.app-container{padding:1rem}.app-title{font-size:1.75rem}.join-form{padding:1.5rem}.form-buttons,.meeting-actions,.meeting-options{flex-direction:column}.controls{flex-wrap:wrap;justify-content:center}.control-button{height:44px;width:44px}.device-controls .form-group{min-width:100%}.chat-container{height:300px;max-width:100%}.recording-item{align-items:stretch;flex-direction:column;gap:1rem}.recordings-section{padding:1rem}}@media (max-width:480px){.app-title{font-size:1.5rem}.join-form{padding:1rem}.channel-created h3{font-size:1.25rem}.custom-meeting-form,.meeting-item{padding:1rem}.upload-status{font-size:.8rem;padding:.5rem}}
/*# sourceMappingURL=main.afa532a1.css.map*/