body { font-family: Arial, sans-serif; margin: 40px; background: #f7f9fc; color: #333; transition: background 0.3s, color 0.3s; }
body.dark { background: #121212; color: #e0e0e0; }
#petition-info { background: #fff; padding: 20px; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); max-width: 660px; margin-bottom: 30px; transition: background 0.3s, color 0.3s; }
body.dark #petition-info { background: #1e1e1e; color: #ddd; }
h2 { margin-top: 0; color: #005ea5; }
body.dark h2 { color: #4da8ff; }
#controls { margin-bottom: 20px; }
select, button { padding: 8px; margin-right: 10px; font-size: 1em; }
canvas { max-width: 700px; background: #fff; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); padding: 10px; }
body.dark canvas { background: #1e1e1e; }

.small-text { font-size: 0.9em; color: #666; }
body.dark .small-text { color: #aaa; }