:root{--font-family-sans: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--line-height-headers: 1.1;--line-height-body: 1.5;--font-size-xxs: 0.50rem;--font-size-xs: 0.75rem;--font-size-s: 0.875rem;--font-size-m: 1rem;--font-size-l: 1.125rem;--font-size-xl: 1.25rem;--font-size-xxl: 1.5rem;--font-size-xxxl: 2rem;--font-size-xxxxl: 2.5rem;--color-text-header: hsl(0, 1%, 16%);--color-text-body: hsl(0, 5%, 25%);--color-text-muted: hsl(0, 1%, 44%);--space-xxxxs: 0.125rem;--space-xxxs: 0.25rem;--space-xxs: 0.375rem;--space-xs: 0.5rem;--space-s: 0.75rem;--space-m: 1rem;--space-l: 1.5rem;--space-xl: 2rem;--space-xxl: 2.5rem;--space-xxxl: 3rem;--space-xxxxl: 4rem;--color-primary: hsl(350, 67%, 50%);--color-primary-rotate: hsl(10, 73%, 54%);--color-primary-bg: hsl(0, 85%, 96%);--color-secondary: hsl(101, 45%, 56%);--color-secondary-rotate: hsl(120, 45%, 56%);--color-tertiary: hsl(49, 89%, 64%);--color-glint: hsl(210, 100%, 82%);--color-white: hsl(0, 0%, 100%);--color-background: hsl(30, 50%, 98%);--color-light: hsl(0, 6%, 93%);--color-dark: var(--color-text-header);--border-radius: 0.375rem;--border: solid 2px var(--color-light);--shadow-large: 2px 4px 10px hsl(0 0% 0% / 0.1);--shadow-small: 1px 3px 6px hsl(0 0% 0% / 0.1)}*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}html{overflow-y:scroll;height:100%}body{display:flex;flex-direction:column;min-height:100%;background-color:var(--color-background);color:var(--color-text-body);line-height:var(--line-height-body);font-family:var(--font-family-sans)}img,picture,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}h1,h2,h3,h4,h5,h6{color:var(--color-text-header);line-height:var(--line-height-headers)}h1{font-size:var(--font-size-xxxl)}h2{font-size:var(--font-size-xxl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-l)}a{color:var(--color-primary);text-decoration:none;transition:color 200ms}a:hover,a:focus,a:active{color:var(--color-primary-rotate)}.btn{display:inline-block;padding:var(--space-xxxs) var(--space-xxs);border-radius:var(--border-radius);background-origin:border-box;background-color:rgba(0,0,0,0);border:solid 2px rgba(0,0,0,0);font-weight:bold;text-decoration:none;cursor:pointer;outline:none;transition:filter 400ms,color 200ms;font-size:var(--font-size-s)}.btn:hover,.btn:focus,.btn:focus-within,.btn:active{transition:filter 250ms,color 200ms}.btn--primary{color:var(--color-white);background-image:linear-gradient(to right, var(--color-primary), var(--color-primary-rotate))}.btn--primary:hover,.btn--primary:focus,.btn--primary:focus-within,.btn--primary:active{color:var(--color-white);filter:saturate(1.4) brightness(115%)}.btn--primary--manage-journal{padding:var(--space-xxxs) var(--space-xxs);font-size:var(--font-size-m)}.btn--primary--short{padding:0 var(--space-xxxs)}.btn--secondary{color:var(--color-white);background-image:linear-gradient(to right, var(--color-secondary), var(--color-secondary-rotate))}.btn--secondary:hover,.btn--secondary:focus,.btn--secondary:focus-within,.btn--secondary:active{color:var(--color-white);filter:saturate(1.2) brightness(110%)}.btn--light{color:var(--color-dark);background-color:var(--color-light)}.btn--light:hover,.btn--light:focus,.btn--light:focus-within,.btn--light:active{color:var(--color-dark);filter:brightness(92%)}.btn--dark{color:var(--color-white);border-color:var(--color-dark);background-color:var(--color-dark)}.btn--dark:hover,.btn--dark:focus,.btn--dark:focus-within,.btn--dark:active{color:var(--color-white)}.btn--homepage{padding:var(--space-xs) var(--space-s);font-size:var(--font-size-l)}.error-message{width:100%;color:var(--color-primary);background-color:var(--color-primary-bg);padding:var(--space-xs);border-radius:var(--border-radius)}.form{display:flex;flex-flow:wrap;gap:var(--space-xs)}.form__group{flex:1}.form__input{display:block;width:100%;max-width:100%;padding:var(--space-xxs) var(--space-xs);border:var(--border);border-radius:var(--border-radius);outline:none;transition:box-shadow 250ms;font-size:var(--font-size-l)}@media(min-width: 50rem){.form__input{font-size:var(--font-size-xl)}}.form__input:focus{box-shadow:0 0 0 2px var(--color-glint)}.form__input--invalid{border-color:var(--color-primary)}.form__input__button_block{flex-basis:100%}.visually-hidden{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.journal{display:flex;justify-content:space-between;align-items:center;gap:var(--space-s);background-color:var(--color-white);border-radius:var(--border-radius);box-shadow:var(--shadow-small);margin-bottom:var(--space-m);padding:var(--space-xs);font-size:var(--font-size-l)}@media(min-width: 50rem){.journal{padding:var(--space-xs) var(--space-m);font-size:var(--font-size-xl)}}.journal__actions{display:flex;flex:0 0 auto;align-self:flex-start;gap:var(--space-xs)}.journal__date{font-size:var(--font-size-xs)}.turbo-progress-bar{background:linear-gradient(to right, var(--color-primary), var(--color-primary-rotate))}.navbar{display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-large);padding:var(--space-xs) var(--space-m);margin-bottom:var(--space-l);background-color:var(--color-white)}.navbar__group{font-weight:bold;font-size:var(--font-size-m);color:var(--color-text-header)}.navbar__languages{font-weight:bold;color:var(--color-text-header)}.navbar__name{font-weight:bold;color:var(--color-text-header)}.navbar__notes_button{color:var(--color-white)}.flash{position:fixed;top:3.5rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-s);max-width:100%;width:max-content;padding:0 var(--space-m)}.flash__message{font-size:var(--font-size-s);color:var(--color-white);padding:var(--space-xs) var(--space-m);background-color:var(--color-dark);animation:appear-then-fade 4s both;border-radius:999px}.empty-state{margin:var(--space-m) 0;padding:var(--space-m);border:var(--border);border-style:dashed;text-align:center}.empty-state__text{font-size:var(--font-size-l);color:var(--color-text-header);margin-bottom:var(--space-l);font-weight:bold}.empty-state--only-child{display:none}.empty-state--only-child:only-child{display:revert}.form.entry textarea.form__input{font-size:var(--font-size-l)}@media(min-width: 50rem){.form.entry textarea.form__input{font-size:var(--font-size-xl)}}.entry{margin-top:var(--space-xxs);margin-bottom:var(--space-xxs)}.entry__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs)}.entry__title{font-size:var(--font-size-xl)}@media(min-width: 50rem){.entry__title{font-size:var(--font-size-xxl)}}.entry p{font-size:var(--font-size-l)}@media(min-width: 50rem){.entry p{font-size:var(--font-size-xl)}}.entry__date{font-size:var(--font-size-xs)}.entry__actions{display:flex;gap:var(--space-xs)}.note{margin-top:var(--space-xxs);margin-bottom:var(--space-xxs);font-size:var(--font-size-l)}@media(min-width: 50rem){.note{padding:var(--space-xs) var(--space-m);font-size:var(--font-size-xl)}}.note__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs)}.note__header h5{font-size:var(--font-size-s)}.note__header span{font-size:var(--font-size-xs);line-height:var(--font-size-xs)}.note__title{font-size:var(--font-size-m)}@media(min-width: 50rem){.note__title{font-size:var(--font-size-m)}}.note__actions{display:flex;gap:var(--space-xs)}.note__next_review{display:flex;align-items:center}.notes_box_scroll{max-height:80vh;min-height:10vh;height:45vh;overflow-y:auto;border:var(--border);resize:vertical}@media(max-width: 25rem){.notes_box_scroll{height:40vh}}.card{background-color:var(--color-glint);padding:var(--space-xxs) var(--space-xxs);border-radius:var(--border-radius);font-size:var(--font-size-l)}@media(min-width: 50rem){.card{font-size:var(--font-size-xl)}}.card__change{padding:var(--space-xxxs) 0}.card__change__title{display:flex;justify-content:space-between;align-items:center}.card__change__title div form{display:inline}.card__change__corrected{margin-bottom:5px}.card__change_content div{padding:var(--space-xxxs) 0}.followup{margin-top:var(--space-xxs);margin-bottom:var(--space-xxs);display:flex;flex-direction:column}.followup textarea{min-height:10vh;font-size:var(--font-size-l);padding:var(--space-xxxs)}@media(min-width: 50rem){.followup textarea{padding:var(--space-xs) var(--space-m);font-size:var(--font-size-xl)}}.followup__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs)}.followup__title{font-size:var(--font-size-m)}@media(min-width: 50rem){.followup__title{font-size:var(--font-size-m)}}.followup__date{font-size:var(--font-size-xs)}.followup__actions{display:flex;gap:var(--space-xs)}.request_form{margin-top:var(--space-xxs);margin-bottom:var(--space-xxs);display:flex;flex-direction:column}.request_form label{display:block}.request_form textarea{height:10vh;width:100%;padding:var(--space-xxxs);margin:var(--space-xxxxs);font-size:var(--font-size-l)}@media(min-width: 50rem){.request_form textarea{font-size:var(--font-size-xl)}}#send_button{flex-grow:1;font-size:var(--font-size-l)}@media(min-width: 50rem){#send_button{font-size:var(--font-size-xl)}}.send_button_box{display:flex;justify-content:center}.quiz_answer{font-size:var(--font-size-l)}@media(min-width: 50rem){.quiz_answer{padding:var(--space-xs) var(--space-m);font-size:var(--font-size-xl)}}@keyframes appear-then-fade{0%,100%{opacity:0}5%,60%{opacity:1}}.container{width:100%;padding-right:var(--space-xs);padding-left:var(--space-xs);margin-left:auto;margin-right:auto}@media(min-width: 50rem){.container{padding-right:var(--space-m);padding-left:var(--space-m);max-width:60rem}}.container--homepage h1{font-size:var(--font-size-xxxxl)}.container--homepage p{font-size:var(--font-size-m)}.header{display:flex;flex-wrap:wrap;gap:var(--space-s);justify-content:space-between;align-items:center;margin-top:var(--space-m);margin-bottom:var(--space-s)}@media(min-width: 50rem){.header{margin-bottom:var(--space-xl)}}@media(max-width: 25rem){.header{flex-wrap:nowrap}.header h1{font-size:var(--space-l)}.header h3{font-size:var(--space-m)}}