@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap";body{--color1: #EBEBEB;--color2: #EF7722;--color3: #0BA6DF;--fs1: 1.2rem;--fs2: 1.1rem;--fs3: 1rem;--border-radius: 20px;margin:0;padding:0;background-color:var(--color1);font-family:Inter,sans-serif;font-optical-sizing:auto;font-style:normal}button{background-color:var(--color2);color:#fff;padding:10px 20px;border-radius:var(--border-radius);border:none;font-size:var(--fs2);box-shadow:#64646f33 0 7px 29px}.space{margin-bottom:190px}.progressbar{width:100%;height:20px;background-color:#e0e0e0;border-radius:var(--border-radius);overflow:hidden}.progressbar .level{height:100%;transition:width .3s ease}h1{font-size:var(--fs1);font-weight:500;padding:0;margin:0}h2{font-size:var(--fs2);font-weight:500;padding:0;margin:0}h3{font-size:var(--fs3);font-weight:500;padding:0;margin:0}p{font-size:var(--fs3);font-weight:400;padding:0;margin:0}#c{margin:0 20px}#timer{position:fixed;bottom:100px;right:20px;height:60px;border-radius:30px;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:#0000003d 0 3px 8px;transition:all .3s ease;z-index:1000;font-weight:700}#timerModal{text-align:center}#timerModal .time{font-size:48px;font-weight:700;margin-bottom:10px}#timerModal .completed{margin:20px 0;color:var(--color2);font-weight:700}#timerModal .buttons{display:flex;justify-content:center;gap:10px;margin-top:20px}#timerModal .buttons .complete{background-color:var(--color3)}#timerModal .buttons .cancel{background-color:red}#timerModal .buttons .resume{background-color:#4caf50}#taskFormModal .updateButton{background-color:var(--color3)}#taskFormModal .defaultButton{background-color:#fff;color:#000}#top{width:100%;display:flex;justify-content:space-between;margin:20px 0 30px}#top .streak,#top .settings{background-color:#fff;box-shadow:#64646f33 0 7px 29px}#top .settings{border-radius:50%;font-size:25px;padding:10px;cursor:pointer}#top .streak{display:flex;gap:10px;align-items:center;border-radius:var(--border-radius)}#top .streak h1{padding-left:20px}#top .streak .flame{font-size:25px;padding-right:20px}#login h1{text-align:center;margin:40px}#login form{width:80%;margin-left:10%}#login .switch{background-color:var(--color3);width:50%;margin-left:25%;margin-top:40px}#menu{position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:#0000003d 0 3px 8px;background-color:#fff;border-radius:30px}#menu ul{margin:0;padding:0;list-style-type:none;display:flex}#menu ul li{padding:10px 0;border-radius:50%;width:55px;text-align:center;transition:all .3s ease}#menu ul li.selected{background-color:var(--color2)}#menu ul li.selected a svg{color:#fff}#menu ul li a svg{padding:5px;color:#000;font-size:25px;transition:color .3s ease}#tasks{margin-bottom:190px}#tasks h2{margin-bottom:20px;margin-top:20px}#tasks .tasks-task{display:flex;align-items:center;background-color:#fff;border-radius:var(--border-radius);box-shadow:#0000003d 0 3px 8px;margin-bottom:20px}#tasks .tasks-task .item{padding:20px}#tasks .tasks-task .item .date{padding-bottom:5px}#tasks .tasks-task .item:first-child{width:100%}#tasks .tasks-task .item:first-child p{margin:0}#tasks .tasks-task .item:first-child h2{margin:0 0 5px}#tasks .tasks-task .item:last-child button{background-color:var(--color3)!important;height:50px}#tasks .right{text-align:right}#tasks-pointsGoal{background-color:#fff;border-radius:var(--border-radius);padding:20px;box-shadow:#0000003d 0 3px 8px}#tasks-pointsGoal h2{margin:0 0 20px}#tasks-pointsGoal p{text-align:right;margin:10px 0 0}#tasks-powerups{background-color:#fff;border-radius:var(--border-radius);padding:20px;box-shadow:#0000003d 0 3px 8px;margin-top:20px}#tasks-powerups h2{margin:0 0 20px}#tasks-powerups p{text-align:right;margin:10px 0 0}#tasks-powerups .powerups .item{display:flex;align-items:center;gap:10px;font-size:var(--fs1);margin-bottom:10px}#tasks-powerups .powerups .item svg{padding:5px;background-color:var(--color3);color:#fff;border-radius:var(--border-radius)}#tasks-powerups .powerups .item p{margin:0}#skills{margin-bottom:190px}#skills .skill{background-color:#fff;border-radius:var(--border-radius);padding:20px;margin-top:20px;box-shadow:#0000003d 0 3px 8px}#skills .skill .progressbar{margin:10px 0}#skills .skill .description{display:flex;justify-content:space-between}#skills .skill.boosted{border:3px solid gold;box-shadow:0 0 20px #ffd70080;background:linear-gradient(135deg,#fff,#fffacd)}#skillDetails .top{display:flex;justify-content:space-between;margin-bottom:20px}#skillDetails .top .right{display:flex;gap:10px}#skillDetails .top .right button{background-color:#fff;color:#000}#skillDetails .boxes{display:flex;justify-content:space-between;gap:20px;margin:20px 0}#skillDetails .boxes .box{background-color:#fff;border-radius:var(--border-radius);box-shadow:#0000003d 0 3px 8px;padding:20px;width:50%}#skillDetails .boxes .box p{margin-top:10px}#skilldetail-tasks{margin-top:20px;margin-bottom:190px}#skilldetail-tasks h2{margin:5px 0}#skilldetail-tasks p{margin:0}#skilldetail-tasks .task{display:flex;align-items:center;background-color:#fff;border-radius:var(--border-radius);box-shadow:#0000003d 0 3px 8px;margin-bottom:20px}#skilldetail-tasks .task .item{padding:20px}#skilldetail-tasks .task .item:first-child{width:100%}#skilldetail-tasks .task .item:last-child button{background-color:var(--color2)!important;height:50px}#skilldetail-tasks .right{text-align:right}#shop{margin-bottom:190px}#shop h2{margin:20px 0}#shop .coins{width:50%;background-color:#fff;border-radius:var(--border-radius);box-shadow:#0000003d 0 3px 8px;padding:20px;margin-top:20px}#shop .coins p{margin-top:5px}#shop .coins h2{margin:0}#shop .shopItems .text{text-align:center;margin-top:20px}#shop .shopItems .item{background-color:#fff;border-radius:var(--border-radius);box-shadow:#0000003d 0 3px 8px;padding:20px;margin-top:20px}#shop .shopItems .item .description{margin-bottom:10px}#shop .shopItems .item .right{display:flex;justify-content:right;margin-top:10px}#shop .shopItems .item .right.customRewards{display:flex;justify-content:space-between}#timeSpentModal .buttons{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}#timeSpentModal .buttons .complete{background-color:var(--color3)}#accountModal h3{margin-bottom:10px}#accountModal .closeButton{background-color:#fff;color:#000}#accountModal .email,#accountModal .password{margin-bottom:20px}#accountModal .password .message{margin-bottom:10px;color:green}#accountModal .coinsGoal{margin:20px 0}#accountModal .coinsGoal .input{display:flex;gap:10px;align-items:center}form{border-radius:16px;padding:0;width:100%;display:flex;flex-direction:column;gap:1.2rem}label{font-size:.9rem;font-weight:500;display:block;margin-bottom:.4rem}input,textarea,select{width:100%;border:none;border-radius:10px;padding:.75rem .9rem;font-size:.95rem;background-color:#fff;color:#000;outline:none;transition:all .2s ease;box-sizing:border-box}input:focus,textarea:focus,select:focus{border-color:var(--color2);box-shadow:0 0 0 3px rgba(var(--color2),.15)}input::placeholder,textarea::placeholder,select::placeholder{color:#9ca3af}textarea{min-height:100px;resize:vertical}input[type=checkbox],input[type=radio]{width:1.1rem;height:1.1rem;accent-color:var(--color2);margin-right:.4rem;cursor:pointer}input[type=range]{-webkit-appearance:none;appearance:none;padding:0!important;background:transparent;height:20px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:var(--color2);cursor:pointer;border-radius:50%;border:none;margin-top:-6px}input[type=range]::-moz-range-thumb{width:20px;height:20px;background:var(--color2);cursor:pointer;border-radius:50%;border:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:8px;background:#ddd;border-radius:5px}input[type=range]::-moz-range-track{width:100%;height:8px;background:#ddd;border-radius:5px}button,input[type=submit]{background-color:var(--color2);color:#fff;border:none;border-radius:var(--border-radius);padding:.9rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}button:hover,input[type=submit]:hover{box-shadow:0 4px 12px rgba(var(--color2),.3)}button:active,input[type=submit]:active{transform:scale(.98)}button:disabled,input[type=submit]:disabled{opacity:.6;cursor:not-allowed}