:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#243953;background:#f1f5fa;--line:#c8d4e3;--muted:#5a6e85}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;align-items:center;max-width:980px;margin:auto;padding:28px 30px;border-bottom:1px solid var(--line)}header a{text-decoration:none;color:#243953;font-family:"Avenir Next",sans-serif;font-size:22px;font-weight:700;letter-spacing:-1px}header a span{margin-left:9px;color:#bd5b25}#version,.eyebrow,#count{font:11px Menlo,Consolas,monospace;letter-spacing:1px;color:var(--muted)}#version{border:1px solid var(--line);border-radius:20px;padding:7px 12px}main{max-width:660px;padding:56px 25px;margin:auto}.eyebrow{margin:0 0 20px}h1{font:650 58px/1.06 "Avenir Next","Segoe UI",sans-serif;letter-spacing:-2.7px;margin:0 0 22px}.intro{font-size:17px;color:var(--muted);margin-bottom:37px}label{display:block;font-size:12px;font-weight:600;margin-bottom:9px}.compose{display:flex;gap:9px}input,button{font:inherit}input{padding:15px 13px;min-width:0;flex:1;border:1px solid var(--line);border-radius:6px;background:#fff;color:#243953}button{cursor:pointer;border:1px solid #243953;border-radius:6px;background:#243953;color:#fff;padding:12px 17px}button span{margin-left:15px}button:disabled{opacity:.5;cursor:wait}input:focus,button:focus-visible,a:focus-visible{outline:3px solid #f48b4a;outline-offset:3px}.list-heading{display:flex;justify-content:space-between;align-items:center;margin-top:39px;border-bottom:1px solid var(--line);padding-bottom:13px}h2{font-size:15px;margin:0}.task{display:flex;align-items:center;gap:14px;padding:19px 3px;border-bottom:1px solid var(--line)}.task input{flex:none;width:19px;height:19px;accent-color:#243953;cursor:pointer}.task .title{flex:1;overflow-wrap:anywhere;line-height:1.45}.task.done .title{text-decoration:line-through;color:var(--muted)}.task button{padding:6px 9px;background:transparent;color:var(--muted);border:0;font-size:12px}.task button:hover{color:#953f26}.empty{background:#fff;padding:28px;border-radius:0 0 8px 8px;color:var(--muted);line-height:1.6}#message:empty{display:none}#message{color:#953f26;line-height:1.5}footer{margin-top:35px;font-size:12px;color:var(--muted);line-height:1.8}.dot{display:inline-block;width:6px;height:6px;background:#497a60;border-radius:50%;margin-right:7px}footer p{margin-left:13px;font-size:11px}@media(max-width:500px){main{padding:35px 20px}header{padding:20px}h1{font-size:46px}.compose button{padding:12px}.compose button span{display:none}.task{gap:10px}}