.avatar{border-radius:var(--radius-full);background:var(--color-ink);color:var(--color-canvas);font-weight:var(--font-weight-semibold);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.avatar-sm{width:28px;height:28px;font-size:var(--font-size-xs)}.avatar-md{width:36px;height:36px;font-size:var(--font-size-sm)}.avatar-lg{width:64px;height:64px;font-size:var(--font-size-lg)}.avatar-ring{box-shadow:0 0 0 2px var(--color-canvas), 0 0 0 4px var(--color-amber)}