:root { color-scheme: dark; --ink: #0e1016; --ground: #0c0e16; --cream: #f3ead2; --orange: #ff6a13; --green: #4ade80; --red: #ff4a3d; --amber: #ffb020; }
* { box-sizing: border-box; }
body { margin: 0; padding: 0 16px 48px; background: var(--ground); color: var(--cream); font: 16px/1.45 system-ui, -apple-system, "Segoe UI", sans-serif; }
header, main, footer { max-width: 640px; margin: 0 auto; }
header { display: flex; align-items: center; gap: 12px; padding-top: 16px; }
h1 { font-size: 1.4rem; margin: 0; }
section { margin: 16px 0; }
input { width: 100%; padding: 10px; background: var(--ink); color: var(--cream); border: 1px solid #3d4555; border-radius: 6px; font: inherit; }
button { padding: 8px 12px; margin: 4px 4px 4px 0; background: var(--ink); color: var(--cream); border: 1px solid #5b6578; border-radius: 6px; font: inherit; cursor: pointer; user-select: none; touch-action: manipulation; }
button:disabled { opacity: .6; cursor: not-allowed; }
.label { font-weight: 700; letter-spacing: .04em; }
.good li { color: var(--green); }
.serious { color: var(--amber); }
.reason { color: var(--orange); }
.check { font-family: ui-monospace, monospace; font-size: .9rem; }
dl { display: grid; grid-template-columns: max-content 1fr; gap: 4px 12px; margin: 8px 0; }
dt { color: #c9ced8; }
dd { margin: 0; overflow-wrap: anywhere; }
footer p { font-size: .85rem; color: #c9ced8; }
a { color: var(--amber); }
img { max-width: 100%; }