% !Mode:: "TeX:UTF-8"
% !TEX encoding = UTF-8 Unicode

\begin{center}
  \begin{tikzpicture}
    \begin{scope}
      \node [draw, text width=5cm, align=left, rounded corners=2pt] (y lt t) at (0,0) {\footnotesize{Improving math accuracy requires careful attention to detail, strategic problem-solving techniques, and consistent practice. Here are three tips:}};

      \def\percent{0.2}
      \node [anchor=west,draw, text width=7.5cm, align=left, rounded corners=2pt,minimum width=8cm] (y gt t 1) at ([xshift=2cm]y lt t.east) {\footnotesize{1. Understand the Fundamentals: Building a strong foundation in mathematics starts with a solid understanding of the basics. ...}};
      \node [anchor=south] at (y lt t.north) {$\mathbf{y}_{<t}$};
      \node [anchor=north west,draw, minimum height=.75ex, minimum width=8cm,inner sep=0] at (y gt t 1.south west) {};
      \node [anchor=north west, minimum height=.75ex, minimum width=8cm*\percent,fill=lolblue,inner sep=0] at (y gt t 1.south west) {};
      \node [anchor=south east, draw,fill=black!5!white] at (y gt t 1.south east) {\scriptsize{Total Tokens: 60, \textbf{Reward: 6}}};

      \def\percent{0.28}
      \node [anchor=west,draw, text width=7.5cm, align=left, rounded corners=2pt,minimum width=8cm] (y gt t 2) at ([xshift=2cm,yshift=2cm]y lt t.east) {\footnotesize{1.Practice regularly: \\
          - Consistent practice builds fluency and familiarity with different problem ... \\}};
      \node [anchor=north west,draw, minimum height=.75ex, minimum width=8cm,inner sep=0] at (y gt t 2.south west) {};
      \node [anchor=north west, minimum height=.75ex, minimum width=8cm*\percent,fill=lolblue,inner sep=0] at (y gt t 2.south west) {};
      \node [anchor=south east, draw,fill=black!5!white] at (y gt t 2.south east) {\scriptsize{Total Tokens: 80, \textbf{Reward: 8}}};

      \def\percent{0.17}
      \node [anchor=west,draw, text width=7.5cm, align=left, rounded corners=2pt,minimum width=8cm] (y gt t 3) at ([xshift=2cm,yshift=4cm]y lt t.east) {\footnotesize{1. Understand the fundamentals: Solidify your understanding of basic mathematical principles such as arithmetic, algebra, ...}};
      \node [anchor=north west,draw, minimum height=.75ex, minimum width=8cm,inner sep=0] at (y gt t 3.south west) {};
      \node [anchor=north west, minimum height=.75ex, minimum width=8cm*\percent,fill=lolblue,inner sep=0] at (y gt t 3.south west) {};
      \node [anchor=south east, draw,fill=black!5!white] at (y gt t 3.south east) {\scriptsize{Total Tokens: 50, \textbf{Reward: 5}}};

      \node [anchor=west] (y gt t cdots) at ([xshift=2cm,yshift=-2cm]y lt t.east) {\LARGE$\cdots$};
      
      \def\percent{0.78}
      \node [anchor=west,draw, text width=7.5cm, align=left, rounded corners=2pt,minimum width=8cm] (y gt t 4) at ([xshift=2cm,yshift=-4cm]y lt t.east) {\footnotesize{Tip 1: Delve into the labyrinth of equations with the focus of a hawk hunting its prey. Leave no variable unturned, ...}};
      \node [anchor=north west,draw, minimum height=.75ex, minimum width=8cm,inner sep=0] at (y gt t 4.south west) {};
      \node [anchor=north west, minimum height=.75ex, minimum width=8cm*\percent,fill=lolred,inner sep=0] at (y gt t 4.south west) {};
      \node [anchor=south east, draw,fill=black!5!white] at (y gt t 4.south east) {\scriptsize{Total Tokens: 300, \textbf{Reward: 30}}};

      \draw [->] (y lt t.east) .. controls +(+1cm,0) and +(-2cm,0) .. (y gt t 3.west) node [anchor=south east] {$\mathbf{y}_{1, t:T}$};
      \draw [->] (y lt t.east) .. controls +(+1cm,0) and +(-2cm,0) .. (y gt t 2.west) node [anchor=south east] {$\mathbf{y}_{2, t:T}$};
      \draw [->] (y lt t.east) -- (y gt t 1.west) node [anchor=south east] {$\mathbf{y}_{3, t:T}$};
      \draw [->] (y lt t.east) .. controls +(+1cm,0) and +(-2cm,0) .. (y gt t cdots.west);
      \draw [->] (y lt t.east) .. controls +(+1cm,0) and +(-2cm,0) .. (y gt t 4.west) node [anchor=south east,yshift=.5cm] {$\mathbf{y}_{d,t:T}$};
      
    \end{scope}
  \end{tikzpicture}    
\end{center}
