* { box-sizing: border-box; }
body { font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; margin: 0; padding: 2rem; background: #0b1220; color: #e6edf3; }
.container { max-width: 800px; margin: 0 auto; }
#chat { display: flex; flex-direction: column; gap: 8px; min-height: 60vh; padding: 12px; background: #0f172a; border-radius: 12px; border: 1px solid #243b55; }
.msg { padding: 10px 12px; border-radius: 10px; line-height: 1.4; white-space: pre-wrap; }
.user { background: #1f2937; align-self: flex-end; }
.assistant { background: #111827; align-self: flex-start; }
form { display: flex; gap: 8px; margin-top: 12px; }
input { flex: 1; padding: 10px 12px; border-radius: 10px; border: 1px solid #334155; background: #0f172a; color: #e6edf3; }
button { padding: 10px 14px; border-radius: 10px; border: 1px solid #334155; background: #111827; color: #e6edf3; cursor: pointer; }
button:hover { background: #0f172a; }