:root { color-scheme: light dark; }
html, body { height: 100%; margin: 0; }
body { display: grid; place-items: center; font: 18px/1.4 system-ui, -apple-system, "Segoe UI", sans-serif; background: #fff; color: #6b7280; }
@media (prefers-color-scheme: dark) { body { background: #111; color: #9ca3af; } }
main { padding: 16px; text-align: center; }
p { margin: 0; }
h1 { margin: 0 0 8px; font-size: 22px; font-weight: 600; color: #374151; }
@media (prefers-color-scheme: dark) { h1 { color: #d1d5db; } }