:root { color-scheme: light dark; --accent: #6b7280; }
body[data-env="dev"] { --accent: #2563eb; }
body[data-env="prod"] { --accent: #16a34a; }

body {
  margin: 0;
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  background: Canvas;
  color: CanvasText;
}
main { max-width: 560px; margin: 48px auto; padding: 0 16px; }
header { display: flex; align-items: center; gap: 12px; border-bottom: 4px solid var(--accent); padding-bottom: 8px; }
h1 { margin: 0; font-size: 1.6rem; }
.badge { background: var(--accent); color: #fff; border-radius: 999px; padding: 2px 12px; font-weight: 600; text-transform: uppercase; }
.message { font-size: 1.2rem; margin: 24px 0; }
table { width: 100%; border-collapse: collapse; }
th, td { text-align: left; padding: 8px 4px; border-bottom: 1px solid color-mix(in srgb, CanvasText 15%, transparent); }
th { width: 35%; font-weight: 500; opacity: 0.8; }
.mono { font-family: ui-monospace, Consolas, monospace; font-size: 0.85rem; word-break: break-all; }
footer { margin-top: 32px; font-size: 0.8rem; opacity: 0.6; }