*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}:root{--transition-time-smooth: .5s all cubic-bezier(.47, .54, 0, 1.14);--theme-color: #4f46e5}#root{width:100vw;height:100vh;min-height:100vh;background-color:#f4f5f4;display:flex;padding:10px;position:relative}.todoList-container{flex:8;overflow-y:auto;height:100%;padding:30px 50px 15px;position:relative}.todoList{height:auto;display:flex;flex-direction:column;justify-content:space-between;align-items:center;transition:var(--transition-time-smooth);background-color:#f4f5f4;overflow-y:auto}.main{width:100%}.menu{flex:2;min-width:200px;height:auto;background-color:#fff;border-radius:8px;transition:var(--transition-time-smooth);overflow:hidden;position:relative;z-index:10}.menu.open{min-width:0px;flex:0}.openCollapse{position:absolute;background-color:var(--theme-color);display:flex;justify-content:center;align-items:center;border-radius:50%;padding:10px;bottom:20px;left:20px;cursor:pointer;opacity:1;z-index:0;transition:var(--transition-time-smooth);border:none;box-shadow:0 0 3px #000}.openCollapse img{width:20px;cursor:pointer}header{display:flex;justify-content:space-between;align-items:center}.head h1{font-size:clamp(1.2rem,2.5vw,1.6rem);font-weight:500;margin-bottom:10px}.head h1 span{color:var(--theme-color)}.head p{font-size:15px;font-weight:400;color:gray}.switch{display:block;--width-of-switch: 3.5em;--height-of-switch: 2em;--size-of-icon: 1.4em;--slider-offset: .3em;position:relative;width:var(--width-of-switch);height:var(--height-of-switch)}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#f4f4f5;transition:.4s;border-radius:30px}.slider:before{position:absolute;content:"";height:var(--size-of-icon, 1.4em);width:var(--size-of-icon, 1.4em);border-radius:20px;left:var(--slider-offset, .3em);top:50%;transform:translateY(-50%);background:linear-gradient(40deg,#ff0080,#ff8c00 70%);transition:.4s}input:checked+.slider{background-color:#303136}input:checked+.slider:before{left:calc(100% - (var(--size-of-icon, 1.4em) + var(--slider-offset, .3em)));background:#303136;box-shadow:inset -3px -2px 5px -2px #8983f7,inset -10px -4px #a3dafb}section{margin-top:20px;display:flex;flex-direction:column;gap:9px;overflow-y:auto}article{padding:10px 15px;background-color:#fff;display:flex;justify-content:space-between;align-items:center;border-radius:10px}article header p{margin-left:8px}article footer button{display:flex;justify-content:center;align-items:center;border-radius:5px;background-color:#f0f0f0;padding:4px;border:none;cursor:pointer;transition:var(--transition-time-smooth)}article footer button:hover{box-shadow:0 0 5px #5c5c5c}article footer button img{width:1.3rem}header>img{width:30px;margin-right:10px}.custom-checkbox{position:relative;width:20px;height:20px}.custom-checkbox>input{width:0;height:0;opacity:0}.checkmark{position:absolute;width:20px;height:20px;border:2px solid var(--theme-color);border-radius:5px;transition:var(--transition-time-smooth);cursor:pointer}.checkmark:hover{box-shadow:0 0 5px 0 var(--theme-color)}.custom-checkbox input:checked~.checkmark{background-image:url(https://img.icons8.com/?size=100&id=82769&format=png&color=ffffff);background-position:center center;background-repeat:no-repeat;background-size:80%;background-color:var(--theme-color)}.menu .heading{border-bottom:1px solid #dbdbdb;padding:15px 20px;display:flex;justify-content:space-between;align-items:center}.menu .heading span{font-size:1.3rem;font-family:Kanchenjunga,sans-serif;font-weight:600;color:#383838}.menu .heading img{width:20px;filter:drop-shadow(0 0 0px black);cursor:pointer}.menu-options{display:flex;flex-direction:column;padding:10px}.menu-options ul li{display:flex;align-items:center;list-style-type:none;padding:10px 15px;transition:var(--transition-time-smooth);cursor:pointer;color:#202020;font-size:15px;font-weight:400;border-radius:10px}.menu-options ul li:hover{background-color:#ddd;font-weight:600}.menu-options ul li img{width:1.2rem;margin-right:15px}::-webkit-scrollbar{width:8px;border-radius:10px;background-color:#b1b1b1}::-webkit-scrollbar-thumb{background-color:var(--theme-color);border-radius:10px}.subHead{margin-top:20px;display:flex;width:100%}.status{display:flex;align-items:center;gap:2px}.subHead{display:flex;align-items:center;justify-content:space-between;font-size:15px;margin-bottom:10px}.leftOver{font-style:italic;color:#383838}.progressBar{transform:rotate(-90deg)}.pomodoro-container{flex:8;overflow-y:auto;height:100%;padding:30px 50px 15px;position:relative}.pomodoro{transition:var(--transition-time-smooth)}.timer{margin-top:20px;width:100%;display:flex;justify-content:center;flex-direction:column;align-items:center}.buttons{margin-top:25px;display:flex;gap:20px}.buttons button{padding:10px 50px;border:none;background-color:var(--theme-color);color:#fff;border-radius:25px;font-size:1.3em;cursor:pointer;transition:var(--transition-time-smooth)}.buttons button:hover{font-weight:500;background-color:#3a32d3}.options{display:flex;gap:10px}.options button{display:flex;justify-content:center;align-items:center;padding:8px 11px;border:none;border-radius:8px;font-weight:500;cursor:pointer;box-shadow:0 0 2px #9e9e9e;transition:var(--transition-time-smooth)}.options button:hover{transform:scale(1.02);font-weight:600}.options button img{width:15px;margin-right:8px}.newTask{background-color:var(--theme-color);color:#fff}.newTask:hover{color:#fff}.filter{background-color:#fff;color:#000}.taskDialogBox{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;display:flex;justify-content:space-between;flex-direction:column;width:90%;max-width:400px;padding:20px;background-color:#fff;border-radius:10px;gap:15px;font-weight:600;font-size:20px;box-shadow:0 0 2px #9e9e9e;overflow:hidden}.taskDialogBox input{border:none;border-radius:6px;padding:10px;box-shadow:0 0 2px #9e9e9e}input:focus-visible{outline:none}.btns{display:flex;justify-content:end;gap:10px}.btns button{padding:10px 15px;border-radius:6px;border:2px solid var(--theme-color);background-color:#fff;color:var(--theme-color);transition:var(--transition-time-smooth);cursor:pointer}.btns button:hover{background-color:var(--theme-color);color:#fff;font-weight:600}.timerSettings{padding:25px}.timerOption{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.studyhours{font-style:italic;font-weight:500;color:#383838}.settings input{border-radius:2px;padding:8px}.settings{margin:12px 0;display:flex;justify-content:space-between}.settings label{width:calc(80% / 3);display:flex;flex-direction:column;gap:8px;font-weight:500;font-size:.8em}.settings label small{color:#202020;font-weight:400}.settinghead{display:flex;justify-content:space-between;align-items:center}.settinghead img{width:20px;transition:var(--transition-time-smooth);cursor:pointer}.settinghead img:hover{transform:scale(1.1)}.opBtns{display:flex;gap:10px}.timerOp{justify-content:space-between}#resetbtn{border:2px solid #D64933;background-color:transparent;color:#d64933}#resetbtn:hover{color:#fff;background-color:#d64933}.timertypes{margin-bottom:15px;display:flex}.timertypes button{display:flex;gap:10px;border:none;background-color:inherit;padding:0 20px 20px;font-size:1.3em;border-bottom:2px solid rgba(244,245,244,255);transition:var(--transition-time-smooth)}.timertypes button b{color:var(--theme-color)}.sessionComplete{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;border-radius:8px;padding:2rem;box-shadow:0 0 20px #0003;text-align:center;max-width:500px;width:90%;z-index:1000;animation:fadeIn .8s cubic-bezier(.47,.54,0,1.14)}@keyframes fadeIn{0%{top:40%;opacity:0}to{top:50%;opacity:1}}.sessionComplete h1{font-size:clamp(1.5rem,2.5vw,1.6rem);color:var(--theme-color)}.congratsText{font-size:clamp(1rem,2.5vw,1.1rem);margin-top:5px;font-weight:500}.motivationalQuote{font-size:clamp(.7rem,2.5vw,.8rem);margin-top:20px;color:#333;font-style:italic}.welcome-container{flex:8;overflow-y:auto;height:100%;padding:30px 50px 15px;position:relative;overflow-x:hidden}.welcome{position:relative;z-index:0;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;transition:var(--transition-time-smooth);filter:blur(0px);height:inherit;text-align:center}.welcome h1{font-size:2.6rem;margin-bottom:1rem;color:#2c3e50;margin-bottom:20px}.welcome p{font-size:1.1rem;max-width:800px;line-height:1.8;color:#555;text-align:center}.welcome h1 span{color:var(--theme-color);font-weight:600}.welcome-quote{font-style:italic;font-size:.95rem;margin:1rem 0;color:#6c757d;max-width:600px;font-weight:400;text-align:center;line-height:1.8}.welcome-features{list-style:none;margin:1.5rem 0;text-align:left;max-width:500px}.welcome-features li{position:relative;padding:.6rem 0 .6rem 1.6rem;color:#333;font-size:1.05rem}.welcome-features li:before{content:"✓";color:var(--theme-color);position:absolute;left:0;font-weight:700}.EditName{position:fixed;top:0;right:0}.start-button{background-color:var(--theme-color);color:#fff;padding:.75rem 1.5rem;border-radius:1rem;box-shadow:0 4px 6px #0000001a;transition:background-color .3s ease;border:none;cursor:pointer;font-size:1rem}.start-button:hover{background-color:#4338ca;font-weight:500}.about{flex:8;display:flex;flex-direction:column;align-items:center;overflow-y:auto;padding:10px 50px 15px;overflow-x:hidden}.about-container{padding:30px;color:#333}.about-container h1{font-size:2.5rem;color:#5e3eff;margin-bottom:20px;text-align:center}.about-container h2{font-size:1.8rem;margin-top:40px;margin-bottom:20px;color:#4e4e4e;border-left:5px solid #5e3eff;padding-left:10px}.about-container p{line-height:1.7;font-size:1.1rem;margin-bottom:20px}.about-container a{color:#5e3eff;text-decoration:none;font-weight:700}.about-container a:hover{text-decoration:underline}.faq-section{margin-top:50px;padding-top:20px;border-top:2px solid #ddd}.faq-item{background-color:#fff;border:1px solid #e0e0e0;border-radius:10px;margin-bottom:15px;padding:15px 20px;transition:var(--transition-time-smooth);cursor:pointer}.faq-item:hover{box-shadow:0 8px 20px #0000000d}.faq-question{font-weight:600;color:#222;font-size:1.1rem}.faq-answer{margin-top:10px;font-size:1rem;color:#555}@media only screen and (max-width: 703px){.menu{width:50%;height:100%;position:absolute}.menu.open{transform:translate(-500px)}#root{overflow:hidden}.welcome-container{padding:30px 20px 15px}.EditName{top:-28px;right:-25px;transform:scale(.8)}.pomodoro-container{display:flex;justify-content:center;padding:2px 20px 0;overflow-x:hidden;transform:scale(.95)}.todoList-container{padding:20px 20px 50px;overflow-x:hidden}.about{padding:0 0 20px}.newTask{font-size:revert}.btns button{padding:10px 9px}}@media only screen and (max-width: 370px){.pomoHead{justify-content:center;text-align:center}.timerOption{justify-content:space-evenly}}