:root { color-scheme: light dark; }
* { margin: 0; padding: 0; box-sizing: border-box; }
html, body { height: 100%; }
body {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  padding: 16px;
}
@media (prefers-color-scheme: dark) { body { background: #0b0b0c; } }
main { width: 100%; max-width: 1408px; }
img {
  display: block;
  width: 100%;
  height: auto;
  max-height: calc(100vh - 32px);
  object-fit: contain;
  margin: 0 auto;
}