#todo-app{gap:1rem;display:grid}#todo-app h2,#todo-app p,#todo-app ul{margin:0}#todo-form{gap:.4rem;display:grid}#todo-form label{font-weight:650}.todo-controls{gap:.6rem;display:flex}.todo-controls input{border:1px solid var(--graphite-border);background:var(--graphite-soft-bg);min-width:0;color:inherit;font:inherit;border-radius:.55rem;flex:1;padding:.65rem .8rem}#todo-app button{border:1px solid var(--graphite-border);background:var(--graphite-soft-bg);color:inherit;font:inherit;cursor:pointer;border-radius:.55rem;padding:.55rem .8rem;font-weight:650}#todo-list{gap:.5rem;padding-inline-start:1.45rem;display:grid}#todo-list li{padding-inline-end:5rem;position:relative}#todo-list li[data-done=true] span{opacity:.6;text-decoration:line-through}#todo-list li button{position:absolute;inset-block-start:-.3rem;inset-inline-end:0}#todo-clear{justify-self:start}