body { font-family: system-ui, sans-serif; max-width: 720px; margin: 0 auto; padding: 16px; background: #fafafa; color: #222; }
  h1 { font-size: 1.2rem; }
  #log { display: flex; flex-direction: column; gap: 10px; min-height: 55vh; }
  .m { padding: 10px 14px; border-radius: 12px; white-space: pre-wrap; max-width: 90%; line-height: 1.4; }
  .you { align-self: flex-end; background: #4b2e83; color: #fff; }
  .bot { align-self: flex-start; background: #fff; border: 1px solid #ddd; }
  form { display: flex; gap: 8px; margin-top: 16px; }
  input { flex: 1; padding: 10px; font-size: 1rem; border: 1px solid #bbb; border-radius: 8px; }
  button { padding: 10px 16px; font-size: 1rem; border: 0; border-radius: 8px; background: #4b2e83; color: #fff; cursor: pointer; }
  small { color: #666; }