body{font-family:Manrope,sans-serif;background-color:#fff;background-image:radial-gradient(#ffe2e9 1px,transparent 1px);background-size:20px 20px}.todo-container{max-width:400px;margin:40px auto;background:#fff;border-radius:12px;box-shadow:0 4px 10px #ff5841;padding:32px 24px;min-height:70vh;transition:transform .6s ease;transform-style:preserve-3d;perspective:1000px}.todo-container.flip{transform:rotateY(90deg)}.section-change-card{display:flex}.toggle-button{margin-left:auto;border:none;background-color:#fff;font-size:larger;box-shadow:0 4px 10px #b4b3b2;border-radius:50%;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer}.toggle-button:hover{box-shadow:0 4px 10px #ff5841;transform:scale(1.1)}.todo-title{text-align:center;font-size:2.2rem;font-weight:700;margin-bottom:3rem}.todo-title.bounce span{display:inline-block;animation:bounce 1.2s ease-in-out;animation-iteration-count:infinite;background:linear-gradient(90deg,#dd1573,#c53678);background-clip:text;-webkit-background-clip:text;color:transparent}.bounce span:nth-child(odd){animation-delay:.1s}.bounce span:nth-child(2n){animation-delay:.3s}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.empty-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto}.animation{width:40%}.empty-text{color:#4c4b4c;margin-top:0;padding-top:0;font-size:smaller}.todo-list{list-style:none;padding:0}.todo-form{display:flex;gap:8px;margin-bottom:3rem}@media (max-width: 450px){.todo-form{display:flex;flex-direction:column}}.todo-input{flex:1;padding:8px 10px;border:1px solid #ddd;border-radius:6px;font-size:1rem;overflow-wrap:anywhere}.todo-submit{background:#c53678;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;transition:background .2s}.todo-submit:disabled{background-color:#ccc;cursor:auto;opacity:.6}.todo-submit:hover:enabled{background:#ff5841}.todo-item{display:flex;align-items:center;gap:10px;margin-bottom:10px;padding:8px 0;border-bottom:1px solid #eee;justify-content:space-between}.todo-checkbox{height:1rem;width:1rem;cursor:pointer;color:#fff}.todo-checkbox:checked{accent-color:#C53678}.todo-task{width:90%;flex:1;font-size:1rem;width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.todo-task.completed{text-decoration:line-through;color:gray;opacity:.8}.input-edit{width:90%;height:1.5rem;padding-left:8px;color:#333;background-color:#f9f9f9;border:1px solid #ccc;border-radius:6px;outline:none;transition:all .2s ease-in-out;box-sizing:border-box;overflow:hidden;font-family:Manrope,sans-serif}.input-edit:focus{border-color:#6b7770;background-color:#2dba2f0e;box-shadow:0 0 0 2px #19d22833}.todo-delete{width:32px;height:32px;padding:0;border:none;background:none;cursor:pointer}.img-icon-delete{width:22px;height:22px;vertical-align:middle}.edit-check-button{width:32px;height:32px;padding:0;border:none;background:none;cursor:pointer}.edit-check-icon{width:20px;height:20px;vertical-align:middle}.pomodoro-card{color:#ff5841;border-radius:1.5rem;text-align:center;animation:fadeIn .5s ease}.pomodoro-card.break{border:2px solid rgb(42,151,171);color:#2a97ab}.pomodoro-mode.work{font-size:1.5rem;color:#c53678;margin-bottom:1rem}.pomodoro-mode.break{font-size:1.5rem;color:#2a97ab}.pomodoro-timer{font-size:3rem;font-weight:700;margin-bottom:1.5rem}.pomodoro-buttons{display:flex;justify-content:center;flex-direction:column;align-items:center}.pomodoro-buttons button{margin:.3rem;padding:.6rem 1.2rem;border:none;border-radius:6px;background-color:#c53678;color:#fff;font-weight:700;cursor:pointer;transition:background-color .3s ease;width:40%}.pomodoro-buttons.break button{background-color:#2a97ab}.pomodoro-buttons button:hover{background-color:#d44786;transform:scale(.95)}.pomodoro-cycle{margin-top:1rem;font-size:.9rem;color:#555}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}