:root{font-family:Cabin,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424}#root{width:100%;height:100%}.main-container{display:flex;margin:10px;min-width:600px;min-height:600px;align-items:center;justify-content:space-around;flex-wrap:wrap}.timer-container{-webkit-user-select:none;user-select:none;width:600px;height:600px;display:flex;flex-direction:column;align-items:center;border-radius:20px;box-shadow:2px 2px 10px #00000080,-2px -2px 10px #ffffff0d}.timer-mode{margin-top:100px;font-size:40px;font-weight:600;border-radius:15px;padding:0 10px;background-color:#151515;box-shadow:2px 2px 10px #00000080,-2px -2px 10px #ffffff0d;transition:1s}.timer{margin-top:40px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;border-radius:50%;width:300px;height:300px;box-shadow:2px 2px 10px #00000080,-2px -2px 10px #ffffff0d}.time{font-size:80px;font-weight:600;color:#7055c0}.task{margin-top:-20px;margin-bottom:30px;font-size:18px;color:#d9d9d9}.buttons{display:flex;flex-direction:row;justify-content:center;gap:20px;margin-top:-20px}.play-btn,.reset-btn,.skip-btn{border-radius:10px;background-color:#151515;width:80px;height:40px;display:flex;align-items:center;justify-content:center;box-shadow:2px 2px 10px #00000080,-2px -2px 10px #ffffff0d;transition:1s}.play-btn:hover,.reset-btn:hover,.skip-btn:hover{color:#7055c0;transform:translateY(-5px);cursor:pointer}.red:hover{color:#b33}.menu{position:absolute;width:300px;height:200px;display:flex;margin-left:300px;transition:.5s;border-radius:10px}.menu-btn{position:absolute;font-size:40px;right:10px}.menu-btn:hover{cursor:pointer;color:#7055c0}.menu-options{height:100%;width:100%;display:flex;flex-direction:column;color:#151515;font-weight:600}.menu-label{font-size:25px;text-align:left;margin-left:45px;margin-bottom:15px;font-weight:800}.session-option,.break-option{text-align:left;margin-left:20px;font-size:18px;margin-bottom:5px;display:flex;flex-direction:row;justify-content:space-between}.divider-timer{margin-left:5%;width:90%;border-bottom:1px solid black;margin-bottom:5px}.selection{margin-right:20px;border-radius:10px;background-color:#151515;padding:5px}.save{font-weight:600;border-radius:15px;background-color:#7055c0;padding:5px 10px;box-shadow:2px 2px 10px #00000080,-2px -2px 10px #ffffff0d;transition:1s;display:flex;align-items:center;justify-content:center;margin:auto}.save:hover{transform:translateY(-2px)}.blink{animation:blink-animation 1s infinite}.timer-label{position:absolute;margin-left:-470px;margin-top:1px}@keyframes blink-animation{0%{opacity:1}50%{opacity:0}to{opacity:1}}:root{--color1: #7055c0}.circle-background{fill:none;stroke:#1e1e1e}.circle-progress{fill:none;stroke:var(--color1);transition:1s}.percentage-container{display:flex;justify-content:center;align-items:center;position:absolute;z-index:-1}.percentage-value{font-size:30px;position:absolute}.header-container{height:100px;width:100%;display:flex;justify-content:space-between;-webkit-user-select:none;user-select:none}.header-title{font-size:35px;margin-left:30px;font-weight:600;transition:1s;width:300px}.header-title:hover{background:linear-gradient(to right,#0ff,#7055c0);-webkit-background-clip:text;background-clip:text;color:transparent}.todo-container{-webkit-user-select:none;user-select:none;width:600px;height:600px;max-width:600px;max-height:600px;display:flex;flex-direction:column;align-items:center;border-radius:20px;box-shadow:2px 2px 10px #00000080,-2px -2px 10px #ffffff0d}.todo-title{position:absolute;margin-left:-470px;margin-top:1px}.add-task-btn{border-radius:10px;background-color:#151515;width:120px;height:40px;display:flex;align-items:center;justify-content:center;box-shadow:2px 2px 10px #00000080,-2px -2px 10px #ffffff0d;transition:1s}.add-task-btn:hover{color:#7055c0;transform:translateY(-5px);cursor:pointer}.input-container{margin-top:100px;width:500px;height:100px}.primary-task-input{display:flex;flex-direction:row;justify-content:space-between}.task-input-bar{width:350px;border-radius:10px;color:#d9d9d9;font-size:20px;font-family:Courier New,Courier,monospace;font-weight:600}.secondary-task-input{margin-top:20px;display:flex;flex-direction:row;justify-content:space-around;display:none;font-size:20px}#priority-selector,#due-date{height:30px;font-size:15px;color:#d9d9d9;background-color:#151515;border:none}.tasks-container{width:100%;margin-top:30px;border-bottom:2px solid #1e1e1e;max-height:370px;overflow-y:auto;overflow-x:hidden;border-radius:10px}.task-container{border-top:2px solid #1e1e1e;display:flex;flex-direction:column;padding:10px}.task-container:hover{background-color:#1e1e1e}.main-section{display:flex;flex-direction:row;align-items:center}.task-checkbox{cursor:pointer}.task-description{min-width:350px;max-width:350px;overflow-wrap:break-word}.task-description:hover{cursor:pointer}.task-options{display:flex;flex-direction:row;gap:20px;align-items:center;margin-left:54px}.task-option{transition:1s}.task-option:hover{transform:scale(1.1);cursor:pointer}.play:hover{color:#7055c0}.edit:hover{color:#3232ff}.delete:hover{color:#b33}.filter-task-option,.auto-order-task-option{text-align:left;margin-left:20px;font-size:18px;margin-bottom:5px;display:flex;flex-direction:row;justify-content:space-between}.switch{position:relative;display:inline-block;width:54px;height:28px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0 20px 0 -20px;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s}input:checked+.slider{background-color:#7055c0}input:focus+.slider{box-shadow:0 0 1px #7055c0}input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translate(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.arrows{width:25px;display:flex;flex-direction:column;height:50px;justify-content:center;gap:10px}.arrow:hover{color:#7055c0}@media (max-width: 1300px){.todo-container{margin-top:50px}}.analysis-container{-webkit-user-select:none;user-select:none;width:1200px;min-height:600px;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;border-radius:20px;box-shadow:2px 2px 10px #00000080,-2px -2px 10px #ffffff0d;margin-top:50px}.analysis{height:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-around}.divider{display:none}.progress,.overdue-tasks,.priority-distribution{width:400px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:auto}@media (max-width: 1300px){.analysis-container{width:600px}.analysis{flex-direction:column}.divider{display:block;height:5px;width:500px;background-color:#1e1e1e;border:none;margin:auto;border-radius:20px}.progress,.overdue-tasks{border-right:none}}