:root { color-scheme: dark; font-family: ui-rounded, "Hiragino Sans", system-ui, sans-serif; background:#0b1411; color:#f4f5ed; }
* { box-sizing:border-box; } body { margin:0; min-height:100vh; background:radial-gradient(circle at 80% 0,#254536 0,transparent 34rem),#0b1411; }
main { width:min(100% - 32px,680px); margin:auto; padding:calc(32px + env(safe-area-inset-top)) 0 calc(42px + env(safe-area-inset-bottom)); }
header { padding:20px 4px 28px; } h1 { font-size:clamp(2.6rem,12vw,5rem); line-height:.95; margin:.15em 0; letter-spacing:-.06em; } .eyebrow { color:#a9d6bd; font-size:.72rem; letter-spacing:.2em; } #date { color:#b9c5bf; }
section,details { margin:14px 0; } .config,.metrics form,.check,details { background:#14231d; border:1px solid #2c4037; border-radius:18px; padding:18px; box-shadow:0 18px 60px #0004; }
.config { display:grid; gap:12px; } label { display:grid; gap:7px; color:#c9d4ce; } input { width:100%; border:1px solid #3a5147; border-radius:12px; background:#0b1411; color:white; padding:13px; font-size:16px; }
button { border:0; border-radius:12px; background:#d3ff78; color:#14220d; padding:13px 16px; font-weight:800; font-size:15px; }
.metrics { display:grid; grid-template-columns:1fr 1fr; gap:12px; } .metrics form { display:grid; gap:12px; } .metrics span { color:#89a599; }
.checks { display:grid; gap:10px; } .check { width:100%; color:#eef4f0; display:flex; justify-content:space-between; align-items:center; text-align:left; } .check b { color:#d3ff78; font-size:.8rem; } .check.done { opacity:.58; } .check.done b { color:#9cb0a6; }
.hidden { display:none; } #message { min-height:1.5em; padding:0 4px; } .bad { color:#ff9d91; } .good { color:#a9d6bd; } details p,small { color:#aebbb4; line-height:1.65; } summary { font-weight:700; }
@media(max-width:520px){ .metrics { grid-template-columns:1fr; } }