:root { color-scheme: light dark; }
* { box-sizing: border-box; }
body {
  margin: 0; min-height: 100vh; display: grid; place-items: center;
  font: 16px/1.6 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  background: #f6f7f9; color: #1a1d21;
}
@media (prefers-color-scheme: dark) { body { background: #14171b; color: #eceff2; } }
main { max-width: 34rem; padding: 2rem 1.5rem; }
h1 { margin: 0 0 .25rem; font-size: 2rem; letter-spacing: .3px; }
.tag { margin: 0 0 1.25rem; opacity: .8; }
.pilot { padding: .75rem 1rem; border: 1px solid currentColor; border-radius: 8px; opacity: .9; }
.links { list-style: none; padding: 0; margin: 1.25rem 0; }
.links li { margin: .4rem 0; }
.links a { font-weight: 600; }
.links span { opacity: .6; }
.foot { margin-top: 2rem; font-size: .85rem; opacity: .6; }
a { color: #1f5fbf; }
@media (prefers-color-scheme: dark) { a { color: #6fa8ff; } }