:root{font-family:system-ui,sans-serif;color:#182c3b;background:#f3f6f8;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:900px;margin:32px auto;padding:20px}header,.task-title{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}h1{font-size:40px;margin:8px 0}h2{font-size:21px}h3{font-size:18px}p{line-height:1.6;overflow-wrap:anywhere}.eyebrow{color:#48677d;font-size:14px}section{margin:20px 0;padding:24px;background:#fff;border:1px solid #e0e8ed;border-radius:16px}form{display:grid;gap:16px}label{display:grid;gap:8px;font-size:14px}input,select,button{font:inherit;border-radius:8px;padding:12px;min-height:44px}input,select{border:1px solid #a5b6c2;background:#fff;min-width:0;width:100%}button{background:#176a61;color:#fff;border:0;cursor:pointer}button:disabled{opacity:.5;cursor:wait}.secondary{background:#e2ecef;color:#183c48}nav{display:flex;gap:8px;flex-wrap:wrap}.badge{border-radius:20px;background:#edf1f3;padding:8px 12px;font-size:13px}.in_progress{background:#fff0cc}.completed{background:#dcf1e5}.error{background:#ffe6e4;color:#8b2424;padding:16px;border-radius:8px}.check{display:flex;align-items:center}.check input{width:20px;min-height:20px}fieldset{border:1px solid #ccd9df;border-radius:8px;display:grid;gap:12px}a{color:#176a61}button:focus-visible,a:focus-visible{outline:3px solid #d38920;outline-offset:3px}@media(max-width:600px){main{margin:8px auto;padding:12px}section{padding:16px}h1{font-size:32px}}