body { font-family: Arial, sans-serif; background:#0f172a; color:#e5e7eb; margin:0; }
.wrap { max-width: 980px; margin: 0 auto; padding: 18px; }
.header { padding: 14px 12px; background:#111827; border-radius: 12px; }
.title { font-size: 18px; font-weight: 700; }
.sub { font-size: 12px; color:#9ca3af; margin-top:6px; }
.chat { margin-top: 14px; padding: 14px; background:#111827; border-radius: 12px; min-height: 55vh; overflow:auto; }
.msg { margin: 10px 0; padding: 10px 12px; border-radius: 10px; max-width: 85%; white-space: pre-wrap; }
.user { background:#1f2937; margin-left:auto; }
.assistant { background:#0b3a5a; }
.composer { display:flex; gap:10px; margin-top: 12px; }
input { flex:1; padding: 12px; border-radius: 10px; border:1px solid #334155; background:#0b1220; color:#e5e7eb; }
button { padding: 12px 16px; border-radius: 10px; border:0; background:#eab308; color:#111827; font-weight:700; cursor:pointer; }
button:disabled { opacity:0.6; cursor:not-allowed; }
.hint { margin-top: 10px; font-size: 12px; color:#9ca3af; }
code { background:#0b1220; padding:2px 6px; border-radius:6px; border:1px solid #334155; }