body.light { background: #f8fafc; color: #222; }
body.dark { background: #222; color: #eee; }
body.blue { background: #e7f5ff; color: #222; }
body.green { background: #e6fcf5; color: #222; }
header { padding: 1em; background: #fff; border-bottom: 1px solid #ccc; }
main { padding: 2em; }
section { margin-bottom: 2em; background: #fff; border-radius: 8px; box-shadow: 0 2px 8px #0001; padding: 1em; }
input, select, button { margin: 0.5em; padding: 0.5em; }
#forecast-blocks { margin-top: 1em; }
.forecast-block { border: 1px dashed #888; padding: 1em; margin-bottom: 0.5em; border-radius: 4px; background: #f0f4f8; }