:root { --bg:#0f172a; --fg:#e5e7eb; --card:#111827; --muted:#9ca3af; --brand:#10b981; }
* { box-sizing: border-box; }
body { margin: 0; font-family: system-ui,-apple-system,Segoe UI,Roboto,Arial; background:#0b1020; color: var(--fg); }
.wrap { max-width: 760px; margin: 28px auto; border:1px solid #1f2937; border-radius:14px; overflow:hidden; background: var(--card); }
header { padding: 12px 14px; background: linear-gradient(90deg,#0ea5e9,#6366f1); color:#fff; font-weight:700; }
.log { height: 420px; overflow-y: auto; padding: 14px; background: #0f172a; }
.msg { margin: 10px 0; line-height: 1.45; }
.msg b { display:inline-block; min-width:72px; color: var(--muted); }
.msg.user b { color:#38bdf8; }
.msg.bot b { color: var(--brand); }
.bar { display:flex; gap:10px; padding: 10px; background:#0b1020; border-top:1px solid #1f2937; }
#msg { flex:1; padding: 12px; border-radius: 10px; border:1px solid #1f2937; background:#0f172a; color:#e5e7eb; }
button { padding: 12px 16px; border-radius: 10px; border:0; background:#22c55e; color:#051313; font-weight:700; cursor:pointer; }
button:hover { background:#16a34a; }