#app[data-v-c819a234]{font-family:Roboto,sans-serif;margin:0 auto;padding:0}.chat-container[data-v-c819a234]{display:flex;flex-direction:column;height:100vh}.v-card[data-v-c819a234]{margin:0 auto;width:100%;display:flex;flex-direction:column;height:100%}.v-toolbar-title[data-v-c819a234]{font-size:24px}.chat-box[data-v-c819a234]{flex:1;overflow-y:auto;padding:10px;background-color:#f5f5f5}.message[data-v-c819a234]{display:flex;margin:10px 0}.user-message[data-v-c819a234]{justify-content:flex-end}.message-content[data-v-c819a234]{max-width:80%;padding:12px;border-radius:15px;background-color:#f1f0f0;font-size:16px;line-height:1.5;position:relative}.message-content p[data-v-c819a234]{margin:0;word-wrap:break-word}.user-message .message-content[data-v-c819a234]{background-color:#d1ecf1;color:#333}.message-content[data-v-c819a234]:before{content:"";position:absolute;bottom:0;width:0;height:0}.user-message .message-content[data-v-c819a234]:before{right:-10px;border-left:10px solid #d1ecf1;border-top:10px solid transparent;border-bottom:10px solid transparent}.message:not(.user-message) .message-content[data-v-c819a234]:before{left:-10px;border-right:10px solid #f1f0f0;border-top:10px solid transparent;border-bottom:10px solid transparent}.message-content audio[data-v-c819a234]{width:100%;margin-top:8px;border-radius:10px}.audio-player[data-v-c819a234]{display:flex;align-items:center}.message-input[data-v-c819a234]{display:flex;align-items:center;padding:8px;background-color:#fff;border-top:1px solid #e0e0e0;margin-bottom:8px}.v-text-field[data-v-c819a234]{flex:1;margin:0}.v-text-field .v-input__append-inner[data-v-c819a234]{cursor:pointer}.v-text-field .v-input__control[data-v-c819a234]{background-color:#f9f9f9;border-radius:20px}.v-btn[data-v-c819a234]{margin-left:8px}.message-content.error[data-v-c819a234]{background-color:#f8d7da;color:#721c24}.message-content.error p[data-v-c819a234]{margin:0}.chat-card[data-v-c819a234]{display:flex;flex-direction:column;height:90%;margin-bottom:auto}@media screen and (max-width:600px){.v-toolbar-title[data-v-c819a234]{font-size:20px}.message-content[data-v-c819a234]{font-size:14px;max-width:100%}.v-text-field[data-v-c819a234]{margin-bottom:0}}