:root { color-scheme: dark; --bg:#0b0e14; --fg:#e8edf3; --muted:#7a8597; --accent:#7eb6ff; --border:#1f2937; --card:#10161f; }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--fg); font:14px/1.55 system-ui,-apple-system,Segoe UI,sans-serif; }
main { max-width: 720px; margin: 4rem auto; padding: 0 1.5rem; }
h1 { font-size: 1.5rem; margin: 0 0 1rem; }
.muted { color: var(--muted); }
form label { display:flex; flex-direction:column; gap:.4rem; margin-bottom:1rem; }
input[type=text] { padding:.7rem .9rem; border-radius:8px; border:1px solid var(--border); background:var(--card); color:var(--fg); font:inherit; }
button { padding:.7rem 1.4rem; border-radius:8px; border:1px solid var(--accent); background:var(--accent); color:#0b0e14; font:inherit; font-weight:600; cursor:pointer; }
code { background: var(--card); padding: 0 .3rem; border-radius: 4px; }
pre { background: var(--card); padding: 1rem; border-radius: 8px; border:1px solid var(--border); overflow:auto; max-height: 60vh; }
#status { padding: 1rem; border-radius: 8px; border: 1px solid var(--border); background: var(--card); margin: 1rem 0; font-weight: 600; }
#status[data-state="verified"] { border-color: #4ade80; color: #4ade80; }
#status[data-state="tampered"] { border-color: #f87171; color: #f87171; }
#status[data-state="expired"] { border-color: #fbbf24; color: #fbbf24; }
#status[data-state="error"] { border-color: #f87171; color: #f87171; }
a { color: var(--accent); }