@font-face{font-family:Boogaloo;src:url('/fonts/Boogaloo-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Andika;src:url('/fonts/Andika-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Andika;src:url('/fonts/Andika-Bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
/* English display type has a hand-drawn rhythm; learning words use clear letterforms. */
html[lang=en] body,html[lang=en] input,html[lang=en] textarea,html[lang=en] select,html[lang=en] button{font-family:Andika,Nunito,sans-serif}
html[lang=en] :is(.hero h1,.page-heading h1,.section-heading h2,.section-heading h2 span,.activity-card h3,.completion h2,.dropzone strong,.little-note,.modal-head h2,.welcome h1){font-family:Boogaloo,sans-serif;font-weight:400;letter-spacing:.2px}
html[lang=en] .hero h1{font-size:46px;line-height:1.12}
html[lang=en] .page-heading h1{font-size:40px}html[lang=en] .section-heading h2,html[lang=en] .section-heading h2 span{font-size:29px}
html[lang=en] .activity-card h3{font-size:29px;line-height:1.2}html[lang=en] .modal-head h2{font-size:27px}
html[lang=en] :is(.brand strong,.mobile-brand,.welcome .brand){font-family:Boogaloo,sans-serif;font-weight:400;letter-spacing:.2px}
html[lang=en] .brand strong{font-size:27px;line-height:1.02}html[lang=en] .mobile-brand{font-size:23px}
html[lang=en] .welcome h1{font-size:44px;line-height:1.15}html[lang=en] .welcome .brand{font-size:25px}
html[lang=en] :is(.word-body h3,.word-title,.mini-word strong,.sentence-box p,.practice-prompt h3,.day-note h2,.day-note h3,.month-heading h2,.stat strong){font-family:Andika,sans-serif;font-weight:700}
html[lang=en] .word-body h3{font-size:23px}html[lang=en] .word-title{font-size:44px;line-height:1.25;overflow-wrap:anywhere}
html[lang=en] :is(.language-tabs button,.nav-button,.primary,.secondary,.chip){font-weight:700}
html[lang=en] .little-note{font-size:24px;line-height:1.4}html[lang=en] .hero-sticker{font-family:Andika,sans-serif;font-weight:700}html[lang=en] .hero-note{font-family:Andika,sans-serif;font-size:14px}
@media(max-width:760px){html[lang=en] .hero h1{font-size:36px}html[lang=en] .hero p{max-width:165px}html[lang=en] .page-heading h1{font-size:34px}html[lang=en] .section-heading h2,html[lang=en] .section-heading h2 span{font-size:26px}html[lang=en] .activity-card h3{font-size:26px}html[lang=en] .word-body h3{font-size:21px}html[lang=en] .word-title{font-size:37px}html[lang=en] .language-tabs button{padding-inline:8px}html[lang=en] .topbar .primary{font-size:11px;padding-inline:10px}}