/* AiBox Avatar browser voice companion — scoped to /app/avatar */
.ab-avatar-main {max-width:900px;margin:0 auto;}
.ab-avatar-description {max-width:640px;color:#a9b9d0;line-height:1.8;margin:4px 0 25px;}
.ab-avatar-panel {background:rgba(15,29,56,.85);border:1px solid rgba(88,113,170,.35);border-radius:24px;padding:26px 20px 28px;text-align:center;box-shadow:0 18px 70px rgba(0,0,0,.25);}
.ab-avatar-panel h2 {color:#f8fbff;font-size:clamp(1.35rem,4vw,1.8rem);margin:8px 0 6px;}
.ab-avatar-hint {color:#9fb2d6;font-size:.95rem;margin:0 auto 24px;line-height:1.7;}
.ab-avatar-orbit {display:grid;place-items:center;width:154px;height:154px;margin:10px auto 18px;border-radius:50%;border:1px solid rgba(80,234,255,.45);box-shadow:0 0 48px rgba(10,171,238,.15),inset 0 0 28px rgba(89,67,255,.15);background:radial-gradient(circle at 38% 32%,#1c468e,#070f2d 72%);}
.ab-avatar-core {display:grid;place-items:center;width:103px;height:103px;border-radius:50%;background:linear-gradient(132deg,#56edff 0%,#375dff 55%,#b74aff 100%);font-size:4rem;color:white;box-shadow:0 0 26px rgba(57,150,255,.65);}
.ab-avatar-mic {min-width:188px;}
.ab-avatar-status {color:#b8c9e6;font-size:.9rem;min-height:24px;margin:13px 0 24px;}
.ab-avatar-label {display:block;text-align:left;max-width:620px;margin:0 auto 10px;color:#c2d1e7;font-size:.91rem;font-weight:600;}
.ab-avatar-input {display:block;box-sizing:border-box;width:100%;max-width:620px;margin:0 auto 16px;background:#0a172d;color:white;border:1px solid #42567e;border-radius:13px;padding:13px 15px;resize:vertical;font:inherit;line-height:1.7;}
.ab-avatar-input:focus {outline:2px solid #58ddfc;outline-offset:2px;}
.ab-avatar-answer {box-sizing:border-box;max-width:620px;margin:25px auto 0;text-align:left;background:rgba(14,42,69,.82);border:1px solid #3c658f;border-radius:14px;padding:18px;line-height:1.8;color:#edf7ff;}
.ab-avatar-answer p {margin:0 0 15px;white-space:pre-wrap;overflow-wrap:anywhere;}
.ab-avatar-answer .ab-btn {margin:5px 8px 5px 0;display:inline-flex;}
.ab-avatar-disclaimer {margin:22px auto 24px;max-width:720px;color:#94a4bc;font-size:.82rem;line-height:1.8;}
@media(max-width:600px){.ab-avatar-panel{padding:18px 14px 25px}.ab-avatar-orbit{width:132px;height:132px}.ab-avatar-core{width:90px;height:90px}}