loopoutを使ったシェイプアニメーションのループについて

かなり初歩的な疑問で恐縮ですが、どうしても分からない内容があり質問させていただきます。

現在youtubeのチュートリアル動画を参考にジオメトリックアニメーションを作っており、動画と全く同じようにキーフレームを打ちエクスプレッションでloopoutを付けたのですが、なぜかループの繋ぎ目で動画とは違う挙動をしてしまいます。

動画では一枚目の画像のように100F,120F,220F,240Fにそれぞれ0°,-90°,-90°,-180°の回転を打っており、そのキーフレームを全て選択した状態でエクスプレッションのloopoutをつけることで、一定間隔で反時計回りにくるっと回転する正方形を作成しているようです。

ですが私がそれをそっくりそのまま真似してみると、240Fで1ループ目が終わった直後に-180°を0°として(ここの仕様？がよく分からないです...)、-90°に回転するため、ループの繋ぎ目に毎回90°余計に回転してしまいます。

画像2枚目はグラフエディタで挙動を確認したものですが、実線の範囲をみると最後に-90°を0°とするまでが1ループとなっているようで、何故そのような挙動になってしまうのか教えていただきたいです。

一応動画のリンクを貼らせていただきます(問題がありましたらすぐに削除いたします)

参考にさせて頂いた動画