The Shipping Calculator don´t have the style specified in the CSS-file but in the html-file. Which means that if you have a webshop with a dark background and white text, you have to change the style in the template and not in the CSS-file to be able to read the text in the iframe.
Maybe not totally optimally..?