.user-avatar{object-fit:cover;background:var(--avatar-user-bg);color:var(--text);border:1px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:500;line-height:1;display:inline-flex}.user-avatar--sm{width:1.5rem;height:1.5rem;font-size:9px}.user-avatar--md{width:28px;height:28px;font-size:var(--text-meta)}.user-avatar--lg{width:4.5rem;height:4.5rem;font-size:1.05rem}.user-avatar--initials{letter-spacing:.02em}.user-avatar[class*=user-avatar--tone-]{background:color-mix(in srgb, var(--avatar-tone) 15%, var(--surface));color:color-mix(in srgb, var(--avatar-tone) 78%, var(--text));border-color:#0000;font-weight:600}.user-avatar--tone-0{--avatar-tone:var(--accent)}.user-avatar--tone-1{--avatar-tone:var(--conf-high-fg)}.user-avatar--tone-2{--avatar-tone:var(--tenant)}.user-avatar--tone-3{--avatar-tone:var(--intel)}.user-avatar--tone-4{--avatar-tone:var(--st-delayed-fg)}.user-avatar--tone-5{--avatar-tone:var(--text-muted)}.user-avatar-presence{flex-shrink:0;display:inline-flex;position:relative}.user-avatar-presence__dot{width:9px;height:9px;box-shadow:0 0 0 2px var(--avatar-presence-ring,var(--surface));border-radius:50%;position:absolute;bottom:-1px;right:-1px}.user-avatar-presence--sm .user-avatar-presence__dot{width:7px;height:7px}.user-avatar-presence--lg .user-avatar-presence__dot{width:14px;height:14px;box-shadow:0 0 0 3px var(--avatar-presence-ring,var(--surface));bottom:3px;right:3px}.tip.user-avatar-presence__hit{place-items:center;width:17px;height:17px;display:grid;position:absolute;bottom:-5px;right:-5px}.user-avatar-presence--sm .tip.user-avatar-presence__hit{width:15px;height:15px}.user-avatar-presence--lg .tip.user-avatar-presence__hit{width:24px;height:24px;bottom:-2px;right:-2px}.user-avatar-presence__hit .user-avatar-presence__dot{position:relative;bottom:auto;right:auto}.user-avatar-presence__dot--active{background:var(--presence-active)}.user-avatar-presence__dot{transition:background-color var(--motion-base) var(--ease-out)}.user-avatar-presence__ring{box-shadow:0 0 0 2px var(--presence-active);animation:user-avatar-presence-ring .9s var(--ease-out) forwards;pointer-events:none;border-radius:50%;position:absolute;inset:0}@keyframes user-avatar-presence-ring{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}@media (prefers-reduced-motion:reduce){.user-avatar-presence__ring{display:none}}.user-avatar-presence__dot--away{background:var(--presence-away)}.user-avatar-presence__dot--offline{background:var(--avatar-presence-ring,var(--surface));width:10px;height:10px}.user-avatar-presence__dot--offline svg{fill:none;width:100%;height:100%;stroke:var(--presence-offline);stroke-width:1.5px;stroke-linecap:round;display:block}.user-avatar-presence--sm .user-avatar-presence__dot--offline{width:8px;height:8px}.user-avatar-presence--lg .user-avatar-presence__dot--offline{width:15px;height:15px}