:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#263a30;background:#f7f8f3;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.brand{max-width:1120px;margin:0 auto;padding:32px 36px;display:flex;align-items:center;gap:10px;font-size:24px;letter-spacing:-1px;font-weight:750}.brand-icon{display:grid;place-items:center;background:#294e3c;color:white;width:30px;height:30px;border-radius:9px;font-size:19px}.brand-note{margin-left:auto;letter-spacing:2px;font-size:10px;font-weight:600;color:#7b877c}main{max-width:752px;margin:58px auto 0;padding:0 24px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.4px;color:#68836c;margin-bottom:20px}h1{font-size:58px;letter-spacing:-2.8px;line-height:1.08;font-weight:550;margin:0}.intro{font-size:15px;line-height:1.6;color:#788177;margin:22px 0 35px}.card{background:#fff;border:1px solid #e3e8df;border-radius:18px;box-shadow:0 8px 35px #283f2810;overflow:hidden}form{display:flex;gap:12px;padding:24px;border-bottom:1px solid #edf0e9}input{min-width:0;flex:1;border:1px solid #e0e6dc;background:#fafbf8;padding:15px;border-radius:9px;font:inherit;font-size:14px;color:#263a30}input::placeholder{color:#8b9389}button{font:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:wait}.add{background:#294e3c;color:#fff;border:0;border-radius:9px;padding:0 18px;font-size:13px;font-weight:600;white-space:nowrap}.add span{font-size:20px;vertical-align:-1px;margin-right:5px}.add:hover{background:#1f3d2e}input:focus-visible,button:focus-visible{outline:3px solid #a3bca1;outline-offset:3px}.list-header{padding:25px 25px 12px;display:flex;align-items:center;justify-content:space-between}.list-header h2{font-size:13px;margin:0;font-weight:650}.list-header h2 span{display:inline-block;background:#eef2e9;border-radius:5px;padding:3px 7px;font-size:10px;margin-left:5px;color:#6a7c65}#progress{font-size:11px;color:#85907e}ul{padding:0 24px;margin:0;list-style:none}.task{display:flex;align-items:center;gap:13px;min-height:65px;border-bottom:1px solid #edf0e9}.task:last-child{border:0}.toggle{appearance:none;flex:0 0 21px;height:21px;width:21px;margin:0;padding:0;border-radius:6px;cursor:pointer;background:white;border:1.5px solid #cdd8c7}.toggle:checked{background:#547653;border-color:#547653}.toggle:checked:after{content:'✓';display:block;text-align:center;color:white;font-size:15px;line-height:18px}.task-label{flex:1;font-size:14px;line-height:1.5;overflow-wrap:anywhere}.done .task-label{text-decoration:line-through;color:#98a092}.delete{border:0;background:transparent;color:#919b8c;display:grid;place-items:center;border-radius:6px;width:34px;height:34px}.delete:hover{background:#fbefed;color:#b25245}.delete svg{width:16px;height:16px}#empty{text-align:center;padding:29px 20px 45px}.empty-icon{display:inline-grid;place-items:center;width:43px;height:43px;border-radius:50%;background:#f1f5ec;color:#7a9572;font-size:22px}#empty h3{font-size:14px;font-weight:550;margin:15px 0 8px}#empty p{font-size:12px;color:#8c9687;margin:0}.card-footer{display:flex;align-items:center;gap:7px;background:#fcfdf9;border-top:1px solid #edf0e9;padding:14px 25px;color:#889480;font-size:10px}.dot{height:5px;width:5px;background:#90a882;border-radius:50%}.footnote{text-align:center;font-size:11px;color:#939b8b;margin:23px 0}body>footer{text-align:center;color:#a3aa9b;font-size:10px;margin:70px 0 30px}#error{font-size:13px;color:#a43c32;background:#fff3f0;margin:12px 24px;padding:12px;border-radius:6px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(max-width:560px){.brand{padding:25px 22px}.brand-note{font-size:8px;letter-spacing:1.3px}main{margin-top:35px;padding:0 18px}h1{font-size:46px}.intro{font-size:14px}form{padding:17px;gap:8px}input{padding:13px;font-size:12px}.add{padding:0 12px;font-size:12px}.add span{display:none}.list-header{padding:22px 18px 12px}ul{padding:0 18px}}