:root{font-family:Inter,system-ui,sans-serif;color:#202020;background:#f6f5f1;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:760px;margin:8vh auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #ccc;padding-bottom:24px}h1{font-size:40px;letter-spacing:-2px;margin:8px 0}p{color:#666;line-height:1.6}.eyebrow{font-size:12px;letter-spacing:2px;text-transform:uppercase}nav{display:flex;gap:12px}a{color:inherit}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #aaa;background:#fff;border-radius:6px;padding:10px 16px}button:hover{background:#eee}input[type=text],input[type=password]{padding:12px;border:1px solid #bbb;border-radius:6px;min-width:0;flex:1;background:#fff}form{display:flex;gap:10px;margin:28px 0}ul{padding:0;list-style:none}li{display:flex;align-items:center;gap:14px;border-bottom:1px solid #ddd;padding:15px 0}li span{flex:1;overflow-wrap:anywhere}li.done span{text-decoration:line-through;color:#888}.status{font-size:13px;color:#666;min-height:24px}.error{color:#a32222}small{display:block;color:#666;line-height:1.6;margin-top:24px}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #5784d4;outline-offset:3px}@media(max-width:600px){main{margin:3vh auto}header{align-items:flex-start;flex-direction:column}li{gap:8px}li button{padding:8px}}