:root {
  font-family: system-ui, sans-serif;
  line-height: 1.6;
  color: #172b4d;
  background: #f4f7fb;
}

body { margin: 0; padding: 1.5rem; }
main { max-width: 44rem; margin: 8vh auto; }
h1 { line-height: 1.2; }
[role="status"] {
  padding: 1rem;
  border-left: 4px solid #176b47;
  background: #e2f3e9;
}

@media (prefers-color-scheme: dark) {
  :root { color: #eef3fa; background: #142033; }
  [role="status"] { background: #183e30; border-color: #70d6a4; }
}