/* Offline notice: the site's ground and ink, system fonts, no script. */
:root { --ground: #0a0e10; --ink: #e6eae8; --muted: #97a3aa; --rule: #34424b; --signal: #f3d34a; }
@media (prefers-color-scheme: light) {
  :root { --ground: #eceeea; --ink: #0b1013; --muted: #4a555b; --rule: #98a29d; }
}
* { box-sizing: border-box; margin: 0; }
html, body { height: 100%; }
body {
  display: grid;
  place-items: center;
  padding: 16px;
  background: var(--ground);
  color: var(--ink);
  font: 400 1rem/1.5 system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}
main { width: min(36rem, 100%); padding-top: 1.25rem; border-top: 1px solid var(--rule); }
.name { color: var(--muted); font-size: 0.9375rem; }
.name::before {
  content: '';
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  margin-right: 0.6rem;
  background: var(--signal);
  vertical-align: 0.05em;
}
h1 { margin-top: 1rem; font-size: clamp(1.5rem, 1.1rem + 2vw, 2.25rem); font-weight: 600; line-height: 1.15; letter-spacing: -0.015em; }
.en { margin-top: 0.75rem; color: var(--muted); }