Please read the following table in HTML format from a webpage and then answer the question in detail according to the table. Each table cell is defined by a <td> and a </td> tag. Each table row starts with a <tr> and ends with a </tr> tag. 'rowspan=m' and 'colspan=n' represents a cell spaning over 'm' rows and 'n' columns.

Webpage title:
Kate Reinders
Table title:
Theatre
Table:
<table id='hittask' contenteditable='False'>
<tr> <th colspan=1 rowspan=1 > Year </th><th colspan=1 rowspan=1 > Show </th><th colspan=1 rowspan=1 > Role </th><th colspan=1 rowspan=1 > Notes </th></tr>
<tr> <td colspan=1 rowspan=2 > 2001 </td><td colspan=1 rowspan=1 > The Adventures of Tom Sawyer </td><td colspan=1 rowspan=1 > Swing/Amy Lawrence (u/s)/Becky Thatcher (u/s) </td><td colspan=1 rowspan=1 > Broadway, Apr. 26 - May. 13, 2001 </td></tr>
<tr> <td colspan=1 rowspan=1 > Hair </td><td colspan=1 rowspan=1 >  </td><td colspan=1 rowspan=1 > Baystreet Theater </td></tr>
<tr> <td colspan=1 rowspan=3 > 2002 </td><td colspan=1 rowspan=2 > Into the Woods </td><td colspan=1 rowspan=1 > Snow White </td><td colspan=1 rowspan=1 > Los Angeles </td></tr>
<tr> <td colspan=1 rowspan=1 > Cinderella (u/s), Milky White u/s, Rapunzel u/s, & Little Red Ridinghood u/s </td><td colspan=1 rowspan=1 > Broadway, Apr. 30 - Nov. 2002 </td></tr>
<tr> <td colspan=1 rowspan=1 > A Year with Frog and Toad </td><td colspan=1 rowspan=1 > Various </td><td colspan=1 rowspan=1 > off-Broadway, Nov. 2002 - Jan. 2003 </td></tr>
<tr> <td class="highlighted"  colspan=1 rowspan=1 > 2003 </td><td class="highlighted"  colspan=1 rowspan=1 > Gypsy </td><td class="highlighted"  colspan=1 rowspan=1 > June </td><td colspan=1 rowspan=1 > Broadway, May 1, 2003 - May 30, 2004 </td></tr>
<tr> <td colspan=1 rowspan=1 > 2004 </td><td colspan=1 rowspan=1 > Nerds </td><td colspan=1 rowspan=1 >  </td><td colspan=1 rowspan=1 > New York Stage and Film, Jul. 15 - 18, 2004 </td></tr>
<tr> <td class="highlighted"  colspan=1 rowspan=2 > 2005 </td><td class="highlighted"  colspan=1 rowspan=1 > Good Vibrations </td><td class="highlighted"  colspan=1 rowspan=1 > Caroline </td><td colspan=1 rowspan=1 > Broadway, Feb. 2 - Apr. 24, 2005 </td></tr>
<tr> <td colspan=1 rowspan=2 > Wicked </td><td colspan=1 rowspan=2 > Glinda </td><td colspan=1 rowspan=1 > Chicago production, 2005 - 2006 </td></tr>
<tr> <td colspan=1 rowspan=1 > 2006 </td><td colspan=1 rowspan=1 > Broadway, May 30, 2006 - Jan. 7, 2007 </td></tr>
<tr> <td colspan=1 rowspan=2 > 2007 </td><td colspan=1 rowspan=1 > Party Come Here </td><td colspan=1 rowspan=1 >  </td><td colspan=1 rowspan=1 > Williamstown Theatre Festival, Jul. 25 - Aug. 5, 2007 </td></tr>
<tr> <td colspan=1 rowspan=1 > The Fabulous Life of a Size Zero </td><td colspan=1 rowspan=1 >  </td><td colspan=1 rowspan=1 > off-Broadway </td></tr>
<tr> <td colspan=1 rowspan=1 > 2008 </td><td colspan=1 rowspan=1 > The Yellow Brick Road Not Taken </td><td colspan=1 rowspan=2 > Performer </td><td colspan=1 rowspan=1 > Broadway, Oct. 27, 2008 </td></tr>
<tr> <td colspan=1 rowspan=1 > 2011 </td><td colspan=1 rowspan=1 > For the Record: Baz Luhrmann </td><td colspan=1 rowspan=1 > Show at Barre, Feb. 12 - June 30, 2011 </td></tr>
<tr> <td colspan=1 rowspan=1 > 2015 </td><td colspan=1 rowspan=1 > Something Rotten! </td><td colspan=1 rowspan=1 > Portia </td><td colspan=1 rowspan=1 > Broadway, Apr. 22, 2015 - July 16, 2016 </td></tr>
<tr> <td colspan=1 rowspan=1 > 2018 </td><td colspan=1 rowspan=1 > Beautiful: The Carole King Musical </td><td colspan=1 rowspan=1 > Cynthia Weil </td><td colspan=1 rowspan=1 > Broadway, October 2018 - February 2019 </td></tr>
</table>
Question:
What characters did Kate Reinders starred as in 2003 Gypsy and 2005 Good Vibrations ?
Answer:
Kate Reinders starred as June in the 2003 Gypsy and as Caroline in the 2005 Good Vibrations.