body { 
  background: #1e1e2f; 
  color: #eee; 
  font-family: 'Segoe UI', sans-serif;
  display: flex; 
  flex-direction: column; 
  align-items: center; 
  margin: 0; 
  padding: 20px;
}

h1 { margin-bottom: 10px; }

#chat { 
  width: 90%; 
  max-width: 600px; 
  height: 70vh; 
  overflow-y: auto;
  background: #2a2a3f; 
  padding: 10px; 
  border-radius: 10px;
  display: flex;
  flex-direction: column;
}

.bubble { 
  padding: 10px 15px; 
  border-radius: 15px; 
  margin: 5px; 
  max-width: 80%; 
  word-wrap: break-word; 
}

.user { 
  background: #3a3a5f; 
  align-self: flex-end; 
}

.ai { 
  background: #6c5ce7; 
  align-self: flex-start; 
  color: #fff; 
}

#inputArea { 
  width: 90%; 
  max-width: 600px; 
  display: flex; 
  margin-top: 10px; 
}

#message { 
  flex: 1; 
  padding: 10px; 
  border-radius: 10px; 
  border: none; 
  outline: none; 
}

#send { 
  padding: 10px 20px; 
  margin-left: 5px; 
  border: none; 
  border-radius: 10px; 
  background: #6c5ce7; 
  color: #fff; 
  cursor: pointer; 
}

#lang, #plus {
  margin: 5px;
  cursor: pointer;
}