:root{font:16px/1.5 system-ui,sans-serif}body{box-sizing:border-box;padding:2rem 1rem}main{width:100%;max-width:28rem;margin:0 auto}h1{text-align:center;margin:0 0 1rem;font-size:3rem;font-weight:200}.add input{flex:1;min-width:0}input:not([type=checkbox]),button{font:inherit;color:inherit;background:0 0;border:1px solid #8886;border-radius:.4rem;padding:.5rem .75rem}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}ul{margin:1rem 0;padding:0;list-style:none}li{border-bottom:1px solid #8883;align-items:center;gap:.5rem;padding:.4rem 0;display:flex}li span{overflow-wrap:anywhere}li.done span{opacity:.5;text-decoration:line-through}li button{border:none;padding:.25rem .5rem;font-size:1.25rem;line-height:1}.footer{opacity:.8;justify-content:space-between;align-items:center;font-size:.9rem;display:flex}[role=alert]{color:#c33;font-size:.9rem}.update{margin:.75rem 0 0;font-size:.9rem}.update button{padding:.15rem .6rem}