:root { color-scheme: dark; font-family: system-ui, -apple-system, Segoe UI, sans-serif; background: #101815; color: #f4faf8; }
* { box-sizing: border-box; }
body { margin: 0; }
main { max-width: 760px; margin: auto; padding: 24px 18px 64px; }
.eyebrow { color: #9cdbce; text-transform: uppercase; letter-spacing: .17em; font-size: .75rem; font-weight: 800; }
h1 { margin: 10px 0 14px; font-size: clamp(1.9rem, 6vw, 2.8rem); line-height: 1.15; }
h2 { margin-top: 0; font-size: 1.35rem; }
p { color: #c7d4d0; line-height: 1.6; }
.lead { font-size: 1.05rem; }
.card { padding: 25px; margin: 22px 0; border: 1px solid #46655e; border-radius: 22px; background: #172b25; }
.danger { border-color: #936372; background: #2b2026; }
.boundary { border-color: #5c8e86; }
.status { border-left: 5px solid #729a91; padding: 16px 18px; background: #1a302a; }
.status.good { border-color: #74ddc8; }
.status.warning { border-color: #eacb77; }
.status.stop { border-color: #ef8da7; }
dl { margin: 0; }
dt { color: #a6c1ba; margin-top: 18px; }
dd { margin: 5px 0 0; padding-bottom: 15px; border-bottom: 1px solid #46655e; overflow-wrap: anywhere; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; line-height: 1.45; }
button { width: 100%; margin-top: 15px; border: 0; border-radius: 14px; padding: 18px; color: #10231d; background: #72d9c9; font: inherit; font-weight: 750; }
button:disabled { background: #456660; color: #c6d3d0; cursor: not-allowed; }
label { display: flex; align-items: start; gap: 12px; margin-top: 18px; line-height: 1.5; }
input[type="checkbox"] { width: 20px; height: 20px; flex: none; margin-top: 2px; }
code { color: #bce8df; }