:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#292d28;background:#f6f5f1;font-synthesis:none;--green:#42614b;--muted:#85877f;--line:#eeeee7}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #94b39c;outline-offset:4px}button:disabled{cursor:wait;opacity:.5}.workspace{max-width:850px;margin:0 auto;padding:36px 28px 26px}.topbar{display:flex;align-items:center;justify-content:space-between}.brand{color:#33392f;text-decoration:none;font-weight:650;font-size:16px;letter-spacing:-.5px;display:flex;align-items:center;gap:10px}.brand-icon{font-family:Georgia,serif;background:var(--green);color:white;border-radius:9px;padding:2px 8px 6px;font-size:23px;line-height:1}.shared{font-size:12px;color:#737b70;border:1px solid #e1e4da;border-radius:20px;padding:8px 12px;display:flex;gap:7px;align-items:center}.shared>span,.save-dot{width:6px;height:6px;border-radius:50%;background:#749377;display:inline-block}.intro{padding:83px 0 34px}.eyebrow{font-size:10px;letter-spacing:2px;color:#7f8a77;font-weight:650;margin:0 0 17px}h1{font-size:clamp(32px,5.7vw,45px);letter-spacing:-1.9px;line-height:1.14;margin:0 0 15px;font-weight:650}h1>span{color:#638267}.subtitle{color:#85867f;font-size:14px;line-height:1.65;margin:0}.todo-panel{background:#fff;border:1px solid #e8e8e0;border-radius:15px;box-shadow:0 8px 25px #343d2810;overflow:hidden}.add-form{display:flex;gap:12px;align-items:center;margin:23px;background:#fafaf7;border:1px solid #e7e8df;border-radius:9px;padding:9px 10px 9px 15px;transition:border-color .2s}.add-form:focus-within{border-color:#8da58a}.plus{font-size:24px;font-weight:300;color:#87977e}#new-task{background:transparent;border:0;outline:none;min-width:0;flex:1;font-size:14px;padding:6px 0}#new-task::placeholder{color:#a1a397}.add-button{border:0;background:var(--green);color:#fff;border-radius:6px;font-size:12px;padding:11px 13px;font-weight:500;white-space:nowrap}.add-button:hover{background:#34513c}.add-button span{margin-left:9px;color:#b9c9bc}.list-toolbar{display:flex;justify-content:space-between;align-items:center;padding:0 24px 17px;border-bottom:1px solid var(--line);gap:8px}.filters{display:flex;gap:4px}.filters button{background:none;border:0;color:#8d9086;border-radius:6px;padding:7px 10px;font-size:12px}.filters button.active{background:#eef2e9;color:#486140;font-weight:600}.filters button span{font-size:10px;display:inline-block;margin-left:4px;min-width:17px;background:#dce5d5;border-radius:4px;padding:1px 4px}.remaining{color:#a0a297;font-size:11px;white-space:nowrap}.tasks{padding:0 24px;margin:0;list-style:none}.task{display:flex;align-items:center;gap:13px;min-height:69px;border-bottom:1px solid #f0f0ea}.task:last-child{border:0}.check{width:21px;height:21px;flex-shrink:0;accent-color:var(--green);cursor:pointer;margin:0}.task-title{font-size:14px;line-height:1.6;overflow-wrap:anywhere;flex:1;padding:17px 0}.completed .task-title{color:#a6aa9f;text-decoration:line-through;text-decoration-color:#c7cbbe}.task-actions{display:flex;gap:3px}.icon-button{border:0;background:none;color:#adb1a4;font-size:17px;line-height:1;width:29px;height:32px;border-radius:5px}.icon-button:hover{color:#456047;background:#f1f4ee}.delete:hover{color:#b46b61;background:#fff2ef}.empty{text-align:center;padding:50px 25px 57px}.empty-icon{width:46px;height:46px;border:1px solid #e2e9da;border-radius:14px;color:#8ba37b;background:#f5f8f0;font-size:24px;margin:0 auto 18px;padding:8px}h2{font-size:15px;font-weight:550;margin:0 0 10px}.empty p{font-size:12px;color:#95998b;line-height:1.7;margin:0}.panel-footer{padding:17px 24px;background:#fdfdfa;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;color:#9a9f91;font-size:10px}.panel-footer>span:first-child{display:flex;align-items:center;gap:7px}.save-dot{width:5px;height:5px}.page-footer{display:flex;justify-content:space-between;gap:16px;color:#a3a69a;font-size:10px;line-height:1.7;padding:22px 3px}.error{color:#9b4038;background:#fff3f1;border-radius:5px;margin:12px 24px;padding:12px;font-size:13px}.loading{text-align:center;padding:65px 20px;color:#95998b;font-size:13px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}[hidden]{display:none!important}@media(min-width:700px){.task-actions{opacity:0}.task:hover .task-actions,.task:focus-within .task-actions{opacity:1}}@media(max-width:540px){.workspace{padding:23px 17px}.intro{padding-top:65px;padding-bottom:29px}.shared{font-size:10px;padding:7px 9px}.brand{font-size:14px}.add-form{margin:17px;gap:8px;padding-left:11px}.add-button{font-size:11px;padding:11px 10px}.add-button span{display:none}.list-toolbar{padding:0 15px 15px}.remaining{font-size:10px}.filters button{font-size:11px;padding:7px 8px}.tasks{padding:0 18px}.task{gap:11px;min-height:65px}.task-title{font-size:13px}.page-footer{flex-direction:column;gap:5px}.panel-footer{padding:15px 18px;font-size:9px}.empty{padding:44px 21px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}