@import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Nunito:wght@600;700;800&display=swap");.read-along{--ra-bg:#f4efe6;--ra-paper:#fffbf4;--ra-ink:#2a2622;--ra-muted:#7a736a;--ra-forest:#6d28d9;--ra-forest-fg:#faf5ff;--ra-line:#d9d0c2;--ra-inset:#ebe4d6;--ra-danger:#8f3d2b;background:var(--ra-bg);color:var(--ra-ink);min-height:100dvh;font-family:Nunito,ui-rounded,system-ui,sans-serif}.read-along .ra-display,.read-along h1,.read-along h2,.read-along h3{font-family:Fraunces,Times New Roman,serif}@keyframes ra-piece{0%{opacity:0;transform:translate(var(--ox,0),var(--oy,12px)) scale(.9)}72%{opacity:1;transform:translate(0) scale(1.03)}to{opacity:1;transform:none}}@keyframes ra-lock{0%{opacity:0}to{opacity:1}}@keyframes ra-pulse{0%,to{box-shadow:0 0 0 0 rgb(109 40 217/.28)}50%{box-shadow:0 0 0 6px rgb(109 40 217/0)}}.read-along .piece-enter{transform-box:fill-box;transform-origin:center;animation:ra-piece .52s cubic-bezier(.22,1,.36,1) both}.read-along .picture-lock{animation:ra-lock .48s ease both}.read-along .word-current{animation:ra-pulse 1.8s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.read-along .picture-lock,.read-along .piece-enter,.read-along .word-current{animation:none}}