*{box-sizing:border-box}body{margin:0;font:16px system-ui;background:#f4f6fb;color:#172033}main{max-width:640px;margin:auto;padding:24px}.message{max-width:70%;padding:10px;border-radius:18px;margin-bottom:10px;word-wrap:break-word}.message.own{background-color:#2463eb;color:#fff;margin-left:auto}.message.other{background-color:#fff;border:1px solid #ddd;margin-right:auto}.message-content p{margin:0;padding:0}.message-media img{max-width:100%;max-height:300px;border-radius:8px}.chat-container{overflow-y:auto;max-height:400px;padding:10px;border:1px solid #ddd;border-radius:8px}@media(max-width:600px){main{padding:12px}.message{max-width:90%}}