body { margin:0; font-family:Arial; background:#0f172a; color:white; }
.container { display:flex; height:100vh; }
.video-box { flex:2; display:flex; justify-content:center; align-items:center; background:black; position:relative; }
video { width:90%; border-radius:10px; }
#startAudioBtn { position:absolute; bottom:20px; left:50%; transform:translateX(-50%); padding:10px 20px; font-size:16px; }
.chat-box { flex:1; display:flex; flex-direction:column; background:#1e293b; }
#chat { flex:1; overflow-y:auto; padding:10px; }
.msg { margin:8px; }
.user { text-align:right; color:#38bdf8; }
.bot { text-align:left; color:#22c55e; }
.input-area { display:flex; }
input { flex:1; padding:10px; }
button { padding:10px; }