:root{--ink:#1b1f1d;--muted:#5d6661;--bg:#f5f6f5;--card:#fff;--line:#e3e6e4;
--green:#1f7a4d;--yellow:#9a6200;--red:#b42318}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);
font:16px/1.45 system-ui,-apple-system,"Segoe UI",sans-serif}
main{max-width:40rem;margin:0 auto;padding:1rem}
h1{font-size:.95rem;font-weight:600;color:var(--muted);margin:.5rem 0 1rem}
h2{font-size:1rem;margin:1.75rem 0 .5rem}
.sum{border-radius:14px;padding:1.1rem 1.2rem;color:#fff;font-size:1.25rem;font-weight:600}
.sum small{display:block;font-size:.85rem;font-weight:400;opacity:.9;margin-top:.25rem}
.green{background:var(--green)}.yellow{background:var(--yellow)}.red{background:var(--red)}
ul,ol{list-style:none;margin:0;padding:0;background:var(--card);border:1px solid var(--line);
border-radius:14px}li{padding:.7rem 1rem;border-top:1px solid var(--line)}li:first-child{border-top:0}
.dot{display:inline-block;width:.7rem;height:.7rem;border-radius:50%;margin-right:.5rem}
li small,.meta{color:var(--muted);font-size:.85rem}
dl{display:grid;grid-template-columns:auto 1fr;gap:.35rem 1rem;background:var(--card);
border:1px solid var(--line);border-radius:14px;padding:.8rem 1rem;margin:0}dt{color:var(--muted)}dd{margin:0}
form{margin:1.5rem 0}label{display:block;margin:.75rem 0 .25rem}
input{width:100%;font:inherit;padding:.7rem;border:1px solid var(--line);border-radius:10px}
button{font:inherit;padding:.7rem 1.2rem;border:0;border-radius:10px;background:var(--ink);color:#fff;
margin-top:1rem}.err{color:var(--red)}a{color:var(--green)}