body { margin:0; font-family: Arial; background:#0b0f19; color:#e8ecff; }
.wrap { max-width:900px; margin:0 auto; padding:16px; }
.chat { min-height:65vh; padding:12px; border-radius:12px; background:rgba(255,255,255,0.06); overflow:auto; }
.msg { margin:8px 0; padding:10px 12px; border-radius:12px; white-space:pre-wrap; line-height:1.4; }
.me { background:rgba(0,153,255,0.18); text-align:right; }
.ai { background:rgba(140,90,255,0.16); }
.composer { display:flex; gap:10px; margin-top:12px; }
#input { flex:1; padding:12px; border-radius:12px; border:1px solid rgba(255,255,255,0.2); background:rgba(255,255,255,0.08); color:#e8ecff; }
#send { padding:12px 16px; border-radius:12px; border:0; background:#7c5cff; color:#fff; cursor:pointer; }
.clear { margin-top:10px; background:transparent; color:#e8ecff; border:1px solid rgba(255,255,255,0.2); border-radius:12px; padding:10px 12px; cursor:pointer; }
/* ===== Welcome screen layout ===== */

.welcome-line {
  display: block;
  margin-bottom: 12px;
  line-height: 1.4;
}

/* Form container */
.welcome-form {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

/* Fix input & select overflow */
.welcome-form input,
.welcome-form select {
  width: 100%;
  box-sizing: border-box;
  padding: 10px 12px;
  border-radius: 8px;
  border: 1px solid rgba(255,255,255,0.15);
  background: rgba(15, 23, 42, 0.9);
  color: white;
  font-size: 15px;
}

/* Placeholder text */
.welcome-form input::placeholder {
  color: rgba(255,255,255,0.5);
}

/* Dropdown fixes (white-on-white bug) */
.welcome-form select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: rgba(15, 23, 42, 0.95);
  color: white;
}

/* Dropdown options */
.welcome-form select option {
  background-color: #0f172a;
  color: white;
}

/* Highlighted / hovered option */
.welcome-form select option:hover,
.welcome-form select option:checked {
  background-color: #3b82f6;
  color: white;
}

/* Small visual polish */
.welcome-form input:focus,
.welcome-form select:focus {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 1px rgba(59,130,246,0.6);
}
