/* Luka Good Wellness — avatar family styles (see js/avatars.js). Loaded after luka.css; uses its tokens. */
/* ---------- avatar family (js/avatars.js) ---------- */
.lav{display:inline-block;vertical-align:middle;flex:none}
.brandline .mark.is-luka{background:var(--surface);border:1px solid var(--line);padding:2px}
.brandline .mark.is-luka svg,.avatar.is-gremlin svg,.chathead .ava.is-luka svg{width:100%;height:100%;display:block}
.avatar.is-gremlin{background:var(--surface-2);padding:2px;transition:background .3s}
.avatar.is-gremlin.calm{background:var(--gold);box-shadow:0 0 0 3px rgba(232,196,124,.35),var(--shadow-1)}
.avatar.p-neck{background:#e9e5f7}.avatar.p-hips{background:var(--terra-soft)}.avatar.p-scroll{background:#dbe8f5}.avatar.p-deadline{background:#f6dede}.avatar.p-sloth{background:#e8e5d9}
html[data-theme="dark"] .avatar.p-neck,html[data-theme="dark"] .avatar.p-scroll,html[data-theme="dark"] .avatar.p-deadline,html[data-theme="dark"] .avatar.p-sloth{background:var(--surface-2)}
.chathead .ava.is-luka{background:var(--green-soft);padding:2px}
.done .big{width:150px;height:150px;border-radius:50%;background:#f6f3ee;display:flex;align-items:center;justify-content:center;margin:0 auto;box-shadow:0 14px 34px rgba(0,0,0,.25)}
.done .big svg{width:120px;height:120px;animation:breathe 4.5s ease-in-out infinite}
.mile .mic svg{width:28px;height:28px}
.hero-art .heroav{position:absolute;left:18px;top:14px;width:84px;height:84px;border-radius:50%;background:rgba(255,255,255,.14);padding:4px}
.hero-art .heroav svg{width:100%;height:100%;display:block}
@media (prefers-reduced-motion:reduce){.done .big svg{animation:none}}