:root{
  --bg:#f6f5f3; --card:#fff; --ink:#1c1b19; --muted:#6b6862;
  --line:#e3e0da; --accent:#2f6f4f; --accent-soft:#e8f1eb;
}
@media (prefers-color-scheme:dark){
  :root{ --bg:#141412; --card:#1e1d1b; --ink:#f2f0ec; --muted:#a6a199;
         --line:#33312d; --accent:#7fc4a0; --accent-soft:#1f2d26; }
}
*{box-sizing:border-box}
body{
  margin:0; min-height:100vh; padding:24px;
  display:flex; align-items:center; justify-content:center;
  background:var(--bg); color:var(--ink);
  font:16px/1.6 ui-sans-serif,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
.card{
  width:100%; max-width:520px; background:var(--card);
  border:1px solid var(--line); border-radius:14px; padding:32px;
}
.eyebrow{
  margin:0 0 6px; font-size:12px; letter-spacing:.09em; text-transform:uppercase;
  color:var(--accent); font-weight:600;
}
h1{margin:0 0 10px; font-size:30px; letter-spacing:-.02em}
.lede{margin:0 0 24px; color:var(--muted)}
.readout{margin:0 0 20px; display:grid; gap:1px; background:var(--line);
  border:1px solid var(--line); border-radius:10px; overflow:hidden}
.readout>div{display:flex; justify-content:space-between; gap:16px;
  background:var(--card); padding:11px 14px}
dt{color:var(--muted); font-size:14px}
dd{margin:0; font-variant-numeric:tabular-nums; font-size:14px; text-align:right}
.foot{margin:0; padding:10px 12px; border-radius:8px; font-size:14px;
  background:var(--accent-soft); color:var(--accent)}
.foot.bad{background:#fdecec; color:#a3302c}
@media (prefers-color-scheme:dark){ .foot.bad{background:#2e1b1a; color:#f0a8a4} }
.stamp{margin:14px 0 0; text-align:center; font-size:12px; color:var(--muted);
  letter-spacing:.04em}