body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--main-color:#4caf50;--main-hover-color:#388e3c;--accent-color:#ff5722;--accent-hover-color:#e64a19;--reset-color:#ff9800;--reset-hover-color:#f57c00;--text-color:#333;--background-color:#fff;--border-color:#ddd;--shadow-color:#0000001a;--dark-background-color:#121212;--dark-text-color:#fff}body{background-color:#fff;background-color:var(--background-color);color:#333;color:var(--text-color);font-family:Arial,sans-serif;margin:0;transition:background-color .3s,color .3s}body.dark-mode{background-color:#121212;background-color:var(--dark-background-color);color:#fff;color:var(--dark-text-color)}.App{align-items:center;display:flex;flex-direction:column;min-height:100vh;min-width:80vw;padding:0 .5rem}.App.dark-mode .modal-content,.App.dark-mode .task-item,.App.dark-mode .task-list,.App.dark-mode .timer-container{background-color:#1e1e1e;color:#fff;color:var(--dark-text-color)}.App.dark-mode .modal-input input,.App.dark-mode .task-input,.App.dark-mode .task-input-edit,.App.dark-mode .task-text{background-color:#2a2a2a;border-color:#444;color:#fff;color:var(--dark-text-color)}.header{justify-content:space-between;margin-bottom:1.25rem;min-width:96%}.header,.logo-title{align-items:center;display:flex}.logo-title{flex-grow:1;gap:.625rem}.logo{height:2.5rem;width:2.5rem}.toggle-button{background-color:#121212;background-color:var(--dark-background-color);border:none;border-radius:4rem;color:#fff;color:var(--background-color);cursor:pointer;padding:.625rem .9375rem}.toggle-button:hover{background-color:#444}.main-content{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;max-width:calc(100% - 10vh);min-height:80vh;width:100%}.task-list,.timer-container{background-color:#fff;background-color:var(--background-color);border-radius:1rem;box-shadow:0 .125rem .25rem #0000001a;box-shadow:0 .125rem .25rem var(--shadow-color);flex:1 1;max-width:48%;padding:.5rem}.timer-container{align-items:center;display:flex;flex-direction:column}.task-list-container{max-height:calc(100vh - 12.5rem);overflow-y:auto;padding-left:0}button{border:none;border-radius:4rem;box-shadow:0 .25rem .375rem #0000001a;color:#fff;color:var(--background-color);cursor:pointer;font-size:1rem;margin:.3125rem;padding:.625rem .9375rem;transition:all .3s ease}button:disabled{cursor:not-allowed;opacity:.45}.timer-controls{margin-top:1rem;padding:.25rem}.timer-status{color:#4caf50;color:var(--main-color);font-size:.85rem;margin:.3rem 0 0}.start-button{background-color:#4caf50;background-color:var(--main-color)}.start-button:hover{background-color:#388e3c;background-color:var(--main-hover-color)}.pause-button{background-color:#ff5722;background-color:var(--accent-color)}.pause-button:hover:not(:disabled){background-color:#e64a19;background-color:var(--accent-hover-color)}.reset-button{background-color:#ff9800;background-color:var(--reset-color)}.reset-button:hover{background-color:#f57c00;background-color:var(--reset-hover-color)}.set-time-button{background-color:#4caf50;background-color:var(--main-color)}.set-time-button:hover{background-color:#388e3c;background-color:var(--main-hover-color)}.modal{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background:#fff;background:var(--background-color);border-radius:1rem;box-shadow:0 .25rem .625rem #0000001a;box-shadow:0 .25rem .625rem var(--shadow-color);max-width:90%;padding:1rem 1.2rem 1.2rem;position:relative;width:18.75rem}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.8rem}.modal-header h3{font-size:1.1rem;margin:0}.modal-footer{display:flex;justify-content:flex-end;margin-top:1rem}.modal-input{align-items:center;display:flex;justify-content:space-between;margin:.625rem 0}.modal-input label{font-size:.875rem}.modal-input input{border:.0625rem solid #ddd;border:.0625rem solid var(--border-color);border-radius:.25rem;padding:.3125rem;text-align:center;width:5rem}.input-with-buttons{align-items:center;display:flex;gap:.3125rem}.input-with-buttons input{border:.0625rem solid #ddd;border:.0625rem solid var(--border-color);border-radius:.25rem;padding:.3125rem;text-align:center;width:3.75rem}.adjust-button{align-items:center;background-color:#4caf50;background-color:var(--main-color);border:none;border-radius:50%;box-shadow:none;color:#fff;color:var(--background-color);cursor:pointer;display:flex;font-size:1rem;height:1.8rem;justify-content:center;margin:0;padding:0;width:1.8rem}.adjust-button:hover{background-color:#388e3c;background-color:var(--main-hover-color)}.save-button{background-color:#4caf50;background-color:var(--main-color);border:none;border-radius:.5rem;box-shadow:0 .125rem .25rem #0000001a;box-shadow:0 .125rem .25rem var(--shadow-color);color:#fff;color:var(--background-color);cursor:pointer;font-size:.95rem;margin:0;padding:.45rem 1.1rem}.save-button:hover{background-color:#388e3c;background-color:var(--main-hover-color)}.close-button{align-items:center;background-color:#ff5722;background-color:var(--accent-color);border:none;border-radius:50%;box-shadow:none;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.85rem;height:1.8rem;justify-content:center;margin:0;padding:0;width:1.8rem}.close-button:hover{background-color:#e64a19;background-color:var(--accent-hover-color)}.task-input-container{display:flex;gap:.625rem;justify-content:space-between;margin-bottom:.625rem}.task-input{border:.0625rem solid #ddd;border:.0625rem solid var(--border-color);border-radius:1rem;box-shadow:0 .0625rem .1875rem #0000001a;font-size:1rem;padding:.6rem 1rem;width:calc(100% - 5rem)}.task-input:focus{border-color:#4caf50;border-color:var(--main-color);box-shadow:0 0 .375rem #4caf5080;outline:none}.task-input-edit{border:.0625rem solid #ddd;border:.0625rem solid var(--border-color);border-radius:.25rem;font-size:.95rem;padding:.3125rem;width:100%}.task-progress{color:#4caf50;color:var(--main-color);font-size:.8rem;margin:0 0 .5rem;text-align:right}.add-button{background-color:#4caf50;background-color:var(--main-color);border:none;color:#333;color:var(--text-color);cursor:pointer;font-size:1rem;transition:all .3s ease}.add-button:hover{background-color:#388e3c;background-color:var(--main-hover-color)}.add-button:disabled{background-color:#ddd;background-color:var(--border-color);cursor:not-allowed}.task-item{align-items:center;background-color:#fff;background-color:var(--background-color);border-radius:1rem;box-shadow:0 .125rem .25rem #0000001a;box-shadow:0 .125rem .25rem var(--shadow-color);cursor:pointer;display:flex;justify-content:space-between;margin-bottom:.625rem;padding:.625rem;position:relative;transition:all .3s ease}.task-item:hover{background-color:#0000001a;background-color:var(--shadow-color);box-shadow:0 .25rem .5rem #ddd;box-shadow:0 .25rem .5rem var(--border-color);transform:scale(1.02)}.task-empty{color:#ddd;color:var(--border-color);font-size:.95rem;list-style:none;padding:1rem 0;text-align:center}.task-content{align-items:center;cursor:pointer;display:flex;gap:.3rem;width:100%}.task-content.completed .task-text{opacity:.55;text-decoration:line-through}.task-text{word-wrap:break-word;color:#333;color:var(--text-color);cursor:pointer;flex-grow:1;font-size:1rem;margin:0 .5rem;overflow-wrap:break-word;white-space:normal}.task-checkbox{flex-shrink:0;margin-right:.2rem}.task-checkbox input[type=checkbox]{accent-color:#4caf50;accent-color:var(--main-color);cursor:pointer;height:1.25rem;width:1.25rem}.task-buttons{display:flex;flex-shrink:0;gap:.2rem;justify-content:flex-end}.task-buttons button{align-items:center;background-color:initial;border:.0625rem solid #ddd;border:.0625rem solid var(--border-color);border-radius:50%;box-shadow:none;color:#333;color:var(--text-color);cursor:pointer;display:flex;height:2.5rem;justify-content:center;margin:0;padding:0;transition:all .3s ease;width:2.5rem}.task-buttons .edit-button:hover{background-color:#ff9800;border-color:#ff9800;color:#fff}.task-buttons .delete-button:hover{background-color:#f44;border-color:#f44;color:#fff}@media (min-width:1024px){html{font-size:1.2rem}.main-content{flex-direction:row;gap:2rem}.task-list,.timer-container{max-width:45%}}@media (max-width:768px){html{font-size:.8rem}.main-content{align-items:flex-start;flex-direction:column;gap:1.25rem}.task-list,.timer-container{min-width:100%}.timer-controls{text-align:center}.task-input-container{flex-direction:row;gap:.625rem}.task-item{align-items:center;flex-direction:row}.task-buttons{align-self:flex-end;justify-content:flex-end}.task-input{width:95%}}@media (max-width:480px){html{font-size:.6rem}.main-content{align-items:stretch;flex-direction:column}.task-list,.timer-container{max-width:100%}.task-input{font-size:.8rem}.modal-content{width:90vw}}.timer-active-task{background-color:#4caf501a;border:1px solid #4caf504d;border-radius:2rem;color:#4caf50;color:var(--main-color);font-size:.82rem;margin-bottom:.6rem;max-width:90%;overflow:hidden;padding:.3rem .9rem;text-align:center;text-overflow:ellipsis;white-space:nowrap}.sound-controls{align-items:center;display:flex;gap:.5rem;margin-top:.75rem}.sound-icon{flex-shrink:0;opacity:.6}.sound-icon,.sound-select{color:#333;color:var(--text-color)}.sound-select{background-color:#fff;background-color:var(--background-color);border:1px solid #ddd;border:1px solid var(--border-color);border-radius:.5rem;cursor:pointer;font-size:.82rem;padding:.25rem .5rem}.App.dark-mode .sound-select{background-color:#2a2a2a;border-color:#444;color:#fff;color:var(--dark-text-color)}.timer-stats{align-items:center;color:#333;color:var(--text-color);display:flex;font-size:.8rem;gap:.4rem;margin-top:.5rem;opacity:.65}.stats-sep{opacity:.4}.shortcut-hint{color:#333;color:var(--text-color);font-size:.7rem;letter-spacing:.01em;margin:.3rem 0 0;opacity:.4}.task-progress-bar-wrap{background-color:#ddd;background-color:var(--border-color);border-radius:1rem;height:.45rem;margin-bottom:.9rem;overflow:hidden;position:relative}.task-progress-bar{background-color:#4caf50;background-color:var(--main-color);border-radius:1rem;height:100%;transition:width .4s ease}.task-progress-label{color:#333;color:var(--text-color);font-size:.72rem;opacity:.6;position:absolute;right:0;top:.6rem}.completed-section{border-top:1px dashed #ddd;border-top:1px dashed var(--border-color);margin-top:.75rem;padding-top:.5rem}.toggle-completed-btn{background:none;border:none;box-shadow:none;color:#333;color:var(--text-color);cursor:pointer;font-size:.8rem;margin:0;opacity:.6;padding:.2rem 0}.toggle-completed-btn:hover{opacity:1}.completed-list{opacity:.65}.task-item--completed{background-color:initial!important;box-shadow:none!important;transform:none!important}.clear-completed-btn{background:none;border:1px solid #f44;border-radius:.5rem;box-shadow:none;color:#f44;font-size:.75rem;margin:.4rem 0 0;padding:.25rem .7rem}.clear-completed-btn:hover{background-color:#f44;color:#fff}.focus-button{align-items:center;background-color:initial;border:1px solid #ddd;border:1px solid var(--border-color);border-radius:50%;box-shadow:none;color:#333;color:var(--text-color);cursor:pointer;display:flex;height:2.5rem;justify-content:center;margin:0;padding:0;transition:all .2s ease;width:2.5rem}.focus-button--active,.focus-button:hover{background-color:#4caf50;background-color:var(--main-color);border-color:#4caf50;border-color:var(--main-color);color:#fff}.focus-button--active:hover{background-color:#ff5722;background-color:var(--accent-color);border-color:#ff5722;border-color:var(--accent-color)}.task-content--active .task-text{color:#4caf50;color:var(--main-color);font-weight:600}.App.dark-mode .task-content--active .task-text{color:#66bb6a}.CircularProgressbar{vertical-align:middle;width:100%}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;dominant-baseline:middle;text-anchor:middle;font-size:20px}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:#0000}
/*# sourceMappingURL=main.a6c83cb4.css.map*/