:root { color-scheme: light dark; --accent: #2563eb; }
* { box-sizing: border-box; }
body {
  margin: 0; min-height: 100vh; display: grid; place-items: center;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  background: Canvas; color: CanvasText;
}
.card { max-width: 40rem; margin: 1.5rem; padding: 2rem; border: 1px solid #8884; border-radius: 12px; }
h1 { margin-top: 0; color: var(--accent); }
.lead { opacity: .85; }
dl { display: grid; grid-template-columns: max-content 1fr; gap: .5rem 1rem; }
dt { font-weight: 600; }
dd { margin: 0; }
.ok { color: #16a34a; } .ko { color: #dc2626; } .pending { opacity: .7; }
.hint { font-size: .9rem; opacity: .75; }