body{font-family:system-ui, -apple-system, "Hiragino Kaku Gothic ProN","Meiryo",sans-serif;background:#f6f8fb;margin:0;padding:16px}
.container{max-width:900px;margin:0 auto}
.header{background:#fff;padding:14px;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,0.06)}
.notice{margin-top:8px;padding:10px;background:#fff;border-left:4px solid #1976d2;border-radius:6px}
.chat{margin-top:12px;background:#fff;padding:12px;border-radius:8px;height:55vh;overflow-y:auto;border:1px solid #eaeaea}
.msg{margin:8px 0;padding:8px;border-radius:10px;max-width:85%}
.user{margin-left:auto;background:#e3f2fd;text-align:right}
.bot{margin-right:auto;background:#fff;border:1px solid #eee}
.controls{display:flex;gap:8px;margin-top:10px}
input[type='text']{flex:1;padding:10px;border-radius:8px;border:1px solid #ddd}
button{padding:10px 12px;border-radius:8px;border:0;background:#1976d2;color:#fff;cursor:pointer}
#micToggle.active{background:red}