.custom-tdd body{background-color:#f4f4f4;margin:0;padding:0;font-family:Arial,sans-serif}.custom-tdd .container{background-color:#fff;border-radius:8px;max-width:500px;margin:50px auto;padding:20px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.custom-tdd h1{text-align:center;color:#333}.custom-tdd .input-container{margin-bottom:20px;display:flex}.custom-tdd input[type=text]{border:1px solid #ccc;border-radius:4px;flex:1;padding:10px;font-size:16px}.custom-tdd button{color:#fff;cursor:pointer;background-color:#28a745;border:none;border-radius:4px;margin-left:10px;padding:10px 15px;font-size:16px;transition:background-color .3s}.custom-tdd button:hover{background-color:#218838}.custom-tdd .todo-list{padding:0;list-style:none}.custom-tdd .todo-list li{border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;padding:10px;display:flex}.custom-tdd .task-text{cursor:pointer;flex:1;margin-left:10px}.custom-tdd .completed{color:#888;text-decoration:line-through}.custom-tdd .delete-btn{color:#fff;cursor:pointer;background-color:#dc3545;border:none;border-radius:4px;margin-left:10px;padding:6px 10px;transition:background-color .3s}.custom-tdd .delete-btn:hover{background-color:#c82333}