/* 채팅 영역 스타일 */
#chat {
  margin-top: 20px;
  border: 1px solid #ccc;
  border-radius: 8px;
  padding: 15px;
  height: 400px;
  overflow-y: auto;
  background: #fff;
}

/* 메시지 공통 스타일 */
.message {
  margin: 10px 0;
  padding: 8px 12px;
  border-radius: 6px;
  max-width: 80%;
  word-wrap: break-word;
}

/* 사용자 메시지 스타일 */
.user {
  background-color: #e6f0ff;
  color: #004085;
  text-align: right;
  margin-left: auto;
}

/* 챗봇 메시지 스타일 */
.bot {
  background-color: #e8f5e9;
  color: #1b5e20;
  text-align: left;
  margin-right: auto;
}

/* 입력 영역 스타일 */
#input-area {
  margin-top: 15px;
  display: flex;
  gap: 10px;
}

/* 입력창 스타일 */
#userInput {
  flex: 1;
}

/* 제목 가운데 정렬 */
h1 {
  text-align: center;
}