.chat-wrapper{width:1000px;height:750px;display:flex;flex-direction:column}.chat-messages{flex:1;overflow-y:auto;padding:20px;background:#f8f9fa}.chat-message-row{display:flex;margin-bottom:10px}.chat-message-row.mine{justify-content:flex-end}.chat-message-row.other{justify-content:flex-start}.chat-bubble{max-width:60%;padding:10px 15px;border-radius:15px;word-break:break-word;background:#fff}.chat-username{font-size:12px;font-weight:700;margin-bottom:3px}.chat-image{margin-top:5px;max-width:100%;border-radius:10px}.chat-preview{padding:10px}.chat-preview img{max-width:200px;border-radius:10px}.chat-input{padding:15px;border-top:1px solid #ddd}.chat-content{flex:1;min-width:0}@media(max-width:576px){.chat-audio{width:220px}audio::-webkit-media-controls-timeline{width:100px}audio::-webkit-media-controls-time-remaining-display,audio::-webkit-media-controls-current-time-display{display:none}}