:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#20352e;background:#f5f6f0;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:880px;margin:auto;padding:36px 28px 24px}header,.board-heading,.board-footer,footer{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{font-size:23px;font-weight:750;text-decoration:none;color:#264d3e;letter-spacing:-1px}.badge{font-size:12px;padding:7px 12px;border:1px solid #d6ddd3;border-radius:30px;color:#617366}.intro{padding:70px 0 30px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:2px;color:#687e6d}h1{font-size:clamp(36px,6vw,58px);letter-spacing:-2.5px;line-height:1.07;font-weight:650;margin:20px 0}.intro>p:last-child,.login .board>p{color:#748078;font-size:15px;line-height:1.6}.board{background:white;border:1px solid #e1e5dc;border-radius:18px;padding:26px;box-shadow:0 8px 24px #243d2a05}.board-heading{margin-bottom:22px}h2{font-size:17px;margin:0}#count{font-size:12px;background:#edf2e9;color:#63715e;border-radius:20px;padding:3px 8px;margin-left:7px}#progress{font-size:12px;color:#768076}form{margin:0}#add-form{display:flex;gap:10px}input:not([type=checkbox]){min-width:0;border:1px solid #dce3d7;border-radius:8px;padding:14px;font:inherit;font-size:14px;background:#fbfcf9;color:#20352e;flex:1}button{border:0;border-radius:8px;padding:13px 18px;background:#2f5846;color:white;font:inherit;font-size:13px;cursor:pointer}button:hover{background:#234735}button:disabled{opacity:.55;cursor:wait}button span{margin-left:12px}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #a1bc90;outline-offset:3px}#todos{list-style:none;padding:0;margin:8px 0 24px}#todos li{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eef0e9;padding:13px 0;gap:12px}#todos label{display:flex;align-items:center;gap:13px;font-size:14px;overflow-wrap:anywhere}input[type=checkbox]{width:18px;height:18px;flex-shrink:0;accent-color:#456d4e;cursor:pointer}.done label span{text-decoration:line-through;color:#91998e}.remove{padding:3px 9px;background:transparent;color:#849080;font-size:23px}.remove:hover{background:#f8ede9;color:#9d4636}#message{color:#a84332;font-size:13px}#message:empty{display:none}#empty{text-align:center;padding:42px 12px 46px;color:#7d887a}.empty-icon{display:inline-grid;place-items:center;background:#f0f5e9;border-radius:50%;width:44px;height:44px;color:#8fa780;font-size:22px}h3{color:#53674d;font-size:16px;margin:17px 0 8px}#empty p{font-size:13px}.board-footer{padding-top:17px;border-top:1px solid #edf0e8;font-size:10px;color:#889182}footer{font-size:11px;color:#91998c;margin-top:24px}.text-button{background:transparent;color:#637b65;padding:0}.text-button:hover{background:transparent;text-decoration:underline}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.login{max-width:520px;padding-top:70px}.login .board{margin-top:35px}.login h1{font-size:40px}.login-form{display:flex;flex-direction:column;gap:12px;margin-top:24px}.login-form label{font-size:13px}@media(max-width:550px){main{padding:24px 18px}.intro{padding-top:42px}.board{padding:19px}#add-form{flex-direction:column}.board-footer{align-items:start;flex-direction:column;gap:8px}header{gap:8px}.badge{font-size:10px}#progress{font-size:10px}}