.task-item{display:flex;align-items:center;padding:12px;margin-bottom:10px;background-color:var(--background-color);border-radius:8px;transition:background-color .3s,transform .2s;animation:fadeIn .4s ease-in-out}.task-item:hover{transform:translateX(5px)}.task-item.completed{opacity:.6;background-color:#e8f5e9}.task-item.completed .task-text{text-decoration:line-through}.task-checkbox{margin-right:15px;width:20px;height:20px;cursor:pointer;accent-color:var(--primary-color)}.task-text{flex-grow:1;font-size:1em}.delete-btn{background:0 0;border:none;color:#ef5350;font-size:1.5em;cursor:pointer;padding:0 5px;line-height:1;opacity:.7;transition:opacity .3s}.delete-btn:hover{opacity:1}