@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,400;0,700;1,200;1,400;1,700&display=swap";:root{--primary: #a056c5;--variant: #2643c4;--radius-25: .25em;--radius-50: .5em;--radius-100: 1em;--radius-200: 2em;--radius-500: 5em;--radius-pill: 50em;--radius-circle: 50%}html{font-family:Poppins,sans-serif;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{--bg-100: #08153c;--bg-200: #081e60;--bg-300: #051956;--text-100: #e2fdff;--text-200: #c4c4c4;--text-300: #9d9ab4;--text-400: rgba(255, 255, 255, .125);--shadow: 0 0 .5em .125em rgba(0, 0, 0, .1);--shadow-200: 0 0 .5em .125em rgba(0, 0, 0, .2);--shadow-variant: 0 0 .5em .125em rgba(14, 98, 234, .1);--shadow-variant-200: 0 0 .75em .15em rgba(14, 98, 234, .3);--shadow-primary: 0 0 .5em .125em rgba(160, 86, 197, .1);--shadow-primary-200: 0 0 .75em .15em rgba(160, 86, 197, .3);--focus-outline: .125em solid var(--primary);--primary-button: var(--primary);--shadow-button: var(--shadow-primary);padding:0;margin:0;color:var(--text-200);font-weight:400;background-color:var(--bg-100)}body[data-template=light]{--bg-100: #adbaeb;--bg-200: #ffffff;--bg-300: #f4f6fd;--text-100: #373b5e;--text-200: #9d9ab4;--text-300: #c4c4c4;--text-400: #e0e0e0;--focus-outline: .125em solid var(--variant);--primary-button: var(--variant);--shadow-button: var(--shadow-variant)}h1,h2,h3,h4{color:var(--text-100)}.offscreen{position:absolute;left:-10000px}input,select,button{font:inherit}ul{list-style-type:none;padding:0;margin:0}ul:focus{outline:none}a{text-decoration:none;color:inherit}.section__title{margin:1em 0;font-size:1.75em;font-weight:700}.section__subTitle--container{margin:0 0 .5em}.section__subTitle{font-size:.9em;font-weight:400;color:var(--text-200);text-transform:uppercase}.main{padding:2rem min(2.5%,2rem);height:100vh;min-height:45em;max-width:75em;margin:0 auto}.main__container{position:relative;height:100%;border-radius:var(--radius-200);overflow:hidden}@media (min-width: 48em){.main__container{display:flex;gap:2em;height:100%;border-radius:var(--radius-100)}}button{all:unset;box-sizing:border-box;cursor:pointer}.button{position:relative;background-color:transparent;transition:background-color .1s ease-in-out,color .1s ease-in-out,opacity .1s ease-in-out,box-shadow .1s ease-in-out}.button:hover{color:var(--text-100);background-color:var(--text-400)}.button:focus-visible{outline:var(--primary-button) solid .125em;outline-offset:.25em}.button__round{--dimension: 2.25em;border-radius:var(--radius-circle);min-width:var(--dimension);min-height:var(--dimension);display:inline-flex;justify-content:center;align-items:center;border:solid .125em var(--text-200)}.button__primary{background-color:var(--primary-button);color:var(--bg-200);display:inline-flex;box-shadow:var(--shadow-button)}.button__primary:hover{color:var(--bg-200);background-color:var(--primary-button);opacity:.85}.button__primary--round{--dimension: 4em;border-radius:var(--radius-circle);min-width:var(--dimension);min-height:var(--dimension);justify-content:center;align-items:center}.button__primary--bar{padding:.75em 1.5em;border-radius:var(--radius-500);justify-content:center}.more__options{position:relative}.more__options--button{border:none}.more__options--menu__list{position:absolute;visibility:hidden;opacity:0;top:2em;right:-5em;display:flex;flex-direction:column;gap:.125em;padding:.25em;width:max-content;border-radius:var(--radius-50);background-color:var(--bg-200);z-index:1;box-shadow:0 0 .5em .125em #0003;transition:opacity .15s ease-in-out,top .15s ease-in-out}.more__options--menu__list.open{right:0;visibility:visible;opacity:1;top:2.5em}.more__options--menu__option{padding:.25em;font-size:.85em;color:var(--text-100);border-radius:var(--radius-25);width:100%;transition:background-color .1s ease-in-out}.more__options--menu__option:hover,.more__options--menu__option:focus-visible{background-color:var(--text-400)}.category{margin-bottom:1rem}.category--list{display:flex;gap:1rem}.category--list li{flex:1}.category--item{--progress: 0;padding:1.25em 1em;border-radius:var(--radius-100);display:flex;flex-direction:column;gap:.75em;background-color:var(--bg-200)}@media (min-width: 48em){.category--item{padding:.25em .5em;border-radius:var(--radius-50);flex-direction:row;align-items:center;gap:.5em}}.category--item *{margin:0;line-height:1}.category--item__progressCircle{--progress: 82;--stroke-clr: var(--variant);display:none;position:relative;width:min-content}.category--item__progressCircle>svg{position:relative;color:var(--text-400)}.category--item__progressCircle>svg:last-child{position:absolute;color:var(--stroke-clr);stroke-dasharray:var(--progress);stroke-dashoffset:82}.category--item__progressCircle--count{position:absolute;top:50%;left:50%;translate:-50% -50%;font-size:.75em}.category--item__count{font-size:.75em}.category--item__title{font-weight:400}.category--item__progressBar{--progress: 0;position:relative;height:.205em;border-radius:var(--radius-pill);background-color:var(--text-200)}@media (min-width: 48em){.category--item__count,.category--item__progressBar{display:none}}.category--item__progressBar--fill{display:inline-block;position:absolute;height:100%;border-radius:inherit;transition:width .4s ease-in-out}.category--item__progressBar--fill:before{content:"";position:absolute;bottom:0;right:0;width:.205em;height:200%;border-radius:inherit;background-color:var(--primary)}.category--list li:first-child .category--item__progressBar--fill{width:var(--progress);background-color:var(--primary)}.category--list li:first-child .category--item__progressBar--fill:before{background-color:var(--primary)}.category--list li:last-child .category--item__progressBar--fill{width:var(--progress);background-color:var(--variant)}.category--list li:last-child .category--item__progressBar--fill:before{background-color:var(--variant)}.templates__button{--default-template-bg: #081e60;--default-template-text: #e2fdff;--light-template-bg: #dbe5ff;--light-template-text: #051956;transition:background-color .1s ease-in-out,color .1s ease-in-out}.templates__button.active{border-style:solid}.templates__button[data-template=default]{--button-border-clr: var(--primary);background-color:var(--default-template-bg);color:var(--default-template-text)}.templates__button[data-template=light]{--button-border-clr: var(--variant);background-color:var(--light-template-bg);color:var(--light-template-text)}.padding{padding:2rem}.padding-x{padding-left:2rem;padding-right:2rem}.button.clicked:before{animation:click 5s ease-in-out forwards 1}@keyframes click{0%{scale:0;opacity:1}99%{opacity:1;scale:1}to{scale:1;opacity:0}}@keyframes openEntryForm{0%{visibility:hidden;opacity:0;width:4em;height:4em;bottom:2em;right:2em;border-radius:50%}50%{width:var(--mobile);height:var(--mobile);border-radius:50%}to{visibility:visible;opacity:1;width:100%;height:100%;bottom:0;right:0;border-radius:0}}@keyframes closeEntryForm{0%{visibility:visible;opacity:1;width:100%;height:100%;bottom:0;right:0;border-radius:0}50%{width:var(--mobile);height:var(--mobile);bottom:2em;right:2em;opacity:.65;border-radius:50%}to{visibility:hidden;opacity:0;width:4em;height:4em;bottom:2em;right:2em;border-radius:50%}}.hero{padding:2rem;height:100%;display:flex;flex-direction:column;justify-content:space-between;border-radius:inherit;background-color:var(--bg-200)}.hero__button--container{text-align:center}@media (min-width: 48em){.hero__button--container{display:none}}.hero__button{--dimension: 2.75em;color:var(--text-100);border:solid .125em var(--text-100)}.hero__button span{scale:1.15}.hero__image--container{--dimension: 6em;padding:.15em;width:var(--dimension);height:var(--dimension);background:linear-gradient(45deg,var(--text-200) 60%,var(--primary),var(--primary));border-radius:var(--radius-circle)}.hero__image{width:100%;height:100%;object-fit:cover;border-radius:inherit;border:solid .215em var(--bg-200)}.hero__title span:last-child{display:block}@media (min-width: 48em){.hero__header{display:flex;justify-content:space-between;align-items:center}.hero__image--container{--dimension: 3.5em}.hero__title{font-size:.825em;margin:0}.hero__title span:first-child{font-weight:400;color:var(--text-300)}}.hero__nav--list{display:flex;flex-direction:column;gap:.125em}@media (min-width: 48em){.hero__nav{display:none}.hero__nav--list{margin:2em 0}}.hero__nav--item button{padding:.15em .5em;margin-left:-.5em;display:flex;align-items:center;gap:.5em;color:var(--text-100);border-radius:var(--radius-25)}.hero__nav--item button span:first-child{color:var(--text-200)}.hero__nav--list button:hover{color:var(--primary);background-color:transparent}.hero__templates{display:none;margin:2em 0}.hero__templates .section__subTitle{margin-bottom:.5em}.hero__templates--list{display:flex;gap:.5em}.hero__templates--button{padding:.75em;border-radius:var(--radius-circle);border:dotted 2px var(--button-border-clr);display:grid;transition:scale .1s ease-in-out,border-style .1s ease-in-out}.hero__templates--button:hover{scale:1.05;border-style:solid}.hero__categories{display:none;padding:0;position:relative}.hero__categories li{position:relative}.hero__categories li:before{content:"";position:absolute;inset:20% -.0625em 20% auto;width:.125em;border-radius:var(--radius-pill);background-color:var(--category-clr, var(--text-400))}@media (min-width: 48em){.hero__templates,.hero__categories{display:block}.hero__categories .category--list{display:flex;flex-direction:column;gap:.5em}.hero__categories .category--item{background-color:var(--bg-300)}.hero__categories .category--item__progressCircle{display:grid}}.hero__nav--popup{position:absolute;inset:0 auto 0 -75%;width:75%;display:flex;flex-direction:column;gap:.5em;padding:.5em;border-radius:inherit;background-color:var(--bg-300);box-shadow:var(--shadow);z-index:1;scale:.85;transition:inset .3s ease-in-out}.hero__nav--popup__container{padding:1em}.hero__nav--popup.open{inset:0 auto 0 0}.hero__nav--popup__close--container{text-align:right}.hero__nav--popup__close span{font-size:1.125em}.hero__nav--templates__list{padding:1em 0}.hero__nav--templates__list>li:not(:last-child){margin-bottom:1em}.hero__nav--templates__button{padding:1em;font-size:1.5em;border-radius:var(--radius-100);width:100%;background-color:var(--bg-200)}.hero__nav--templates__button:hover{box-shadow:var(--shadow)}.hero__analytics .section__subTitle--container{display:none}@media (min-width: 48em){.hero__analytics .section__subTitle--container{display:block}}.hero__analytics--graph{padding:0 0 .5em;position:relative}.hero__analytics--graph:before{content:"";position:absolute;inset:0 0 0 auto;width:100%;background-color:var(--bg-200);border-radius:inherit;animation:graph-animation 3s 1s forwards ease-in-out}@keyframes graph-animation{0%{width:1001}to{width:0}}.hero__analytics--graph__image{width:10em}.hero__analytics--report{display:flex;flex-direction:column}.hero__analytics--report__text{margin:0;font-size:.85em}.hero__analytics--report__title{font-size:1.125em;order:1}.app__entryForm--button__container{position:absolute;right:2em;bottom:2em}.app__task--entry__container{--dimension: 4em;position:absolute;bottom:2em;right:2em;width:var(--dimension);height:var(--dimension);background-color:var(--bg-200);display:grid;place-items:center;visibility:hidden;opacity:0;border-radius:var(--radius-circle);overflow:hidden}.app__task--entry__container.open{animation:openEntryForm .3s ease-in-out forwards}.app__task--entry__container.close{animation:closeEntryForm .2s ease-in-out forwards}.app__task--entryForm__closeButton--container{position:absolute;display:grid;top:2em;right:2em}.app__task--entry__title,.app__task--entry__category{position:relative;margin:0 2em 1em}.app__task--entry__category{display:flex;align-items:center;gap:1em}.app__task--entry__input{border:none;font-size:1.5rem;color:var(--text-100);background-color:transparent}.app__task--entry__input{outline:none;width:100%}.app__task--entry__customSelect{position:relative;padding:0 2em;display:flex;flex-direction:row-reverse;align-items:center;gap:1em}.app__task--entry__dropdownButton{padding:.5em 1em;width:100%;display:flex;justify-content:space-between;align-items:center;gap:.5em;color:var(--text-200);border:solid .125em var(--text-400);border-radius:var(--radius-pill);transition:background-color .1s ease-in-out,color .1s ease-in-out}.app__task--entry__dropdownButton:active{background-color:var(--bg-300)}.app__task--entry__dropdownButton.selected{color:var(--text-200);background-color:var(--bg-300)}.app__task--entry__dropdownButton>span:last-child{display:inline-block;position:relative;color:var(--text-200);transition:rotate .2s ease-in-out}.app__task--entry__dropdownButton>span:last-child.open{rotate:180deg}.app__task--entry__dropdown{display:none;position:absolute;top:110%;left:2em;right:2em;padding:.125em;border:solid .125em var(--text-400);border-radius:var(--radius-50);background-color:var(--bg-300);box-shadow:var(--shadow);z-index:10}.app__task--entry__dropdown.open{display:block}.app__task--entry__dropdown .option{display:none}.app__task--entry__dropdown .select-item{display:block;padding:0 .5em;cursor:pointer;border-radius:var(--radius-25);transition:background-color .1s ease-in-out,color .1s ease-in-out}.app__task--entry__dropdown .select-item:hover,.app__task--entry__dropdown .select-item:focus-visible{color:var(--text-100);background-color:var(--bg-100)}.app__task--entry__dropdown .select-item:not(:first-child){margin-top:.125em}.app__task--entry__select--container{position:relative;opacity:0}.app__task--entry__select{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.15em;padding:.5em 2em .5em 1em;border-radius:var(--radius-pill);border:solid .125em var(--text-400)}.app__task--entry__select--icon{display:inline-block;position:absolute;right:.5em;top:50%;translate:0 -50%;pointer-events:none}.app__task--entry__select--placeholder{color:var(--text-300)}.app__task--entry__category--color{--color: var(--text-300);padding:1em;display:grid;border:solid .125em var(--text-400);border-radius:var(--radius-circle)}.app__task--entry__category--color__indicator{display:inline-block;width:.75em;height:.75em;border-radius:var(--radius-circle);outline:solid .125em var(--color);outline-offset:.25em;background-color:var(--color)}.app__task--entry__button{position:absolute;align-items:center;gap:.5em;right:2em;bottom:2em}.app__task--entry__button:hover{opacity:.75}.app__task--entry__button:focus-visible{outline:solid .125em var(--variant);outline-offset:.25em}.app{position:absolute;inset:0 auto 0 70%;scale:.85;width:100%;background-color:var(--bg-300);border-radius:inherit;box-shadow:var(--shadow);transition:inset .3s ease-in-out,scale .3s .1s ease-in-out}@media (min-width: 23.438em){.app{inset:0 auto 0 50vw}}@media (min-width: 48em){.app{position:static;scale:1}}.app__container{display:flex;flex-direction:column;height:100%;max-height:100%;position:relative}.app.show{inset:0 auto 0 0;scale:1}.app__header{padding-top:1.5rem;display:flex;justify-content:space-between}.app__toggleList,.app__header--buttons>span{border:none}.app__toggleList>span,.app__header--buttons>span>span{font-size:1.25em}.app__task--header{display:flex;justify-content:space-between;align-items:center}@media (min-width: 48em){.app__categories{display:none}}.app__task{flex:1;display:flex;flex-direction:column}.app__task--list{flex:1;padding-top:.25em;padding-bottom:.25em;display:flex;flex-direction:column;height:16em;gap:.5em;overflow-x:clip;overflow-y:auto;max-height:19.5em}.app__task--list__item{--transition-time: .2s;--padding: 1em;display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-200);border-radius:var(--radius-100)}.app__task--list__item:focus-within{outline:.125em solid var(--primary-button)}.app__task--list__item .more__options--button{padding-right:.375em;display:grid;place-items:center;color:var(--text-400)}.app__task--list__item .more__options--button:hover,.app__task--list__item .more__options--button:focus-visible{color:var(--text-100);background-color:transparent}.app__task--list__item--checkbox{--outline-color: var(--text-200);padding-left:var(--padding);display:flex;align-items:center;gap:1em;flex:1}.app__task--list__item--checkbox>input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;width:1.25em;height:1.25em;outline:.195em solid var(--outline-color);border-radius:var(--radius-circle);background-color:transparent;rotate:-45deg;transition:outline .1s ease-in-out,background-color var(--transition-time) ease-in-out}.app__task--list__item--checkbox>input[type=checkbox]:before,.app__task--list__item--checkbox>input[type=checkbox]:after{content:"";display:block;position:absolute;border-radius:var(--radius-100);transition:background-color var(--transition-time) ease-in-out}.app__task--list__item--checkbox>input[type=checkbox]:before{width:.215em;height:.5em;bottom:35%;left:22%}.app__task--list__item--checkbox>input[type=checkbox]:after{width:.75em;height:.215em;bottom:35%;left:22%}.app__task--list__item--checkbox>input[type=checkbox]:checked{background-color:var(--text-200);outline-width:0;opacity:.5}.app__task--list__item--checkbox>input[type=checkbox]:checked:before,.app__task--list__item--checkbox>input[type=checkbox]:checked:after{background-color:var(--text-100)}.app__task--list__item--checkbox input[type=checkbox]+label .app__task--list__item--text{position:relative;color:var(--text-100)}.app__task--list__item--checkbox input[type=checkbox]+label .app__task--list__item--text:before{content:"";display:block;position:absolute;top:50%;left:-.25em;width:0;height:.115em;border-radius:var(--radius-100);background-color:var(--text-200);transition:width .2s ease-in-out}.app__task--list__item--checkbox input[type=checkbox]:checked+label .app__task--list__item--text{color:var(--text-200)}.app__task--list__item--checkbox label{flex:1}.app__task--list__item--checkbox .app__task--list__item--text{display:inline-block;padding:var(--padding) 0}.app__task--list__item--checkbox input[type=checkbox]:checked+label .app__task--list__item--text:before{width:calc(100% + .5em)}