:root{font:16px system-ui,sans-serif;color:#17202a;background:#f4f6f8}*{box-sizing:border-box}body{margin:0}header{padding:18px 4vw;background:#17202a;color:#fff}header a{color:#fff}main{max-width:1100px;margin:4vh auto;padding:24px}.avatars{display:flex;flex-direction:column;gap:14px}.avatar-row{display:flex;align-items:stretch;gap:14px;background:#fff;padding:10px;border-radius:10px;cursor:pointer}.avatar-row>input{align-self:center;flex:0 0 auto}.avatar-preview{width:180px;height:120px;object-fit:cover;background:#111;flex:0 0 180px}.avatar-chat{flex:1;min-width:0}.avatar-chat-title{font-weight:700;margin:4px 0 8px}.avatar-output-text{width:100%;height:120px;resize:none;background:#f8fafc;border:1px solid #bbc4cc;border-radius:7px;padding:11px}.user-chat{margin-top:24px}.user-chat textarea{display:block;width:100%;min-height:100px;resize:vertical;font:inherit;padding:11px;border:1px solid #bbc4cc;border-radius:7px}.chat-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}button{font:inherit;padding:11px 18px;border:0;border-radius:7px;background:#1464d2;color:#fff;cursor:pointer}#mic{background:#111;color:#fff}#mic.mic-speaking{background:#c40000;color:#fff}.notice{background:#e8f2ff;padding:10px;border-radius:7px}@media(max-width:600px){main{margin:2vh auto;padding:14px}.avatar-preview{width:120px;height:80px;flex-basis:120px}.avatar-output-text{height:80px}}
#mic.mic-recording{background:#c40000;color:#000}
#mic.mic-off{background:#9aa0a6;color:#222}
#mic.mic-recording{background:#c40000!important;color:#000!important}
#mic.mic-off{background:#9aa0a6;color:#222}
#mic.mic-recording{background:#c40000!important;color:#000!important}
#mic.mic-off{background:#9aa0a6!important;color:#222!important}

#mic.mic-recording{background:#c40000!important;color:#000!important;}
#mic.mic-off{background:#9aa0a6!important;color:#222!important;}