/* ── Keyword transition states ──────────────────────────────────────────── */
.left-keyword.kw-exit  { opacity: 0; transform: scale(.92) translateY(-20px); }
.left-keyword.kw-enter { opacity: 0; transform: scale(.92) translateY(20px);  }

/* ── Loading spinner ────────────────────────────────────────────────────── */
@keyframes spin { to { transform: rotate(360deg); } }

.spin {
  display: inline-block; width: 16px; height: 16px;
  border: 2px solid rgba(255,255,255,.3); border-top-color: #fff;
  border-radius: 50%; animation: spin .7s linear infinite;
}