body {
  background: #00101a;
  color: white;
  font-family: "Poppins", sans-serif;
  overflow: hidden;
}

#chatBox {
  height: 75vh;
  overflow-y: auto;
  padding: 20px;
  background: linear-gradient(180deg, #00101a, #000814, #000a0f);
  border: 2px solid #00334d;
  border-radius: 20px;
  box-shadow: 0 0 30px #00334d inset;
  font-size: 17px; /* LOG CHAT DIPERBESAR */
}

.msg {
  padding: 12px 16px;
  margin-bottom: 12px;
  border-radius: 14px;
  line-height: 1.5em;
  backdrop-filter: blur(4px);
}

.chat-user {
  background: rgba(0, 90, 140, 0.4);
  border-left: 4px solid #00b7ff;
}

.chat-ai {
  background: rgba(0, 40, 70, 0.5);
  border-left: 4px solid #00faff;
}

#userInput {
  width: 100%;
  padding: 15px;
  border-radius: 12px;
  border: none;
  margin-top: 10px;
  font-size: 18px;
  background: #002637;
  color: white;
}

button {
  margin-top: 10px;
  width: 100%;
  padding: 14px;
  border: none;
  border-radius: 12px;
  background: #003f5c;
  color: white;
  font-size: 17px;
  font-weight: bold;
  box-shadow: 0 0 10px #002f47;
}

#typing {
  display: none;
  margin-top: 10px;
  color: #00d4ff;
  font-size: 16px;
}