*{margin:0;padding:0}body,html{height:100%;overflow:hidden;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}#root{height:100%;width:100%}code{background:#ffffff1a;border-radius:3px;font-family:Courier New,Monaco,Consolas,monospace;font-size:.9em;padding:2px 4px}button{background:none;border:none;cursor:pointer}input,select,textarea{background:none;border:none;outline:none}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.chat-interface{background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh}.chat-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border-bottom:1px solid #ffffff1a;padding:20px}.header-title h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#4fc3f7,#9c27b0);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:600;margin:0 0 5px}.header-title p{color:#b0b0b0;font-size:14px;margin:0}.header-controls{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-top:15px}.chat-container{display:flex;flex:1 1;overflow:hidden}.participant-list{background:#0003;border-right:1px solid #ffffff1a;overflow-y:auto;padding:20px;width:250px}.participant-list h3{color:#4fc3f7;font-size:16px;letter-spacing:1px;margin:0 0 20px;text-transform:uppercase}.participant{align-items:center;border-radius:8px;cursor:pointer;display:flex;margin-bottom:10px;padding:12px;transition:all .3s ease}.participant:hover{background:#ffffff0d}.participant.active{background:#4fc3f733;border:1px solid #4fc3f74d}.participant-avatar{align-items:center;border:2px solid;border-radius:50%;display:flex;font-size:20px;height:40px;justify-content:center;margin-right:12px;width:40px}.participant-info{flex:1 1}.participant-name{font-size:14px;font-weight:600;margin-bottom:2px}.participant-title{color:#888;font-size:12px}.status-dot{background:#4caf50;border-radius:50%;height:8px;margin-left:8px;width:8px}.status-dot.typing{animation:pulse 1.5s infinite;background:#ff9800}.conversation-area{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.conversation-header{background:#0000001a;border-bottom:1px solid #ffffff1a;padding:20px}.conversation-header h2{color:#fff;font-size:20px;margin:0 0 5px}.conversation-header p{color:#b0b0b0;font-size:14px;margin:0}.messages-container{flex:1 1;overflow-y:auto;padding:20px;scroll-behavior:smooth}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.messages-container::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.messages-container::-webkit-scrollbar-thumb:hover{background:#ffffff80}.message-bubble{animation:slideIn .3s ease-out;display:flex;margin-bottom:20px}.message-bubble.user{flex-direction:row-reverse}.message-avatar{align-items:center;border:2px solid;border-radius:50%;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;margin:0 12px;width:40px}.message-content{flex:1 1;max-width:70%}.message-header{margin-bottom:5px}.message-header,.message-name{align-items:center;display:flex}.message-name{font-size:14px;font-weight:600;gap:6px;margin-right:10px}.ai-badge{background:#4fc3f733;border:1px solid #4fc3f74d;border-radius:8px;color:#4fc3f7;font-size:10px;font-weight:500;padding:2px 6px}.message-time{color:#888;font-size:12px}.message-text{word-wrap:break-word;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:18px;font-size:14px;line-height:1.4;padding:12px 16px}.message-bubble.user .message-text{background:#4caf5033;border-color:#4caf504d}.typing-indicator{align-items:center;animation:slideIn .3s ease-out;display:flex;margin-bottom:20px}.typing-avatar{border:2px solid #fff3;border-radius:50%;font-size:18px;height:40px;justify-content:center;margin-right:12px;width:40px}.typing-avatar,.typing-content{align-items:center;background:#ffffff1a;display:flex}.typing-content{border-radius:18px;gap:10px;padding:12px 16px}.typing-name{color:#b0b0b0;font-size:14px}.typing-dots{display:flex;gap:4px}.typing-dots span{animation:typingDots 1.4s ease-in-out infinite;background:#4fc3f7;border-radius:50%;height:6px;width:6px}.typing-dots span:first-child{animation-delay:-.32s}.typing-dots span:nth-child(2){animation-delay:-.16s}@keyframes typingDots{0%,80%,to{opacity:.5;transform:scale(0)}40%{opacity:1;transform:scale(1)}}@media (max-width:768px){.chat-container{flex-direction:column}.participant-list{border-bottom:1px solid #ffffff1a;border-right:none;height:auto;max-height:200px;width:100%}.participant{margin-bottom:5px;padding:8px}.participant-avatar{font-size:16px;height:30px;margin-right:8px;width:30px}.message-content{max-width:85%}.header-controls{align-items:stretch;flex-direction:column;gap:10px}.header-title h1{font-size:24px}}@media (max-width:480px){.chat-header,.messages-container{padding:15px}.message-content{max-width:90%}.message-text{font-size:13px;padding:10px 14px}}.participant-legend{border-top:1px solid #ffffff1a;margin-top:20px;padding-top:15px}.legend-item{align-items:center;color:#888;display:flex;font-size:12px;margin-bottom:8px}.legend-item span{margin-left:8px}.topic-selector{display:flex;flex-direction:column;gap:5px}.topic-selector label{color:#b0b0b0;font-size:14px;font-weight:500}.topic-dropdown{background:#0000004d;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .3s ease}.topic-dropdown:hover{border-color:#4fc3f780}.topic-dropdown:focus{border-color:#4fc3f7;box-shadow:0 0 0 2px #4fc3f733;outline:none}.topic-dropdown option{background:#1a1a2e;color:#fff}.conversation-controls{align-items:center;display:flex;gap:15px}.playback-controls{align-items:center;display:flex;gap:10px}.control-button{align-items:center;background:#4fc3f733;border:none;border-radius:20px;color:#4fc3f7;cursor:pointer;display:flex;font-size:14px;height:40px;justify-content:center;min-width:40px;padding:0 12px;transition:all .3s ease}.control-button:hover{background:#4fc3f74d;transform:scale(1.05)}.control-button:active{transform:scale(.95)}.play-button{background:#4caf5033;color:#4caf50}.play-button:hover{background:#4caf504d}.reset-button{background:#ff980033;color:#ff9800}.reset-button:hover{background:#ff98004d}.export-button{background:#9c27b033;color:#9c27b0}.export-button:hover{background:#9c27b04d}.speed-controls{display:flex;gap:5px;margin-left:10px}.speed-button{background:#0000004d;border:1px solid #fff3;border-radius:4px;color:#b0b0b0;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .3s ease}.speed-button:hover{border-color:#4fc3f780;color:#fff}.speed-button.active{background:#4fc3f733;border-color:#4fc3f7;color:#4fc3f7}.time-display{background:#0000004d;border:1px solid #4fc3f74d;border-radius:4px;color:#4fc3f7;font-family:Courier New,monospace;font-size:14px;padding:6px 12px}@media (max-width:768px){.conversation-controls{align-items:stretch;flex-direction:column;gap:10px}.playback-controls{justify-content:center}.speed-controls{margin-left:0}.time-display{text-align:center}}.user-input-container{background:#0003;border-top:1px solid #ffffff1a;padding:20px}.user-input-form{width:100%}.input-wrapper{align-items:flex-end;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:10px;padding:12px;position:relative;transition:all .3s ease}.input-wrapper:focus-within{border-color:#4fc3f780;box-shadow:0 0 0 2px #4fc3f71a}.message-input{background:#0000;border:none;color:#fff;flex:1 1;font-family:inherit;font-size:14px;line-height:1.4;max-height:120px;min-height:20px;outline:none;resize:none}.message-input::placeholder{color:#888}.message-input.disabled{color:#666;cursor:not-allowed}.message-input.disabled::placeholder{color:#555}.input-controls{align-items:center;display:flex;flex-shrink:0;gap:8px}.char-counter{color:#888;font-size:12px;min-width:45px;text-align:right}.attach-button,.send-button{align-items:center;background:#ffffff1a;border:none;border-radius:6px;color:#b0b0b0;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:all .3s ease;width:32px}.attach-button:hover{background:#fff3;color:#fff}.send-button{background:#4fc3f733;color:#4fc3f7}.send-button:hover:not(:disabled){background:#4fc3f74d;transform:scale(1.05)}.send-button:disabled{background:#ffffff0d;color:#666;cursor:not-allowed;transform:none}.input-disabled-message{color:#888;font-style:italic}.ai-generating-message,.input-disabled-message{font-size:13px;margin-top:10px;text-align:center}.ai-generating-message{animation:pulse 2s infinite;color:#4fc3f7;font-weight:500}@media (max-width:768px){.user-input-container{padding:15px}.input-wrapper{padding:10px}.input-controls{gap:6px}.attach-button,.send-button{font-size:12px;height:28px;width:28px}.char-counter{font-size:11px;min-width:40px}}.export-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.export-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 20px 40px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.export-modal-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:20px}.export-modal-header h2{color:#4fc3f7;font-size:20px;margin:0}.close-button{background:none;border:none;border-radius:4px;color:#888;cursor:pointer;font-size:18px;padding:5px;transition:all .3s ease}.close-button:hover{background:#ffffff1a;color:#fff}.export-modal-content{padding:20px}.export-info{margin-bottom:25px}.export-info h3{color:#fff;font-size:18px;margin:0 0 8px}.export-info p{color:#b0b0b0;font-size:14px;margin:0 0 5px}.message-count{color:#4fc3f7!important;font-weight:600}.format-selection h4{color:#fff;font-size:16px;margin:0 0 15px}.format-options{display:flex;flex-direction:column;gap:12px}.format-option{align-items:center;border:1px solid #ffffff1a;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:12px;transition:all .3s ease}.format-option:hover{background:#4fc3f70d;border-color:#4fc3f74d}.format-option input[type=radio]{accent-color:#4fc3f7}.format-option span{color:#fff;font-size:14px}.export-modal-footer{border-top:1px solid #ffffff1a;display:flex;gap:10px;justify-content:flex-end;padding:20px}.cancel-button,.export-button{border:none;border-radius:6px;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .3s ease}.cancel-button{background:#ffffff1a;border:1px solid #fff3;color:#b0b0b0}.cancel-button:hover:not(:disabled){background:#fff3;color:#fff}.export-button{background:#4fc3f733;border:1px solid #4fc3f74d;color:#4fc3f7}.export-button:hover:not(:disabled){background:#4fc3f74d;transform:translateY(-1px)}.cancel-button:disabled,.export-button:disabled{cursor:not-allowed;opacity:.5;transform:none}@media (max-width:768px){.export-modal{margin:10px;width:95%}.export-modal-content,.export-modal-footer,.export-modal-header{padding:15px}.format-options{gap:8px}.format-option{padding:10px}}.notification-container{display:flex;flex-direction:column;gap:10px;max-width:400px;position:fixed;right:20px;top:20px;z-index:2000}.notification{align-items:center;animation:slideIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 4px 12px #0000004d;cursor:pointer;display:flex;padding:12px 16px;transition:all .3s ease}.notification.exiting{animation:slideOut .3s ease-in forwards}.notification:hover{box-shadow:0 6px 16px #0006;transform:translateX(-5px)}.notification-icon{flex-shrink:0;font-size:18px;margin-right:12px}.notification-content{flex:1 1}.notification-message{color:#fff;font-size:14px;line-height:1.4}.notification-close{background:none;border:none;border-radius:4px;color:#888;cursor:pointer;font-size:14px;margin-left:8px;padding:4px;transition:all .2s ease}.notification-close:hover{background:#ffffff1a;color:#fff}.notification.info{background:#4fc3f733;border-color:#4fc3f74d}.notification.success{background:#4caf5033;border-color:#4caf504d}.notification.warning{background:#ff980033;border-color:#ff98004d}.notification.error{background:#f4433633;border-color:#f443364d}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@media (max-width:768px){.notification-container{left:10px;max-width:none;right:10px;top:10px}.notification{padding:10px 14px}.notification-message{font-size:13px}.notification-icon{font-size:16px;margin-right:10px}}.topic-selection-modal{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh;padding:40px 20px}.modal-header{margin-bottom:50px;max-width:600px;text-align:center}.modal-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#4fc3f7,#9c27b0);-webkit-background-clip:text;background-clip:text;font-size:36px;font-weight:700;margin:0 0 15px}.modal-header p{color:#b0b0b0;font-size:18px;line-height:1.5;margin:0}.topics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:50px;max-width:1000px;width:100%}.topic-card{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:16px;cursor:pointer;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.topic-card:hover{border-color:#4fc3f74d;box-shadow:0 8px 25px #0000004d;transform:translateY(-4px)}.topic-card.selected{background:#4fc3f71a;border-color:#4fc3f7;box-shadow:0 0 20px #4fc3f733}.topic-card.selected:before{background:linear-gradient(90deg,#4fc3f7,#9c27b0);content:"";height:4px;left:0;position:absolute;right:0;top:0}.topic-icon{align-items:center;display:flex;font-size:48px;height:60px;justify-content:center;margin-bottom:16px}.topic-content,.topic-icon{text-align:center}.topic-title{color:#fff;font-size:20px;font-weight:600;line-height:1.3;margin:0 0 12px}.topic-description{color:#b0b0b0;font-size:14px;line-height:1.4;margin:0 0 16px}.topic-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.tag{background:#ffffff1a;border:1px solid #fff3;border-radius:20px;color:#fff;font-size:12px;font-weight:500;padding:4px 12px}.tag.duration{background:#4caf5033;border-color:#4caf504d;color:#4caf50}.tag.category{background:#9c27b033;border-color:#9c27b04d;color:#9c27b0}.modal-actions{align-items:center;display:flex;gap:20px;justify-content:center}.random-button,.start-button{border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:600;min-width:160px;padding:16px 32px;transition:all .3s ease}.start-button{background:linear-gradient(135deg,#4fc3f7,#29b6f6);box-shadow:0 4px 15px #4fc3f74d;color:#fff}.start-button:hover:not(:disabled){box-shadow:0 6px 20px #4fc3f766;transform:translateY(-2px)}.start-button:disabled{background:#ffffff1a;box-shadow:none;color:#666;cursor:not-allowed}.random-button{background:#ffffff1a;border:2px solid #fff3;color:#fff}.random-button:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-2px)}@media (max-width:768px){.topic-selection-modal{padding:20px 15px}.modal-header h1{font-size:28px}.modal-header p{font-size:16px}.topics-grid{gap:15px;grid-template-columns:1fr;margin-bottom:30px}.topic-card{padding:20px}.topic-icon{font-size:40px;height:50px;margin-bottom:12px}.topic-title{font-size:18px}.topic-description{font-size:13px}.modal-actions{flex-direction:column;max-width:300px;width:100%}.random-button,.start-button{font-size:15px;padding:14px 24px;width:100%}}@media (max-width:480px){.modal-header h1{font-size:24px}.modal-header p{font-size:14px}.topic-card{padding:16px}.topic-icon{font-size:36px;height:45px}.topic-title{font-size:16px}.topic-description{font-size:12px}.tag{font-size:11px;padding:3px 10px}}@keyframes pulse{0%{box-shadow:0 0 0 0 #4fc3f766}70%{box-shadow:0 0 0 10px #4fc3f700}to{box-shadow:0 0 0 0 #4fc3f700}}.topic-card.selected{animation:pulse 2s infinite}.start-button:active{box-shadow:0 2px 10px #4fc3f74d}.random-button:active,.start-button:active{transform:translateY(0)}.suggested-questions{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin:20px 0;padding:20px}.suggested-questions h4{color:#4fc3f7;font-size:16px;font-weight:600;margin:0 0 15px}.questions-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.question-button{background:#4fc3f71a;border:1px solid #4fc3f733;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;line-height:1.4;padding:12px 16px;text-align:left;transition:all .3s ease}.question-button:hover{background:#4fc3f733;border-color:#4fc3f766;box-shadow:0 4px 12px #4fc3f733;transform:translateY(-2px)}.question-button:active{transform:translateY(0)}@media (max-width:768px){.suggested-questions{margin:15px 0;padding:15px}.questions-grid{gap:8px;grid-template-columns:1fr}.question-button{font-size:12px;padding:10px 14px}}@media (max-width:480px){.suggested-questions h4{font-size:14px}.question-button{font-size:11px;padding:8px 12px}}*{box-sizing:border-box}body{background:#0f0f23;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}.App,body{overflow:hidden}.App{height:100vh;width:100vw}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff80}::selection{background:#4fc3f74d;color:#fff}::-moz-selection{background:#4fc3f74d;color:#fff}button:focus,input:focus,select:focus,textarea:focus{outline:2px solid #4fc3f7;outline-offset:2px}button,input,select,textarea{transition:all .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease-out}
/*# sourceMappingURL=main.3b89e0b9.css.map*/