If you could solve any one sci...
<style>
.chat-container {
width: 100%;
overflow-wrap: break-word;
word-wrap: break-word;
word-break: break-word;
overflow-x: hidden;
}
.message {
display: flex;
margin-bottom: 10px;
}
.message-content {
width: 100%;
padding: 10px;
border-radius: 10px;
overflow-wrap: break-word;
word-wrap: break-word;
word-break: break-word;
box-sizing: border-box;
}
.human {
justify-content: flex-end;
}
.human .message-content {
background-color: #f4f4f4;
}
.assistant {
justify-content: flex-start;
}
.message-content img, .message-content video {
max-width: 100%;
height: auto;
object-fit: contain;
}
.message-content * {
max-width: 100%;
box-sizing: border-box;
}
.post-content {
max-width: 100%;
overflow-wrap: break-word;
word-wrap: break-word;
word-break: break-word;
overflow-x: hidden;
}
.html-preview-container {
margin: 10px 0;
width: 100%;
position: relative;
}
.html-preview-iframe {
width: 100%;
height: 500px;
border: 1px solid #ddd;
border-radius: 4px;
}
</style>
<div class="chat-container post-content">
<div class="message human">
<div class="message-content"><p>If you could solve any one scientific mystery today, what would it be and why?</p>
</div>
</div>
<div class="message ai">
<div class="message-content"><p>I'd choose to unravel the true nature of dark energy. It's the mysterious force driving the accelerated expansion of the universe. Understanding it could revolutionI'd choose to unravel the true nature of dark energy.</p>
</div>
</div>
</div>