body{margin:0;padding:0;display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f4f4f4;font-family:Arial,sans-serif}.simulate-container{width:100%;padding:20px;background:#fff;border-radius:10px;box-shadow:0 4px 8px #0003;text-align:center}.simulate-container h1{font-size:24px;margin-bottom:20px}.form-group{margin-bottom:15px;text-align:left}.form-group label{display:block;margin-bottom:5px;font-size:14px;color:#333}.form-group input{width:100%;padding:10px;border:1px solid #ccc;border-radius:5px;font-size:14px;outline:none;box-sizing:border-box}.btn{width:100%;padding:10px;font-size:16px;color:#fff;background-color:#007bff;border:none;border-radius:5px;cursor:pointer;outline:none}.btn:hover{background-color:#0056b3}.btn:active{background-color:#003f88}.text-conversation .conversation-container{display:flex;justify-content:center;align-items:center;max-height:80vh;width:55vw;max-width:90vw;background-color:#f5f5f5;padding:10px;box-sizing:border-box}.text-conversation .chat-box{width:85vw;max-width:90vw;height:80vh;max-height:80vh;background:#fff;border-radius:8px;box-shadow:0 4px 10px #0000001a;display:flex;flex-direction:column;overflow:hidden}.text-conversation .messages-box{flex-grow:1;overflow-y:auto;padding:16px;background-color:#fafafa;display:flex;flex-direction:column}.text-conversation .message{margin:8px 0;padding:10px 15px;border-radius:20px;max-width:75%;word-wrap:break-word}.text-conversation .message-row{display:flex;align-items:flex-start;margin-bottom:8px}.text-conversation .message-row.sent{justify-content:flex-end}.text-conversation .message-row.received{justify-content:flex-start}.text-conversation .message.sent{background-color:#e0e0e0;margin-left:auto;text-align:right}.text-conversation .message.received{background-color:#d4f7d4;margin-right:auto;text-align:left}.text-conversation .message-avatar{width:38px;border-radius:50%;object-fit:cover;flex-shrink:0;padding:10px 15px;justify-content:flex-start}.text-conversation .message-form{display:flex;padding:8px;border-top:1px solid #e0e0e0;background:#fff}.text-conversation .message-input{flex-grow:1;padding:12px;border:1px solid #ccc;border-radius:20px 0 0 20px;outline:none;font-size:16px}.text-conversation .send-button{padding:12px 18px;border:none;background-color:#007bff;color:#fff;border-radius:0 20px 20px 0;cursor:pointer;font-size:16px}.text-conversation .send-button:hover{background-color:#0056b3}.text-conversation .typing-indicator{display:flex;align-items:center;gap:4px;padding:10px}.text-conversation .typing-indicator .dot{width:8px;height:8px;background-color:gray;border-radius:50%;animation:typing 1.5s infinite ease-in-out}.text-conversation .typing-indicator .dot:nth-child(1){animation-delay:0s}.text-conversation .typing-indicator .dot:nth-child(2){animation-delay:.2s}.text-conversation .typing-indicator .dot:nth-child(3){animation-delay:.4s}@media screen and (max-width:1000px){.text-conversation .conversation-container{width:90vw}.text-conversation .chat-box{width:90vw;height:80vh;border-radius:0}.text-conversation .message-input{font-size:14px;padding:10px}.text-conversation .send-button{font-size:14px;padding:10px 14px}}.conversation-container{display:flex;justify-content:center;align-items:center;height:90vh;width:100%;background-color:#f5f5f5;padding:10px;box-sizing:border-box}.chat-box{width:90vw;max-width:600px;height:40vh;max-height:600px;background:#fff;border-radius:8px;box-shadow:0 4px 10px #0000001a;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:20px}.messages-box,.voice-status{text-align:center;font-size:18px;color:#333;margin-bottom:10px}.status-text{font-weight:500;margin:5px 0}.voice-controls{display:flex;justify-content:center;margin-top:auto}.send-button{padding:12px 18px;border:none;background-color:#007bff;color:#fff;border-radius:20px;cursor:pointer;font-size:16px}.send-button.stop{background-color:#dc3545}.send-button:hover{background-color:#0056b3}.send-button.stop:hover{background-color:#c82333}.typing-indicator{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px}.typing-indicator .dot{width:8px;height:8px;background-color:gray;border-radius:50%;animation:typing 1.5s infinite ease-in-out}.typing-indicator .dot:nth-child(1){animation-delay:0s}.typing-indicator .dot:nth-child(2){animation-delay:.2s}.typing-indicator .dot:nth-child(3){animation-delay:.4s}@keyframes typing{0%{opacity:.2}50%{opacity:1}to{opacity:.2}}@media screen and (max-width:600px){.chat-box{width:100%;height:40%;border-radius:0}.send-button{font-size:14px;padding:10px 14px}.status-text{font-size:16px}}