:root{font-family:"Segoe UI",Tahoma,sans-serif;color:#202c4c;background:#eef2fc;font-synthesis:none;color-scheme:light}*{box-sizing:border-box}body{margin:0}main{max-width:640px;margin:0 auto;padding:36px 22px max(28px,env(safe-area-inset-bottom))}header{position:relative;padding:12px 0 26px}header p{color:#64708b;margin:12px 0}.mark{display:grid;place-items:center;background:#3857cf;color:white;width:42px;height:42px;border-radius:14px;font-size:28px}h1{font-size:38px;letter-spacing:-1.2px;margin:10px 0;font-weight:750}form{background:white;padding:22px;border-radius:20px}label{display:block;font-weight:600;margin-bottom:12px}.entry{display:flex;gap:8px}input{width:100%;min-width:0;border:1px solid #c4cce2;border-radius:9px;padding:13px;font:inherit;background:#fff;color:inherit}button{cursor:pointer;border:0;font:inherit;font-weight:600;min-height:44px;border-radius:9px;padding:10px 15px;color:inherit}button[type=submit]{color:white;background:#3857cf}button:hover{filter:brightness(.94)}:focus-visible{outline:3px solid #cf7426;outline-offset:3px}nav{display:flex;gap:5px;margin:24px 0 14px}nav button{background:transparent;color:#596680}nav .active{background:#dce4ff;color:#273f9c}ul{list-style:none;padding:0;margin:0}li{display:flex;align-items:center;gap:12px;padding:16px 6px;border-bottom:1px solid #d8e0f2}li label{display:flex;align-items:center;gap:12px;flex:1;min-width:0;margin:0;font-weight:400;cursor:pointer}li input{width:22px;height:22px;flex-shrink:0;accent-color:#3857cf}li span{overflow-wrap:anywhere}li.done span{text-decoration:line-through;color:#768097}.delete{background:transparent;color:#768097;font-size:24px;min-width:44px}#empty{text-align:center;padding:40px 8px;color:#64708b}#empty>span{font-size:42px;color:#8a9bd0}h2{color:#354465;font-size:21px}#empty p{line-height:1.6}footer{font-size:12px;color:#68758f;line-height:1.65;padding-top:30px;max-width:430px}#notice{color:#9c4b17;line-height:1.5}#notice:empty{display:none}[hidden]{display:none!important}@media(max-width:390px){main{padding:22px 16px}.entry{flex-direction:column}h1{font-size:34px}}