body { font-family: system-ui, sans-serif; background: #111; color: #eee; margin: 0; padding: 16px; }
.grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; max-width: 1200px; margin: auto; }
.card { background: #1c1c1c; border-radius: 8px; padding: 8px; height: 400px; }
.wide { grid-column: 1 / -1; }
@media (max-width: 800px) { .grid { grid-template-columns: 1fr; } }
#energy { height: 500px; }
#all { height: 500px; }