@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#25372f;background:#f5f4ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.topbar{max-width:1200px;margin:auto;padding:30px 44px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:10px;color:#263d31;text-decoration:none;font-weight:750;font-size:26px;letter-spacing:-1px}.brand-icon{display:grid;place-items:center;width:30px;height:30px;background:#294d3b;color:#fff;border-radius:9px;font-size:21px}.tagline{color:#83877e;font-size:13px}main{max-width:790px;margin:65px auto 0;padding:0 24px}.eyebrow{display:flex;align-items:center;gap:8px;color:#778272;font-size:10px;letter-spacing:1.9px;font-weight:700}.eyebrow span{width:6px;height:6px;background:#7e9d71;border-radius:50%}h1{font-family:Manrope,sans-serif;font-weight:650;font-size:58px;line-height:1.13;letter-spacing:-2.8px;margin:22px 0 18px}.intro{font-size:15px;color:#818479;margin:0 0 40px}.workspace{border:1px solid #e3e4da;border-radius:15px;background:#fffefa;box-shadow:0 5px 24px #263d3105;padding:25px 27px 0}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}h2{font-size:16px;margin:0;font-weight:650;display:flex;align-items:center;gap:10px}#task-count{background:#eeefe7;color:#69725e;font-size:11px;padding:3px 7px;border-radius:6px}.saved{display:flex;align-items:center;gap:6px;font-size:10px;color:#8b9184}.saved i{width:5px;height:5px;border-radius:50%;background:#8aab78}form{display:flex;align-items:center;gap:10px;border:1px solid #dbdfd1;border-radius:9px;padding:7px 7px 7px 15px;background:#fff}form:focus-within{border-color:#709271;box-shadow:0 0 0 3px #6a956712}.input-plus{font-size:22px;color:#9ba292}input{min-width:0;flex:1;border:0;outline:none;background:transparent;font:inherit;font-size:13px;color:#273e30;padding:8px 0}input::placeholder{color:#a2a69c}button{font:inherit;cursor:pointer}#add-button{background:#2e503c;color:#fff;border:0;padding:11px 15px;border-radius:6px;font-size:12px;font-weight:500;white-space:nowrap}#add-button span{margin-left:12px}button:disabled{opacity:.55;cursor:wait}.list-toolbar{display:flex;justify-content:space-between;align-items:center;margin:22px 0 7px;padding-bottom:14px;border-bottom:1px solid #eeeee6}.filters{display:flex;gap:4px}.filters button{background:transparent;color:#92988a;border:0;border-radius:5px;padding:6px 10px;font-size:11px}.filters button.active{background:#edf1e7;color:#3c583c;font-weight:600}#progress{color:#959a8f;font-size:10px}#tasks{list-style:none;padding:0;margin:0}.task{display:flex;align-items:center;gap:13px;border-bottom:1px solid #f0f0e8;min-height:64px;padding:12px 2px}.task:last-child{border-bottom:0}.task label{display:flex;align-items:center;gap:13px;flex:1;min-width:0;cursor:pointer}.task input{appearance:none;flex:none;width:19px;height:19px;border:1.5px solid #ccd3c2;border-radius:6px;display:grid;place-items:center;padding:0;margin:0;cursor:pointer}.task input:checked{background:#72916c;border-color:#72916c}.task input:checked:after{content:'✓';color:white;font-size:13px}.task-title{font-size:13px;line-height:1.6;overflow-wrap:anywhere}.task.done .task-title{color:#a4aa9a;text-decoration:line-through}.delete{background:none;border:0;color:#a7ad9f;padding:7px;border-radius:5px;display:flex}.delete:hover{color:#a24d44;background:#faf0eb}.delete svg{height:15px;width:15px}#empty{text-align:center;padding:38px 0 43px}.empty-icon{background:#eff2e9;color:#91a481;width:43px;height:43px;display:grid;place-items:center;margin:auto;border-radius:13px;font-size:23px}#empty h3{font-size:14px;font-weight:500;margin:15px 0 7px}#empty p{color:#9a9f90;font-size:12px;margin:0}.list-footer{border-top:1px solid #eeeee6;display:flex;justify-content:space-between;padding:16px 0;color:#9ba18f;font-size:10px}.bottom-note{text-align:center;color:#9da38f;font-size:11px;margin:28px 0 45px}.bottom-note span{margin-right:6px;color:#8b9e79}#error{background:#fff0ec;border-radius:6px;padding:12px;color:#a24030;font-size:13px}#loading{text-align:center;color:#8b9480;padding:40px;font-size:13px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button:focus-visible,input[type=checkbox]:focus-visible{outline:2px solid #66865a;outline-offset:3px}@media(max-width:600px){.topbar{padding:24px}.tagline{font-size:11px}main{margin-top:35px;padding:0 19px}h1{font-size:46px}.intro{font-size:13px;margin-bottom:30px}.workspace{padding:20px 16px 0}.saved{font-size:9px}#add-button{padding:11px}#add-button span{display:none}input{font-size:12px}.list-footer{font-size:9px}.eyebrow{font-size:9px}#progress{font-size:9px}}