*{box-sizing:border-box;font-family:system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial}
body{margin:0;background:#f6f7fb;color:#111}
.chat-container{max-width:820px;margin:36px auto;padding:20px;background:#fff;border-radius:8px;box-shadow:0 6px 24px rgba(16,24,40,0.08)}
h1{margin:0 0 16px;font-size:20px}
.messages{height:420px;overflow:auto;padding:12px;border:1px solid #eee;border-radius:6px;background:#fbfdff}
.message{margin:8px 0;padding:10px;border-radius:8px;max-width:78%}
.message.user{background:#e6f4ff;margin-left:auto}
.message.bot{background:#f1f3f5;margin-right:auto}
.controls{display:flex;gap:8px;margin-top:12px}
.controls input[type=text]{flex:1;padding:10px;border:1px solid #ddd;border-radius:6px}
.controls button{padding:10px 12px;border-radius:6px;border:none;background:#0b69ff;color:#fff;cursor:pointer}
.controls button#micBtn{background:#fff;border:1px solid #ddd;color:#333}
.options{margin-top:10px;color:#444}
small.hint{display:block;color:#666;margin-top:8px}

.live-controls{display:flex;gap:8px;align-items:center;margin-top:12px}
.live-controls button{padding:8px 10px;border-radius:6px;border:none;background:#0b69ff;color:#fff;cursor:pointer}
.live-controls button[disabled]{opacity:0.5;cursor:default}
.status{margin-left:8px;color:#666;font-size:13px}