:root { 
    --bg: #14161a; --fg: #e8e6e1; --muted: #8b8f98; 
}

* { 
    box-sizing: border-box; 
}

html, body { 
    height: 100%; margin: 0; 
}

body {
  background: var(--bg); color: var(--fg);
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 1rem; padding: 1.5rem;
}

figure { 
    margin: 0; max-width: min(100%, 1000px); 
}

img {
  display: block; max-width: 100%; max-height: 80vh; border-radius: 6px;
  background: #20232a; min-height: 120px;
}

figcaption { 
    margin-top: .75rem; color: var(--muted); font-size: .95rem; 
}

h1 {
    display: flex;
    justify-content: center;
    align-items: center;
}