Knowji

<div class="w-full text-token-text-primary" data-testid="conversation-turn-11"> <div class="px-4 py-2 justify-center text-base md:gap-6 m-auto"> <div class="flex flex-1 text-base mx-auto gap-3 md:px-5 lg:px-1 xl:px-5 md:max-w-3xl lg:max-w-[40rem] xl:max-w-[48rem] group"> <div class="relative flex w-full flex-col agent-turn"> <div class="flex-col gap-1 md:gap-3"> <div class="flex flex-grow flex-col max-w-full"> <div class="min-h-[20px] text-message flex flex-col items-start gap-3 whitespace-pre-wrap break-words [.text-message+&amp;]:mt-5 overflow-x-auto" data-message-author-role="assistant" data-message-id="288f5dd7-c02f-4c15-87c4-22600f3dbd95"> <div class="markdown prose w-full break-words dark:prose-invert light"> Knowji is a vocabulary learning app that uses fun cartoon characters to make learning new words engaging and effective. It employs scientifically proven methodologies, including a spaced repetition algorithm, to ensure long-term memory retention. The app tracks your progress and adjusts the frequency of word review based on your learning needs, offering a game-like experience with various learning modes to keep the process interesting​​. </div> </div> </div> <div class="mt-1 flex justify-start gap-3 empty:hidden"> <div class="text-gray-400 flex self-end lg:self-center justify-center lg:justify-start mt-0 -ml-1 visible"><button class="flex items-center gap-1.5 rounded-md p-1 text-xs text-token-text-tertiary hover:text-token-text-primary md:invisible md:group-hover:visible md:group-[.final-completion]:visible"></button> <div class="flex"></div> </div> </div> </div> <div class="absolute"> <div class="flex w-full gap-2 items-center justify-center"></div> </div> </div> </div> </div> </div> <div class="w-full text-token-text-primary" data-testid="conversation-turn-12"> <div class="px-4 py-2 justify-center text-base md:gap-6 m-auto"> <div class="flex flex-1 text-base mx-auto gap-3 md:px-5 lg:px-1 xl:px-5 md:max-w-3xl lg:max-w-[40rem] xl:max-w-[48rem] group"> <div class="flex-shrink-0 flex flex-col relative items-end"> <div> <div class="pt-0.5"> <div class="gizmo-shadow-stroke flex h-6 w-6 items-center justify-center overflow-hidden rounded-full"></div> </div> </div> </div> </div> </div> </div>