body{font-family:Arial,Sans-serif;background-color:bisque}.pomodoro-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;background-color:#1a1a1a;color:#fff;border-radius:16px 16px 0 0;box-shadow:0 4px 12px #0000004d;height:50vh}.pomodoro-title{font-size:5rem;font-weight:700;margin-bottom:16px}.pomodoro-timer{font-size:18rem;font-family:monospace;margin-bottom:24px}.pomodoro-buttons{display:flex;gap:12px}.pomodoro-button{width:200px;height:50px;padding:8px 16px;border:none;border-radius:8px;color:#fff;font-weight:700;cursor:pointer;transition:background .2s ease-in-out}.pomodoro-button.start{background-color:#21c45d}.pomodoro-button.start:hover{background-color:#159d47;scale:110%}.pomodoro-button.pause{background-color:#f6bb09}.pomodoro-button.pause:hover{background-color:#c88a04;scale:110%}.pomodoro-button.reset{background-color:#ef4343}.pomodoro-button.reset:hover{background-color:#db2424;scale:110%}.pomodoro-modes{margin-top:10px;display:flex;gap:12px}.pomodoro-mode{width:200px;height:50px;padding:8px 16px;border:none;border-radius:8px;color:#fff;font-weight:700;cursor:pointer;transition:background .2s ease-in-out}.pomodoro-mode.work,.pomodoro-mode.shortBreak,.pomodoro-mode.longBreak{background-color:#9037c8}.pomodoro-mode.work:hover,.pomodoro-mode.shortBreak:hover,.pomodoro-mode.longBreak:hover{background-color:#742ca0;scale:110%}.todo-container{display:flex;flex-direction:column;align-items:center;padding:24px;background-color:#1a1a1a;color:#fff;border-radius:0 0 16px 16px;box-shadow:0 4px 12px #0000004d}.todo-status{font-size:3vh;font-weight:700;margin-bottom:16px;padding:12px;border-radius:12px;width:90vw;text-align:center;background-color:#9037c8;box-shadow:0 2px 8px #0000004d}.task-forms{display:flex;justify-content:center;gap:8px;margin-bottom:16px;width:90vw}.task-forms input{flex:1;padding:8px;border-radius:8px;border:none;outline:none;font-size:1rem;width:80vw}.edit-text{flex:1;padding:8px;border-radius:8px;border:none;outline:none;font-size:1rem;width:60vw}.add-button{width:10vw;height:40px;border:none;border-radius:8px;background-color:#21c45d;color:#fff;font-size:1.2rem;font-weight:700;cursor:pointer;transition:background .2s ease-in-out}.add-button:hover{background-color:#159d47;scale:110%}.tasks ol,.done-tasks ol{padding:0;margin:0;width:90%}.tasks li,.done-tasks li{display:flex;align-items:center;justify-content:space-between;background-color:#262626;padding:10px 12px;margin-bottom:8px;border-radius:10px;box-shadow:0 2px 6px #0003;width:90vw}.tasks li span,.done-tasks li span{flex:1;font-size:1rem}.tasks button,.done-tasks button{width:50px;height:40px;margin-left:8px;padding:6px 10px;border:none;border-radius:6px;font-weight:700;cursor:pointer;transition:background .2s ease-in-out}.delete-button{background-color:#ef7676;color:#fff}.delete-button:hover{background-color:#e25050;scale:110%}.edit-button{background-color:#f8d059;color:#000}.edit-button:hover{background-color:#c88a04;color:#fff;scale:110%}.done-button,.save-button{background-color:#54c07b;color:#fff}.done-button:hover,.save-button:hover{background-color:#159d47;scale:110%}.done-tasks h2{font-size:1.2rem;margin:16px 0 8px;text-align:center;color:#66e595}@media (max-width: 768px){.pomodoro-container{height:auto;padding:16px}.pomodoro-title{font-size:3rem;text-align:center}.pomodoro-timer{font-size:8rem;text-align:center}.pomodoro-buttons,.pomodoro-modes{flex-direction:column;width:100%;gap:8px}.pomodoro-button,.pomodoro-mode{width:100%;height:50px;font-size:1rem}.todo-status{font-size:1.2rem;width:100%}.task-forms{flex-direction:column;width:100%}.task-forms input,.edit-text{width:100%;font-size:1rem}.add-button{width:100%;height:45px;font-size:1rem}.tasks li,.done-tasks li{flex-direction:column;align-items:flex-start;width:100%}.tasks button,.done-tasks button{width:100%;margin:4px 0 0}}@media (max-width: 480px){.pomodoro-title{font-size:2rem}.pomodoro-timer{font-size:5rem}}