body { font-family: Arial; background: #ece5dd; margin: 0; }
.header { background: #075e54; color: white; padding: 10px; text-align: center; }
#chat { height: 70vh; overflow-y: auto; padding: 10px; display: flex; flex-direction: column; }
.bubble { max-width: 75%; padding: 8px; margin: 5px 0; border-radius: 10px; }
.me { align-self: flex-end; background: #dcf8c6; }
.other { align-self: flex-start; background: white; }
.footer { position: fixed; bottom: 0; width: 100%; background: #f0f0f0; padding: 10px; }