body{margin:0;background:#182326;color:#f2f7f7;font:17px system-ui}header,main,nav,body>p{padding:1rem 5%;}header{display:flex;justify-content:space-between;gap:1rem;background:#24363b}button,input,select{font:inherit;padding:.7rem;border-radius:6px;border:1px solid #8eb6b7}button{background:#72dfca;color:#102524;cursor:pointer;margin:.3rem}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ffca6d;outline-offset:3px}input,select{display:block;margin:.7rem 0;max-width:90%;background:#fff;color:#17282b}article{border:1px solid #65858a;border-radius:8px;padding:1rem;margin:1rem 0;overflow-wrap:anywhere}pre{white-space:pre-wrap;overflow-wrap:anywhere}label{display:block}#status{color:#ffca6d}button[aria-current=page]{background:#ffca6d}[hidden]{display:none!important}