:root{font-family:system-ui,sans-serif;color:#182c3c;background:#eef4f5;line-height:1.6;color-scheme:light}*{box-sizing:border-box}body{margin:0}main{max-width:48rem;margin:auto;padding:clamp(1rem,4vw,3rem)}h1{font-size:clamp(2rem,6vw,3rem);line-height:1.15}.eyebrow{color:#315e68;font-weight:700}section{background:#fff;border:1px solid #b6c9ce;border-radius:1rem;padding:clamp(1rem,3vw,2rem)}label{font-weight:600}.entry{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}input,button{font:inherit}input[type=text],input:not([type]){flex:1;min-width:0;width:100%;padding:.6rem;border:1px solid #657e87;border-radius:.4rem}button{cursor:pointer;background:#205d68;color:#fff;border:1px solid #205d68;border-radius:.4rem;padding:.6rem 1rem;min-height:44px}button:disabled{opacity:.6;cursor:not-allowed}:focus-visible{outline:3px solid #a44800;outline-offset:3px}ul{padding:0;list-style:none}li{display:flex;align-items:center;justify-content:space-between;gap:.5rem;border-top:1px solid #d5e0e3;padding:.8rem 0}.item{display:flex;align-items:center;gap:.6rem;overflow-wrap:anywhere;min-width:0}input[type=checkbox]{width:1.4rem;height:1.4rem;flex-shrink:0;accent-color:#205d68}.completed{text-decoration:line-through}.error{color:#8e2020;border-left:4px solid;padding:.5rem}footer{margin-top:1.5rem}