.todos-container{max-width:800px;margin:0 auto}.todos-content{padding:30px}.todo-form{gap:16px;margin-bottom:30px;display:flex}.todo-list{flex-direction:column;gap:12px;display:flex}.todo-item{background:#0003;align-items:center;gap:16px;padding:16px;display:flex}.todo-item.done{opacity:.6}.todo-item.done .todo-text{text-decoration:line-through}.todo-toggle{color:var(--text-secondary);justify-content:center;align-items:center;transition:color .2s;display:flex}.todo-toggle:hover{color:var(--accent)}.todo-text{flex:1;font-size:1.05rem;transition:all .2s}.todo-delete{opacity:0}.todo-item:hover .todo-delete{opacity:1}.text-danger{color:var(--danger)}.empty-state{text-align:center;color:var(--text-secondary);padding:40px;font-style:italic}