.navbar{position:fixed;top:0px;bottom:0px;left:-230px;z-index:3;display:flex;gap:10px;transition:left .15s ease;pointer-events:none}.navbar.active{left:0px}@media (max-width: 500px){.navbar.active{width:100vw;pointer-events:auto;backdrop-filter:blur(2px)}}.navbar__content-container{display:flex;flex-direction:column;gap:5px;min-width:190px;padding:20px;background-color:var(--color-navbar);box-shadow:4px 0 4px var(--box-shadow-02);pointer-events:auto}@media (max-width: 310px){.navbar__content-container{min-width:100px}.navbar{left:-210px}}.navbar__toggle-button-container{display:flex;padding:10px;margin-top:10px;align-self:flex-start;border-radius:99px;background-color:var(--color-navbar);box-shadow:4px 4px 4px var(--box-shadow-01);pointer-events:auto}.navbar__toggle-button-container:hover{cursor:pointer;color:var(--color-04);filter:brightness(150%)}.navbar__header{display:flex;align-items:center;gap:30px}.navbar-header__logo{display:flex;align-items:center;font-size:1.6em;font-weight:700;color:var(--color-04)}.navbar-header__logo:hover{cursor:pointer}.navbar__main{display:flex;flex-direction:column;overflow-y:auto}.navbar__day-container{display:flex;gap:0px;padding:10px;font-size:1.2em;background-color:var(--color-navbar);border-radius:5px;transition:gap var(--anim-duration)}.navbar__day-container:hover{color:var(--color-04);cursor:pointer;filter:brightness(150%)}.navbar__day-container.active{color:var(--color-04);gap:10px}.day-week__bar{background-color:var(--color-04);width:0px;height:100%;transition:width .15s ease}.navbar__day-container.active .day-week__bar{width:5px}.navbar__footer{display:flex;flex-direction:column;align-items:stretch;gap:10px;overflow-y:visible;opacity:0%;transition:opacity .15s ease}@media (max-height: 400px){.navbar__footer{overflow-y:auto;padding-right:5px}}.navbar-footer__button{display:flex;align-items:center;justify-content:center;gap:5px;padding:10px 15px;border-radius:99px;background-color:var(--color-03);box-shadow:4px 4px 4px var(--box-shadow-02)}.navbar-footer__button>input[type=file]{display:none}.navbar-footer__button>label:hover{cursor:pointer}.navbar.active .navbar__footer{opacity:100%}.app.light .navbar__toggle-button-container:hover{color:var(--color-04);filter:brightness(110%)}.app.light .navbar__day-container:hover{filter:brightness(110%)}.app.light .navbar__footer{color:#fff}.home{position:fixed;top:0px;left:0px;right:0px;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;gap:60px;padding:0 20px}.home__logo{display:flex;justify-content:center;align-items:center;padding:4vw;box-shadow:0 10px 20px var(--box-shadow-01);font-size:5vw;color:var(--color-04)}.home>p{display:flex;align-items:center;flex-wrap:wrap;gap:5px;font-size:1.2em;color:var(--color-instructions-text-01)}.home>p>svg{padding:5px;border:1px solid var(--color-instructions-text-01);border-radius:99px;font-size:1.2em}@media (max-width: 1060px){.home>p{font-size:1em}}@media (max-width: 500px){.home__logo{font-size:6vw}}.credits-container{position:fixed;bottom:3px;right:3px;text-align:end;font-size:.9em;opacity:10%}.credits-container a{color:#fff}.app.light .credits-container{opacity:30%}.app.light .credits-container a{color:#000}.tasks-displayer{display:flex;flex-direction:column;max-height:100%}.tasks-displayer__buttons-container{display:flex;column-gap:20px;row-gap:8px;justify-content:flex-end;flex-wrap:wrap;padding:15px 15px 15px 80px;background-color:var(--color-01);box-shadow:0 4px 4px var(--box-shadow-02)}@media (max-width: 440px){.tasks-displayer__buttons-container{column-gap:10px}}.tasks-displayer__instructions-container{display:flex;align-items:center;flex-wrap:wrap;gap:5px;padding:20px;color:var(--color-instructions-text-01)}.tasks-displayer__instructions-container svg{padding:5px;border:1px solid var(--color-instructions-text-01);border-radius:99px;font-size:1.2em}.tasks-container{display:flex;flex-direction:column;gap:15px;margin:20px 20px 0;overflow-y:auto}.tasks-container>div{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-bottom:25px;padding-right:10px;scroll-behavior:smooth}.tasks-container>div>p{color:var(--color-instructions-text-01);margin-top:5px}.super-task{display:flex;flex-direction:column;gap:15px;flex-basis:220px;flex-grow:1;padding:15px;border-radius:15px;background-color:var(--color-02);border:1px solid rgba(255,255,255,.15);box-shadow:4px 4px 4px var(--box-shadow-01);animation-name:superTaskFadeIn;animation-duration:var(--anim-duration-02);animation-fill-mode:forwards;transition:box-shadow .15s}.super-task.done{border:1px solid var(--color-04);animation-name:superTaskFadeIn,superTaskDone}.super-task__header{display:flex;flex-direction:column;gap:15px}.super-task svg:hover{cursor:pointer}.super-task.done svg{filter:drop-shadow(0 0 2px var(--color-04))}.super-task-header__title-container{display:flex;gap:10px;align-items:center;justify-content:space-between}.super-task-header__buttons-container{display:flex;flex-direction:column;gap:10px;user-select:none}.super-task.done .super-task-header__buttons-container p{text-shadow:0px 0px 3px var(--color-04)}.super-task textarea{flex-grow:1;padding:3px;border-bottom:1px solid rgb(75,75,75);border-radius:5px;font-family:serif;font-size:1.05em;overflow:hidden}.super-task textarea:disabled{color:#ffffffb3;background-color:#ffffff05}.super-task textarea:enabled{border-bottom:1px solid white;background-color:#ffffff0a}.super-task textarea:focus{outline:1px solid var(--color-04)}.super-task.done textarea{border-bottom:1px solid var(--color-04);box-shadow:0 5px 10px #ffb66133}.super-task-body__step-tasks-container{display:flex;flex-direction:column;gap:7px}.super-task-body__step-tasks-container>p{color:var(--color-instructions-text-01)}.p-edit-instructions{color:var(--color-instructions-text-01);padding-top:0}@keyframes superTaskFadeIn{0%{opacity:0%;transform:translateY(-20px)}to{opacity:100%;transform:translateY(0)}}@keyframes superTaskDone{0%{transform:translateY(0)}25%{transform:translateY(-5px)}50%{transform:translateY(0)}75%{transform:translateY(2px)}to{transform:translateY(0)}}.app.light .super-task{border:1px solid rgba(0,0,0,.25)}.app.light .super-task-header__title-container>svg,.app.light .step-task>svg{color:var(--color-04)}.app.light textarea{color:#000;border-bottom:1px solid rgb(150,150,150)}.app.light textarea:disabled{color:#000000b3;background-color:#00000013}.app.light textarea:enabled{color:#000;border-bottom:1px solid black;background-color:#00000008}.app.light .super-task.done{border:1px solid var(--color-05)}.app.light .super-task.done svg{filter:drop-shadow(0 0 6px hsla(25,75%,50%,.5))}.app.light .super-task.done textarea{border-bottom:1px solid var(--color-05);box-shadow:0 5px 10px #df70204d}.app{background-color:var(--color-01);height:100vh}.app.light{--color-01: hsl(0 0% 97%);--color-02: hsl(25deg 50% 95%);--color-03: hsl(25deg 40% 30%);--color-04: hsl(25deg 100% 35.29%);--color-navbar: #d4d3d2;--color-05: hsl(25deg 100% 50%);--color-instructions-text-01: rgba(0,0,0, .75);--color-alert-01: rgb(255, 50, 0);--box-shadow-01: rgba(0,0,0, .15);--box-shadow-02: rgba(0,0,0, .15);--box-shadow-03: rgba(0,0,0, .15);color:#232328}.app.light .hover-effect-01:hover{color:#fff;filter:brightness(140%)}.app.light ::-webkit-scrollbar-track{background-color:#afafaf;border-radius:99px}.app.light ::-webkit-scrollbar-thumb{background-color:var(--color-03);border-radius:10px}.app.light .button-01{color:#fff}.button-01{display:flex;align-items:center;text-align:center;gap:.25em;padding:10px 20px 10px 15px;max-width:fit-content;border-radius:99px;background-color:var(--color-03);box-shadow:4px 4px 4px var(--box-shadow-01);user-select:none}.button-01>div{display:flex;align-items:center}.stretch{max-width:100%}.danger-button{animation-name:DangerButton;animation-duration:2s;animation-fill-mode:forwards}.hover-effect-01.danger-button:hover{color:#fff}@keyframes DangerButton{0%{background-color:var(--color-alert-01)}to{background-color:var(--color-alert-02)}}.step-task{display:flex;gap:10px;align-items:center;animation:FadeInLeft;animation-duration:var(--anim-duration-02);animation-fill-mode:forwards}.pop-up{position:fixed;top:0px;left:0px;right:0px;bottom:0px;z-index:99;display:flex;justify-content:center;align-items:center;padding:20px;font-size:1.25em;pointer-events:none}.pop-up__content{display:flex;flex-direction:column;align-items:center;gap:15px;padding:15px;border-radius:15px;background-color:var(--color-navbar);border:1px solid rgba(255,255,255,.15);box-shadow:4px 4px 4px var(--box-shadow-02);pointer-events:auto;animation-name:AnimationLifeTime;animation-duration:3s;animation-fill-mode:forwards}.pop-up__content svg{font-size:32px;color:var(--color-04);border-radius:99px;padding:3px;border:1px solid var(--color-04)}@keyframes AnimationLifeTime{0%{transform:translateY(-20px);opacity:0%}5%{transform:translateY(0);opacity:100%}to{transform:translateY(0);opacity:0%}}.pop-up.deleting{animation-name:AnimationFadeOut;animation-duration:.2s;animation-fill-mode:forwards}@keyframes AnimationFadeOut{0%{opacity:100%}to{opacity:0%;display:none}}.app.light .pop-up__content{background-color:var(--color-02);border:1px solid rgba(0,0,0,.25)}.at-displayer{display:flex;flex-direction:column;gap:20px;padding:80px 20px 0;max-height:calc(100vh - 80px)}.at__add-instructions{color:var(--color-instructions-text-01)}.at-displayer__header{display:flex;justify-content:space-between;gap:10px}.at-displayer-header__text-container{display:flex;flex-direction:column;gap:10px}.at-displayer-header__buttons-container{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;gap:10px;min-height:86px}.at-displayer-header__buttons-container .button-01{animation-name:FadeInRight;animation-fill-mode:forwards;animation-duration:var(--anim-duration)}.at__edit-instructions{color:var(--color-alert-01);opacity:50%}.at-displayer__days-container{display:flex;align-items:flex-start;gap:20px;flex-wrap:wrap;padding-bottom:10px;padding-right:10px;overflow-y:auto}.at__day{flex-basis:125px;text-align:center;font-size:1.1em;font-weight:500;padding:15px;border-radius:15px;background-color:var(--color-02);box-shadow:4px 4px 4px var(--box-shadow-01),inset 0 0 6px transparent;border:1px solid rgba(255,255,255,.15)}.at__day:hover{color:var(--color-04);filter:brightness(150%);cursor:pointer;user-select:none}.at__day.editing{color:var(--color-alert-01);border-color:var(--color-alert-01)}.app.light .at__day:hover{filter:brightness(105%)}.app.light .at__day{border-color:#00000040}.app.light .at__day.editing{border-color:var(--color-alert-01)}.at-container{display:flex;flex-direction:column;gap:10px;padding:90px 20px 20px;background-color:var(--color-01);animation-name:FadeInTop;animation-duration:var(--anim-duration-02)}.at-container__tasks-container{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:20px;overflow-y:auto;padding-right:10px}.at-container__buttons-container{display:flex;gap:10px;justify-content:space-between;align-items:flex-start}.at-buttons-container__buttons-edit{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.at-buttons-container__buttons-edit .button-01{animation-name:FadeInRight;animation-duration:var(--anim-duration-02)}.at-container h2{font-weight:400}.archived-task{flex-basis:200px;flex-grow:1;display:flex;flex-direction:column;gap:15px;padding:15px;border-radius:20px;background-color:var(--color-02);border:1px solid var(--color-04);text-shadow:0px 0px 3px var(--color-04);animation-name:FadeInTop;animation-duration:.3s}.archived-task svg{font-size:1.5em;filter:drop-shadow(0 0 1px var(--color-04))}.archived-task.editing{color:var(--color-alert-01);border:1px solid var(--color-alert-01);text-shadow:0px 0px 0px var(--color-alert-01)}.archived-task.editing:hover{cursor:pointer;filter:brightness(150%)}.archived-task.editing svg{filter:drop-shadow(0 0 0px var(--color-alert-01))}.archived-task__header{display:flex;justify-content:space-between;align-items:center}.archived-task>div{display:flex;flex-direction:column;gap:5px}.archived-task h3{font-weight:400;font-size:1em;opacity:60%;text-shadow:none}.archived-task p{font-size:1.2em}.app.light .archived-task{text-shadow:0px 0px 0px var(--color-04);border:1px solid var(--color-05)}.app.light .archived-task.editing{border:1px solid var(--color-alert-01);text-shadow:0px 0px 0px var(--color-alert-01)}.app.light .archived-task.editing:hover{cursor:pointer;filter:brightness(110%)}:root{--color-01: #08090B;--color-02: #14191d;--color-03: #222325;--color-04: #FFB661;--color-navbar: #14191d;--color-instructions-text-01: rgba(255,255,255, .25);--color-alert-01: rgb(255, 50, 0);--color-alert-02: rgb(140, 26, 0);--box-shadow-01: rgba(0,0,0, 1);--box-shadow-02: rgba(0,0,0, .75);--box-shadow-03: rgba(0,0,0, .5);--anim-duration: .125s;--anim-duration-02: .2s;color:#fff;font-family:sans-serif}*{margin:0;padding:0;border:none;background-color:transparent}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background-color:var(--color-03);border-radius:99px}::-webkit-scrollbar-thumb{background-color:#fff;border-radius:10px}.hover-effect-01:hover,.hover-effect-02:hover{cursor:pointer;color:var(--color-04);filter:brightness(150%)}textarea:enabled{color:#fff}.fade-in-top{animation:FadeInTop;animation-duration:var(--anim-duration);animation-fill-mode:forwards}.fade-in-left{animation:FadeInLeft;animation-duration:var(--anim-duration);animation-fill-mode:forwards}.been-deleted{animation-name:BeenDeleted!important;animation-duration:var(--anim-duration)!important;animation-fill-mode:forwards!important}@keyframes FadeInTop{0%{opacity:0%;transform:translateY(-20px)}to{opacity:100%;transform:translateY(0)}}@keyframes FadeInLeft{0%{opacity:0%;transform:translate(-20px)}to{opacity:100%;transform:translate(0)}}@keyframes FadeInRight{0%{opacity:0%;transform:translate(20px)}to{opacity:100%;transform:translate(0)}}@keyframes BeenDeleted{0%{opacity:100%;transform:translateY(0)}to{opacity:0%;transform:translateY(20px)}}.error-page{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 20px;gap:40px;height:100vh;text-align:center;color:#fff;background-color:var(--color-01)}.error-page a{color:var(--color-04)}.error-page a:visited{color:#5224ff}.error-page>div{display:flex;justify-content:center;align-items:center;padding:50px;box-shadow:0 10px 20px #000;font-size:5vw;color:var(--color-04);user-select:none}