:root{color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:#f6f7f2;color:#292d27}*{box-sizing:border-box}body{margin:0}a{color:#4f5a3f}button,input,select,textarea{font:inherit}.topbar{background:#4f5a3f;color:white;padding:15px max(16px,calc((100vw - 900px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{color:white;font-weight:750;text-decoration:none;font-size:1.2rem}.topbar nav{display:flex;align-items:center;gap:14px}.topbar a{color:white}.topbar form{display:inline}.navbtn{color:white;background:transparent;border:0;text-decoration:underline;cursor:pointer}.container{max-width:900px;margin:0 auto;padding:24px 16px 90px}.pagehead{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px}.pagehead h1{margin:0}.pagehead p{color:#667060;margin:6px 0 0}.button{display:inline-block;background:#4f5a3f;color:white;text-decoration:none;border:0;border-radius:10px;padding:12px 18px;cursor:pointer;font-weight:650;white-space:nowrap}.panel{background:white;border:1px solid #e0e4db;border-radius:15px;padding:22px;margin:18px 0;box-shadow:0 3px 18px #25301c0a}.panel h2{font-size:1.15rem;margin:0 0 18px}.panel h2 small,.count{font-size:.8rem;color:#798274;font-weight:400}.task{display:flex;gap:14px;align-items:flex-start;padding:14px 0;border-top:1px solid #edf0e9}.task:first-of-type{border-top:0}.taskbody{flex:1;min-width:0}.taskbody strong{display:block;font-size:1rem}.taskbody p{font-size:.9rem;color:#53604f;margin:7px 0}.taskbody small{display:block;color:#73806e;margin-top:5px}.check{border:2px solid #8a9682;width:33px;height:33px;border-radius:50%;background:#fff;color:#4f5a3f;font-size:22px;line-height:1;cursor:pointer}.completed strong{text-decoration:line-through;color:#818b7c}.completed .check{background:#e2eadb}.empty{color:#7b8475}.filter{display:flex;gap:12px;align-items:center}.filter select,.field input:not([type=checkbox]),.field select,.field textarea{width:100%;border:1px solid #ccd5c7;border-radius:8px;padding:10px;background:white}.filter select{max-width:240px}.field{margin-bottom:18px}.field>label{display:block;font-weight:650;margin-bottom:7px}.field small{display:block;color:#697464;margin-top:5px}.field ul{padding-left:20px;list-style:none}.field li{margin:6px 0}.field li label{font-weight:400}.field input[type=checkbox]{width:auto}.error{color:#a32f2f;display:block}.message{background:#e2eadb;border-radius:9px;padding:12px}.login{max-width:440px;margin:60px auto}.taskform{max-width:650px}@media(max-width:540px){.pagehead{align-items:flex-start}.pagehead h1{font-size:1.6rem}.panel{padding:16px}.topbar{padding:14px 16px}.topbar nav{gap:9px;font-size:.9rem}}