:root{font-family:"Segoe UI",system-ui,sans-serif;color:#202a29;background:#f2f6f4;font-size:16px}*{box-sizing:border-box}body{margin:0}header{background:#163e32;color:white;padding:20px;display:flex;gap:20px;align-items:center;flex-wrap:wrap}header a{color:white;margin-left:auto}main{max-width:1000px;margin:24px auto;padding:16px}h1{font-size:28px}h2{font-size:22px}section,form,article{padding:16px;background:white;border:1px solid #b9c9c2;border-radius:10px;margin:12px 0}label{display:block;margin:12px 0}input,button{font:inherit;padding:10px;border-radius:5px;border:1px solid #6a7973}input{display:block;width:min(100%,420px)}button{background:#0758d3;color:white;cursor:pointer;margin:5px}button:disabled{background:#67736e}a{color:#074fbd}button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #e69f00;outline-offset:3px}.metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.metrics strong{display:block;font-size:26px;font-variant-numeric:tabular-nums;margin-top:10px}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}#pending article{border-left:5px solid #a64c00}#list button{display:block;width:100%;text-align:left}[hidden]{display:none!important}@media(max-width:480px){.metrics{grid-template-columns:1fr}main{padding:8px;margin:8px}header{padding:12px}button{max-width:100%;overflow-wrap:anywhere}}
