.avatar{display:inline-flex;align-items:center;justify-content:center;flex:none;border-radius:var(--r-pill);overflow:hidden;background:var(--surface-3);color:var(--ink-soft);font-weight:var(--fw-semibold);-webkit-user-select:none;-moz-user-select:none;user-select:none}.avatar__img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;animation:avatar-reveal var(--dur-base) var(--ease-out)}.avatar__initials{line-height:1}.avatar--accent{background:var(--grad-accent);color:var(--on-accent)}.avatar--sm{width:28px;height:28px;font-size:var(--fs-xs)}.avatar--md{width:38px;height:38px;font-size:var(--fs-sm)}.avatar--lg{width:48px;height:48px;font-size:var(--fs-md)}@keyframes avatar-reveal{0%{opacity:0;transform:scale(1.06)}to{transform:scale(1);opacity:1}}