*{box-sizing:border-box}body{font:17px/1.6 system-ui,sans-serif;margin:0;background:#f5f7fc;color:#18283e}main{max-width:900px;margin:auto;padding:24px}header{padding:20px 0}header>p:first-child{font-weight:700;color:#17654e;font-size:13px;letter-spacing:.08em}h1{font-size:38px;line-height:1.15}section{background:white;border:1px solid #dbe2ed;border-radius:14px;padding:24px;margin:20px 0}h2{margin-top:0}label{display:block;margin-top:12px}input:not([type=checkbox]),select{display:block;width:100%;padding:10px;border:1px solid #8a98ab;border-radius:6px;font:inherit}button{font:inherit;padding:9px 14px;margin:10px 8px 0 0;background:#174877;color:white;border:0;border-radius:6px;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #dc7200;outline-offset:3px}li{padding:8px 0;overflow-wrap:anywhere}li[data-done=true] .title{text-decoration:line-through}#error{color:#a31e28}iframe{display:block;width:100%;height:150px;margin-top:20px;border:1px solid #a4afbe;border-radius:8px}footer{padding:20px 0}a{color:#174877}button:disabled{opacity:.5}@media(max-width:500px){main{padding:12px}section{padding:16px}h1{font-size:30px}}