.todo-container{max-width:600px;margin:20px auto;padding:20px;background-color:#fdfdfd;border-radius:8px;box-shadow:0 4px 8px #0000001a;font-family:Arial,sans-serif}.todo-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.todo-title{font-size:35px;font-weight:700;background:linear-gradient(90deg,#03c3ee,#006bf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.todo-list-section{margin-top:10px}.todo-list{list-style-type:none;padding:0}.clear-all-button{display:block;width:100%;padding:10px;background-color:#ff4d4d;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color .3s}.clear-all-button:hover{background-color:#e04343}@media (max-width: 768px){.todo-container{padding:15px}.todo-title{font-size:22px}.clear-all-button{font-size:14px;padding:8px}}.date-time-display{font-family:Arial,Helvetica,sans-serif;color:#333;text-align:center;font-size:16px;margin:10px 0;background-color:#f1f1f1;padding:10px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.date-time-display{display:flex;align-items:center;gap:.5rem}.clock-icon{color:#666}.todo-title{display:flex;align-items:center}.logo{width:40px;margin-right:10px;border-radius:25%}@media (max-width: 768px){.date-time-display{font-size:10px;padding:8px}.logo{width:34px;margin-right:4px}}.todo-form-container{margin:20px 0}.todo-form{display:flex;justify-content:center;align-items:center}.form-input-wrapper{display:flex;width:100%;max-width:600px}.todo-input{flex:1;padding:10px;font-size:16px;border:1px solid #ccc;border-radius:4px 0 0 4px;outline:none;transition:border-color .3s}.todo-input:focus{border-color:#4a90e2}.add-task-button{padding:10px 20px;background-color:#4caf50;color:#fff;border:none;border-radius:0 4px 4px 0;cursor:pointer;font-size:16px;transition:background-color .3s}.add-task-button:hover{background-color:#45a049}@media (max-width: 768px){.todo-input{font-size:14px;padding:8px}.add-task-button{font-size:14px;padding:12px 8px}}.todo-item{display:flex;align-items:center;justify-content:space-between;margin:8px 0;padding:10px;border:1px solid #ddd;border-radius:5px;background-color:#f9f9f9;box-shadow:0 2px 4px #0000001a;transition:background-color .3s}.task{margin-left:24px;font-size:18px}.task-done{background-color:#e6f9e6}.checked{text-decoration:line-through;color:#888}.notChecked{color:#333}.todo-actions{display:flex;gap:10px}.todo-btn{background-color:#f0f0f0;border:none;border-radius:5px;cursor:pointer;padding:5px;font-size:1.1rem;color:#5c5c5c;transition:background-color .3s,color .3s;margin-right:30px}.todo-btn:hover{background-color:#e0e0e0;color:#007bff}.done-btn{color:#2ecc71}.done-btn:hover{background-color:#d1f2d1}.delete-btn{color:#e74c3c}.delete-btn:hover{background-color:#f8d7da}.todo-item{position:relative}.rocket-launch{position:fixed;bottom:-100px;left:50%;transform:translate(-50%);width:250px;animation:rocketLaunch 2s ease-in forwards;z-index:4}@keyframes rocketLaunch{0%{bottom:-100px;opacity:0;transform:scale(.5) translate(-50%)}50%{opacity:1;transform:scale(1) translate(-50%)}to{bottom:100vh;opacity:0;transform:scale(1.2) translate(-50%)}}@media (max-width: 768px){.todo-item{flex-direction:row;align-items:center}.todo-actions{margin-top:5px;width:30%;justify-content:flex-end}.task{margin-left:10px;font-size:18px}.todo-btn{margin-right:10px}.rocket-launch{width:180px}}.ksr-link{position:fixed;bottom:30px;right:30px;background:linear-gradient(135deg,gold,orange);color:#fff;padding:10px 15px;text-decoration:none;border-radius:5px;font-weight:700;box-shadow:0 4px 8px #0003;transition:background .3s ease}.ksr-link:hover{background:linear-gradient(135deg,#ffc107,#ff8c00)}