:root{font-family:system-ui,sans-serif;color:#173c41;background:#f3f6f1;color-scheme:light}*{box-sizing:border-box}body{margin:0}main{max-width:920px;margin:70px auto;padding:0 24px}header{margin-bottom:36px}header>span{float:left;display:grid;place-items:center;width:58px;height:58px;margin:0 22px 12px 0;background:#d5eddf;border-radius:18px;font-size:32px}h1{margin:0;font-size:32px;letter-spacing:-1px}header p{color:#607b7c;margin-top:10px}.card{background:white;border:1px solid #dbe5df;border-radius:22px;padding:34px;box-shadow:0 12px 35px #274e3b08}h2{margin-top:0;font-size:24px}p{line-height:1.6}label{display:block;font-weight:600;margin:18px 0}input{display:block;width:100%;margin-top:8px;padding:13px;border:1px solid #b9ccc4;border-radius:9px;font:inherit;background:#fff;color:#173c41}button{border:0;border-radius:10px;padding:13px 20px;background:#25664f;color:#fff;font:inherit;font-weight:600;cursor:pointer;margin:8px 8px 8px 0}button:disabled{opacity:.45;cursor:not-allowed}button:hover:enabled{background:#174c3a}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #d5a543;outline-offset:3px}a{color:#25664f}nav{display:flex;justify-content:flex-end;border-bottom:1px solid #e4eae5;margin-bottom:22px}nav button{background:#e8f0eb;color:#214f3f}.status{min-height:30px;margin:20px 8px}footer{font-size:14px;color:#617779;line-height:1.6;margin-top:44px}.list article{padding:18px 0;border-bottom:1px solid #e4eae5;overflow-wrap:anywhere}.list h3{margin:0}.list article>span{display:inline-block;min-width:45%;margin-right:16px}canvas{max-width:100%;height:auto}form{max-width:580px}@media(max-width:600px){main{margin:28px auto;padding:0 16px}.card{padding:24px 18px}.list article>span{display:block}nav{justify-content:flex-start}h1{font-size:28px}}
input[type="checkbox"]{width:auto;margin-inline:.6rem;}