body { background: #131314; color: white; font-family: sans-serif; margin: 0; }
#app { display: flex; flex-direction: column; height: 100vh; }
header { padding: 20px; border-bottom: 1px solid #444; font-weight: bold; }
#chat-container { flex: 1; overflow-y: auto; padding: 20px; display: flex; flex-direction: column; }
.msg { padding: 12px; border-radius: 12px; margin-bottom: 10px; max-width: 80%; }
.user { background: #333; align-self: flex-end; }
.ai { background: #1e1f20; align-self: flex-start; border-left: 3px solid #8ab4f8; }
.input-area { padding: 20px; display: flex; }
input { flex: 1; background: #1e1f20; border: none; color: white; padding: 15px; border-radius: 25px; outline: none; }
button { background: none; border: none; color: #8ab4f8; font-size: 20px; cursor: pointer; margin-left: 10px; }