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}.chat-container{font-family:Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:700px;padding:20px}.chat-container h1{color:#2c3e50;font-size:2rem;margin-bottom:20px;text-align:center}.topic-selector{align-items:center;display:flex;gap:10px;margin-bottom:12px}.topic-selector select{border:2px solid #ddd;border-radius:20px;cursor:pointer;font-size:14px;outline:none;padding:8px 14px}.topic-selector select:focus{border-color:#2c3e50}.speak-toggle{margin-bottom:12px;text-align:right}.speak-toggle label{align-items:center;color:#555;cursor:pointer;display:inline-flex;font-size:14px;gap:8px;-webkit-user-select:none;user-select:none}.speak-toggle input{accent-color:#27ae60;cursor:pointer;height:18px;width:18px}.conversation-toggle{background:#fff8e7;border:2px solid #f39c12;border-radius:12px;margin-bottom:16px;padding:10px;text-align:right}.conversation-toggle label{align-items:center;color:#e67e22;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;-webkit-user-select:none;user-select:none}.conversation-toggle input{accent-color:#f39c12;cursor:pointer;height:18px;width:18px}.messages{background:#f8f9fa;border-radius:16px;height:500px;margin-bottom:16px;overflow-y:auto;padding:20px}.welcome{color:#888;padding:40px 20px;text-align:center}.welcome p{margin:8px 0}.message{display:flex;margin-bottom:16px}.message.user{justify-content:flex-end}.message.assistant{justify-content:flex-start}.message-content{border-radius:16px;font-size:15px;line-height:1.5;max-width:70%;padding:12px 16px;white-space:pre-wrap}.message.user .message-content{background:#2c3e50;color:#fff}.message.assistant .message-content{background:#fff;border:1px solid #eee;color:#333}.chat-form{align-items:center;display:flex;gap:10px}.chat-form input{border:2px solid #ddd;border-radius:30px;flex:1 1;font-size:16px;outline:none;padding:14px 20px;transition:border-color .3s}.chat-form input:focus{border-color:#2c3e50}.chat-form button{background:#27ae60;border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:18px;padding:14px 20px;transition:background .3s,transform .2s}.chat-form button:hover:not(:disabled){background:#219a52;transform:scale(1.05)}.chat-form button:disabled{cursor:not-allowed;opacity:.6}.mic-btn{background:#f39c12;border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:20px;padding:14px 20px;transition:all .3s}.mic-btn:hover:not(:disabled){background:#e67e22;transform:scale(1.05)}.mic-btn.listening{animation:pulse 1.2s infinite;background:#e74c3c}@keyframes pulse{0%{box-shadow:0 0 0 0 #e74c3cb3;transform:scale(1)}70%{box-shadow:0 0 0 15px #e74c3c00;transform:scale(1.05)}to{box-shadow:0 0 0 0 #e74c3c00;transform:scale(1)}}.mic-btn:disabled{cursor:not-allowed;opacity:.5}.conversation-toggle{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.stop-btn{background:#e74c3c;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 20px;transition:all .3s}.stop-btn:hover{background:#c0392b;transform:scale(1.05)}.stop-btn:active{transform:scale(.95)}@media (max-width:600px){.chat-container{padding:10px}.chat-container h1{font-size:1.4rem;margin-bottom:12px}.messages{border-radius:12px;height:55vh;padding:12px}.message-content{font-size:14px;max-width:85%;padding:10px 12px}.chat-form{gap:6px;width:100%}.chat-form input{border-radius:24px;flex:1 1;font-size:14px;min-width:0;padding:12px 14px}.chat-form button,.mic-btn{border-radius:24px;flex-shrink:0;font-size:16px;min-width:48px;padding:12px 14px}.topic-selector{flex-wrap:wrap}.topic-selector select{font-size:13px;padding:6px 12px}.conversation-toggle,.speak-toggle{font-size:13px}.conversation-toggle{padding:8px}}@media (max-width:380px){.chat-form input{font-size:13px;padding:10px 12px}.chat-form button,.mic-btn{font-size:15px;min-width:42px;padding:10px 12px}}.clear-btn{background:#e74c3c;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:13px;margin-left:10px;padding:6px 14px;transition:background .3s}.clear-btn:hover{background:#c0392b}.progress-bar{background:linear-gradient(135deg,#2c3e50,#27ae60);border-radius:12px;color:#fff;display:flex;gap:10px;justify-content:space-around;margin-bottom:16px;padding:12px}.progress-item{align-items:center;display:flex;flex:1 1;flex-direction:column}.progress-value{font-size:20px;font-weight:700;line-height:1}.progress-label{font-size:11px;letter-spacing:.5px;margin-top:4px;opacity:.85;text-transform:uppercase}@media (max-width:600px){.progress-bar{gap:6px;padding:8px}.progress-value{font-size:16px}.progress-label{font-size:9px}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.54bdc260.css.map*/