*{box-sizing:border-box;outline:none}html{font-size:10px;--main-color-500: rgb(35, 134, 54);--main-color-400: rgb(44, 155, 64);--main-color-200: rgb(57, 211, 83);--streak-color: rgb(28, 50, 39);--nav-height: 6.6rem;--color-bg: rgb(13, 17, 23)}html,body{width:100%;-webkit-overflow-scrolling:touch}body{margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1.6rem;background-color:var(--color-bg);color:#fff;display:flex;flex-direction:column;align-items:center}a{color:inherit;text-decoration:inherit}a:visited{color:inherit}#root,.AuthenticatedApp{width:100%}.AuthenticatedApp{display:flex;flex-direction:column;align-items:center}main{display:flex;flex-direction:column;align-items:flex-start;width:100%;max-width:96rem;padding:1.2rem;margin-bottom:var(--nav-height)}@media (min-width: 768px){main{margin-bottom:0}}h1{font-family:Krona One,sans-serif;letter-spacing:-.3rem}a.button,input.button,button.button{background-color:var(--main-color-500);color:#fff;border:1px solid rgba(240,246,252,.1);border-radius:.6rem;cursor:pointer;padding:1.2rem;font-weight:600;font-size:1.4rem;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:.6rem}a.button .content,input.button .content,button.button .content{display:flex;align-items:center;justify-content:center;gap:.6rem}a.button svg.lucide,input.button svg.lucide,button.button svg.lucide{height:1.7rem}a.button.slim,input.button.slim,button.button.slim{height:3.1rem;padding:.6rem 1.2rem}a.button:hover:not(:disabled),input.button:hover:not(:disabled),button.button:hover:not(:disabled){background-color:var(--main-color-400)}a.button.button--secondary,input.button.button--secondary,button.button.button--secondary{background-color:#ffffff0d;border:none}a.button.button--secondary:hover:not(:disabled),input.button.button--secondary:hover:not(:disabled),button.button.button--secondary:hover:not(:disabled){background-color:#ffffff14}a.button.button--red,input.button.button--red,button.button.button--red{background-color:#da3633cc;border:none}a.button.button--red:hover:not(:disabled),input.button.button--red:hover:not(:disabled),button.button.button--red:hover:not(:disabled){background-color:#da3633}a.button.button--orange,input.button.button--orange,button.button.button--orange{background-color:#e57b26;border:none}a.button.button--orange:hover:not(:disabled),input.button.button--orange:hover:not(:disabled),button.button.button--orange:hover:not(:disabled){background-color:#f07b1b}a.button:disabled,input.button:disabled,button.button:disabled{pointer-events:none}.lucide-loader2{animation:rotate .8s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form{display:flex;flex-direction:column;gap:2.4rem}.form .form__control{display:flex;flex-direction:column;align-items:flex-start;gap:1.2rem}.form .form__control.form__control--inline{flex-direction:row}.form .form__control.form__control--inline .form__input{width:auto}.form .form__label{display:flex;flex-direction:column;font-size:1.6rem;color:#ffffff80}.form .label__text{font-weight:500}.form .label__subtext{font-size:1.4rem;color:#ffffff4d;font-weight:500}.form .label__error{font-size:1.4rem;color:#da3633;margin-top:.3rem}.form .form__input{background-color:#ffffff0d;border:2px solid transparent;border-radius:1.2rem;padding:1.6rem;font-size:1.8rem;color:#fff;width:100%}.form .form__input.pills{display:flex;flex-direction:row;flex-wrap:wrap;gap:.6rem;padding:0}.form .form__input .pill{background-color:#ffffff0d;font-size:1.4rem;padding:.9rem 1.2rem;border-radius:2rem;display:inline-block;font-weight:500;cursor:pointer}.form .form__input.form__input--radio{display:flex;flex-direction:column;gap:.6rem;padding:0}.form .form__input .radio-item>input{display:none}.form .form__input .radio-item label{background-color:#ffffff0d;font-size:1.4rem;padding:.9rem 1.2rem;border-radius:2rem;display:inline-block;font-weight:500;cursor:pointer}.form .form__input .radio-item :checked+label{background-color:#fffc;color:#000c}.form .form__input:focus{outline:.2rem solid rgb(27,81,163);outline-offset:.2rem}.form .form__input.form__input--no-bg{background-color:transparent}.form .form__input.form__input--no-bg:focus{outline:none}.form .button{padding:1.2rem}.form .button:disabled{opacity:.3}.divider{border-bottom:1px solid rgba(255,255,255,.05);width:100%;margin:1.2rem 0}.App{width:100%;display:flex;flex-direction:column-reverse}.App main{width:100%;margin-bottom:var(--nav-height);display:flex;flex-direction:column;align-items:center}@media (min-width: 768px){.App{flex-direction:column}.App main{width:100%;margin-bottom:0;display:flex;flex-direction:column;align-items:center}}.Celebrate{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:99}.Celebrate .content{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4rem;animation:fade-in .5s linear;opacity:1;background-color:var(--color-bg)}.Celebrate .close{position:absolute;top:1.2rem;right:1.2rem;color:#9ea0a2;cursor:pointer}.Celebrate .close svg{width:2.8rem;height:2.8rem}.Celebrate .text{display:flex;flex-direction:column;gap:1.2rem;align-items:center}.Celebrate .text .congrats{font-size:2.8rem;font-weight:700;font-family:Krona One,sans-serif;letter-spacing:-.2rem}.Celebrate .text .subtext{color:#ffffffb3;font-weight:500;max-width:30rem;text-align:center}.Celebrate .habit{display:flex;flex-direction:column;align-items:center;gap:1.2rem;font-weight:700;padding:3.6rem;background-color:#ffffff08;border-radius:1.2rem;max-width:40rem;text-align:center}.Celebrate .habit .emoji{font-size:8rem}.Celebrate .habit .emoji svg{width:4rem;height:4rem;stroke:var(--main-color-200)}.Celebrate .habit .icon svg{width:4rem;height:4rem;stroke:var(--main-color-200)}.Celebrate .habit .habit__name{font-size:2rem;font-weight:700}@media (min-width: 768px){.Celebrate{background-color:#00000080}.Celebrate .content{width:60rem;height:60rem;border-radius:1.2rem;box-shadow:0 .5rem 1rem #00000026}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.WeekEntries{--day-size: 3.6rem}.WeekEntries .days-of-week,.WeekEntries .entries{display:flex;gap:.6rem}.WeekEntries .days-of-week .day,.WeekEntries .entries .day{width:var(--day-size);height:var(--day-size);display:flex;align-items:center;justify-content:center;font-size:calc(var(--day-size) / 3)}.WeekEntries .entries .day{border-radius:var(--day-size);font-weight:600;font-size:calc(var(--day-size) / 3 + .2rem);border:1px solid rgb(28,32,37);position:relative;z-index:1}.WeekEntries .entries .day.today{background-color:#fff3;border:1px solid transparent}.WeekEntries .entries .day.future{border:none;color:#ffffff26}.WeekEntries .entries .day.completed{background-color:var(--streak-color);border:1px solid var(--streak-color);color:var(--main-color-400)}.WeekEntries .entries .day.completed.prev-completed:before,.WeekEntries .entries .day.completed.future.next-completed:before{z-index:-1;content:"";background-color:var(--streak-color);height:var(--day-size);width:calc(var(--day-size) - 1.5rem);position:absolute;left:-.4rem}.WeekEntries .entries .day.completed.next-completed:after,.WeekEntries .entries .day.completed.future.next-completed:after{z-index:-1;content:"";background-color:var(--streak-color);height:var(--day-size);width:calc(var(--day-size) / 3 * 2);position:absolute;right:-.4rem}.LandingPage{display:flex;align-items:center;justify-content:center;height:100%;min-height:100vh}.LandingPage .center{display:flex;flex-direction:column;align-items:center;gap:1.2rem}.LandingPage .center h1{display:flex;align-items:center;justify-content:center;height:100%;font-size:4rem;font-weight:600;color:#ffffffe6}.Logo{display:flex;flex-direction:column;align-items:center;justify-content:center}.Logo .brand{font-size:4rem;font-weight:600;color:#ffffffe6;font-family:Krona One,sans-serif;letter-spacing:-.3rem}.Logo .label{text-transform:uppercase;font-weight:900;font-size:1.2rem;width:100%;text-align:right;margin-top:-.3rem;color:#f1a10d}.Auth .Login,.Auth .Signup,.Auth .Forgot{display:flex;flex-direction:column;align-items:center;padding:2.4rem}.Auth .Login .heading,.Auth .Signup .heading,.Auth .Forgot .heading{width:100%;max-width:36.8rem}.Auth .Login .heading h1,.Auth .Signup .heading h1,.Auth .Forgot .heading h1{margin:0}.Auth .Login .heading p,.Auth .Signup .heading p,.Auth .Forgot .heading p{margin:0;color:#ffffff80;font-size:1.8rem}.Auth .Login .form__container,.Auth .Signup .form__container,.Auth .Forgot .form__container{background-color:#ffffff08;padding:2.4rem;margin:2.4rem 0;border-radius:1.2rem;max-width:36.8rem;width:100%}.Auth .Login .form__container h2,.Auth .Signup .form__container h2,.Auth .Forgot .form__container h2{margin:0 0 1.2rem}.Auth .Login .actions,.Auth .Signup .actions,.Auth .Forgot .actions{color:#ffffff80;width:100%;max-width:36.8rem;display:flex;flex-direction:column;gap:.6rem;align-items:center}.Auth .Login .actions a,.Auth .Signup .actions a,.Auth .Forgot .actions a{color:inherit}.Auth .Login .message,.Auth .Signup .message,.Auth .Forgot .message{color:var(--main-color-200)}.Login .version{font-size:1.1rem;color:#fff6;margin-top:1.2rem}.Logout{width:100%;height:100%;min-height:100vh;display:flex;align-items:center;justify-content:center}.AuthenticatedApp main>.loader{width:100%;padding-block:4rem;display:flex;align-items:center;justify-content:center}.Nav{position:fixed;bottom:0;left:0;right:0;height:var(--nav-height);background-color:#0d1117;z-index:2;border-top:2px solid rgba(255,255,255,.1);width:100%}.Nav .content .nav__items{width:100%;display:flex;align-items:center;justify-content:space-evenly}.Nav .Logo{display:none}.Nav .nav__item{color:#3c4044;text-decoration:none;display:flex;flex-direction:column;align-items:center;font-weight:600;font-size:1.2rem;gap:.3rem;padding:1.2rem}.Nav .nav__item svg{stroke:#3d4145}.Nav .nav__item.active{color:#9ea0a2}.Nav .nav__item.active svg{stroke:#9ea0a2}@media (min-width: 768px){.Nav{position:initial;display:flex;align-items:center;justify-content:center;background-color:transparent;border-top:none}.Nav .content{display:flex;align-items:center;justify-content:flex-start;max-width:96rem;width:100%;gap:1.8rem;padding:1.2rem;border-radius:1.2rem}.Nav .content .nav__items{justify-content:flex-start;width:auto;gap:.6rem}.Nav .Logo{display:inherit}.Nav .Logo .brand{font-size:2rem;letter-spacing:-.2rem}.Nav .Logo .label{font-size:1rem}.Nav .nav__item{flex-direction:row;font-size:1.8rem;gap:.6rem;padding:.9rem 1.2rem}.Nav .nav__item svg{height:1.8rem}.Nav .nav__item.active{background-color:#ffffff0d;border-radius:1.2rem}}.SplashScreen{width:100%;height:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem}.SplashScreen .loader{display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;gap:1.2rem}.SplashScreen .loader p{color:#fff9;margin:0;display:none}.SplashScreen .loader.visible{opacity:1}.Habits{display:flex;flex-direction:column;gap:1.2rem;width:100%}.Habits .heading{display:flex;justify-content:space-between;align-items:flex-start;width:100%;padding:2.4rem 0}.Habits .heading h1{margin:0}.Habits .habits{--columns: 1;display:grid;grid-template-columns:repeat(var(--columns),1fr);gap:1.6rem;width:100%}.Habits .card{background-color:#ffffff0d;border-radius:.6rem;width:100%;height:7.7rem;animation:breathing 3s ease-in-out infinite}@keyframes breathing{0%{background-color:#ffffff0d}50%{background-color:#ffffff12}to{background-color:#ffffff0d}}@media (min-width: 768px){.Habits .habits{--columns: 2}}.EmailUnverifiedWarning{background-color:#bb800926;color:#d29922;padding:2.4rem;width:100%;border-radius:1.2rem;display:flex;align-items:center;border:2px solid rgba(187,128,9,.4);font-weight:500}.EmailUnverifiedWarning svg{margin-right:1.2rem}.HabitCard{background-color:#ffffff0d;border-radius:.6rem;padding:1.6rem;display:flex;align-items:flex-start;gap:1.6rem;width:100%}.HabitCard .habit__name{padding:0;margin:0;font-size:1.6rem;font-weight:600;text-decoration:none;color:inherit;display:flex;flex-direction:column;align-items:flex-start;gap:.4rem}.HabitCompleteButton{background-color:#d2d2d21a;border:1px solid rgba(240,246,252,.2);border-radius:40rem;color:#fff;cursor:pointer;font-weight:600;font-size:1.6rem;min-width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;font-weight:700;transition:.1s ease all}.HabitCompleteButton.completed-today,.HabitCompleteButton:hover{background-color:#23863633;border:1px solid rgba(44,155,64,.4);color:#2c9b40}.HabitStreakLabel{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;font-size:1.3rem;font-weight:600;padding:.3rem .6rem;border-radius:3.2rem;color:#ff9100;background-color:#ff91001a}.HabitStreakLabel img{height:1.2rem}.DailyProgressBar{background-color:#ffffff0d;width:100%;padding:1.6rem 2.4rem;border-radius:.6rem;display:flex;gap:2.4rem;justify-content:space-between;align-items:center;--progress-bar-height: .4rem}.DailyProgressBar .amount{font-weight:600}.DailyProgressBar .progress-bar{width:100%;height:var(--progress-bar-height);border-radius:var(--progress-bar-height);background-color:#fff3;position:relative}.DailyProgressBar .progress-bar .progress{content:"";background-color:var(--main-color-200);height:var(--progress-bar-height);border-radius:var(--progress-bar-height);position:absolute}.DailyProgressBar .progress-bar .complete-content{position:absolute;width:100%;display:flex;justify-content:center;top:-.7rem;font-weight:600}.DailyProgressBar .progress-bar .complete-content .complete-text{background-color:#191d23;padding:0 .6rem;border-radius:2rem}.HabitDetail{display:flex;flex-direction:column;gap:1.2rem}.HabitDetail .habit-delete{width:9.8rem}.HabitDetail .habit__heading{display:flex;justify-content:space-between;align-items:center;width:100%;padding:2.4rem 0}.HabitDetail .habit__heading h1{margin:0;font-size:3.2rem}.HabitDetail .habit__heading button{margin-top:.6rem}.HabitDetail .container{background-color:#ffffff0d;padding:2.4rem;border-radius:1.2rem;width:100%}.HabitDetail .container h2{margin:0 0 2.4rem}.HabitDetail .calendars{max-width:33.6rem}.HabitDetail .calendars .title{display:flex;justify-content:space-between;user-select:none}.HabitDetail .calendars .title svg{cursor:pointer}.HabitDetail .twelve-months{display:none}@media (min-width: 768px){.HabitDetail .twelve-months{display:initial}}.EntriesCalendar .days-of-week,.EntriesCalendar .entries{display:flex;gap:.6rem;flex-wrap:wrap;width:28.8rem}.EntriesCalendar .days-of-week .day,.EntriesCalendar .entries .day{width:3.6rem;height:3.6rem;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.EntriesCalendar .entries .day{border-radius:3.2rem;font-weight:600;font-size:1.4rem;border:1px solid rgb(28,32,37);position:relative;z-index:1}.EntriesCalendar .entries .day.today{background-color:#fff3;border:1px solid transparent}.EntriesCalendar .entries .day.future{border:none;color:#ffffff4d}.EntriesCalendar .entries .day.completed{background-color:var(--main-color-400);border:1px solid var(--main-color-400)}.EntriesCalendar .entries .day.completed.prev-completed:before{z-index:-1;content:"";background-color:var(--main-color-400);height:3.6rem;width:2.1rem;position:absolute;left:-.4rem}.EntriesCalendar .entries .day.completed.next-completed:after{z-index:-1;content:"";background-color:var(--main-color-400);height:3.6rem;width:2.1rem;position:absolute;right:-.4rem}.EntriesCalendar .entries .day.other-month{background-color:transparent;color:transparent;border:none}.EntriesCalendar .entries .day.other-month:after,.EntriesCalendar .entries .day.other-month:before{display:none}.EntryHistory{--date-size: 1.2rem;--gap-size: .2rem;display:flex;gap:.6rem}.EntryHistory .week-days{font-size:1.1rem;display:flex;flex-direction:column;gap:var(--gap-size)}.EntryHistory .week-days span{height:calc(var(--date-size) * 2 + var(--gap-size))}.EntryHistory .week-days span:nth-of-type(even){display:none}.EntryHistory .week-days span:nth-of-type(4){height:var(--date-size)}.EntryHistory .dates{display:flex;flex-direction:column;flex-wrap:wrap;height:calc(var(--date-size) * 7 + var(--gap-size) * 6);align-items:flex-start;justify-content:flex-start;width:calc(var(--date-size) * 53 + var(--gap-size) * 52);gap:var(--gap-size)}.EntryHistory .date{width:var(--date-size);height:var(--date-size);background-color:#161b22;border-radius:.3rem}.EntryHistory .date.saturday,.EntryHistory .date.sunday{background-color:#12161d}.EntryHistory .date.today{background-color:#232a33}.EntryHistory .date.entry{background-color:var(--main-color-200)}.Settings{display:flex;flex-direction:column;align-items:flex-start;gap:1.2rem;width:100%}.Settings .form{display:flex;flex-direction:column;align-items:flex-start;gap:2.4rem}.Settings .input__container{width:100%;display:flex;gap:1.2rem;align-items:center}.Settings .version{font-size:1.1rem;color:#fff6}.HabitEdit{display:flex;flex-direction:column;gap:1.2rem}.HabitEdit .habit__heading{display:flex;justify-content:space-between;align-items:flex-start;width:100%;padding:2.4rem 0}.HabitEdit .habit__heading h1{margin:0;font-size:3.2rem}.NewHabit .create-habit{width:11rem}.NewHabit .form__container{width:100%}.NewHabit .form__container .form,.NewHabit .form__container .form .form__control{width:100%;align-items:flex-start}.NewHabit .form__container .form .form__control #name{max-width:40rem;width:100%}.NewHabit .form__container .form .form__control .form__input.pills{display:flex;flex-direction:row;flex-wrap:wrap;gap:.6rem;padding:0}.NewHabit .form__container .form .form__control .form__input .pill{background-color:#ffffff0d;font-size:1.4rem;padding:.9rem 1.2rem;border-radius:2rem;display:inline-block;font-weight:500;cursor:pointer}