fix(loader): orbit shows both squares again

The orbit pattern's two blobs are meant to chase each other around a
square track (the second offset by a half-loop). It used
`animation-delay: -1s` for the offset, but the shared wall-clock phase
lock (`.frame.frame *` sets animation-delay on every element) is
higher-specificity and clobbered it — so both blobs ran in lockstep,
stacked exactly, and one disappeared.

The second blob now gets its own 50%-shifted keyframes (orbit-b,
opposite corner) instead of a delay — the same technique metaballs uses
— so the phase lock no longer hides it.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

Author: andresdjasso

apps/sim/components/emcn/components/thinking-loader/thinking-loader.module.css

@@ -121,13 +121,16 @@
   }
 }
 
-/* orbit — two blobs chase each other around a square track */
-.orbitA,
-.orbitB {
+/* orbit — two blobs chase each other around a square track. The second blob
+   is the track offset by 50% (opposite corner) via its OWN keyframes, not an
+   animation-delay: the shared wall-clock phase lock (.frame.frame *) forces
+   one delay on every element, which would otherwise stack both blobs and hide
+   one. */
+.orbitA {
   animation: orbit 2s infinite;
 }
 .orbitB {
-  animation-delay: -1s;
+  animation: orbit-b 2s infinite;
 }
 @keyframes orbit {
   0% {
@@ -146,6 +149,23 @@
     transform: translate(0, 0);
   }
 }
+@keyframes orbit-b {
+  0% {
+    transform: translate(40px, 40px);
+  }
+  25% {
+    transform: translate(0, 40px);
+  }
+  50% {
+    transform: translate(0, 0);
+  }
+  75% {
+    transform: translate(40px, 0);
+  }
+  100% {
+    transform: translate(40px, 40px);
+  }
+}
 
 /* relay — a ball stretches between two goal posts */
 .relayBall {