.reading-bar{display:none}html.reading .reading-bar{display:flex}.hello-portrait{transform-origin:50% 100%;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.group:hover .hello-portrait{transform:scale(1.03)rotate(-1deg)}@keyframes hello-pop{0%{transform:scale(1)}30%{transform:scale(1.08,.92)}55%{transform:scale(.96,1.06)}to{transform:scale(1)}}.hello-pop{animation:.45s cubic-bezier(.34,1.56,.64,1) hello-pop}@keyframes breathe{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-2px)rotate(.6deg)}}@keyframes talk-vela{0%{transform:translateY(0)rotate(0)}30%{transform:translateY(-8px)rotate(-3deg)}60%{transform:translateY(0)rotate(0)}80%{transform:translateY(-4px)rotate(2deg)}to{transform:translateY(0)rotate(0)}}@keyframes talk-oko{0%{transform:rotate(0)scale(1)}45%{transform:rotate(-4deg)scale(1.04)}to{transform:rotate(0)scale(1)}}@keyframes talk-pelu{0%{transform:translateY(0)scale(1)}12%{transform:translateY(0)scale(1.1,.88)}40%{transform:translateY(-22px)scale(.94,1.08)}65%{transform:translateY(0)scale(1.08,.92)}80%{transform:translateY(-8px)scale(.98,1.03)}to{transform:translateY(0)scale(1)}}@keyframes talk-bruma{0%{transform:translate(0)rotate(0)}40%{transform:translate(-5px,-8px)rotate(-2deg)}to{transform:translate(0)rotate(0)}}@keyframes talk-gami{0%{transform:rotate(0)}50%{transform:rotate(3deg)}to{transform:rotate(0)}}@keyframes talk-captain-barnacle{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-10px)rotate(-4deg)}50%{transform:translateY(0)rotate(0)}70%{transform:translateY(-5px)rotate(3deg)}}@keyframes talk-paper-pirates{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}@keyframes talk-crow{0%,to{transform:translateY(0)scale(1)}20%{transform:translateY(2px)scale(1.06,.94)}45%{transform:translateY(-12px)scale(.97,1.04)rotate(-2deg)}70%{transform:translateY(0)scale(1.03,.97)}}@keyframes talk-noon{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes talk-wisp{0%,to{opacity:1;transform:translateY(0)}40%{opacity:.75;transform:translateY(-10px)}70%{opacity:1;transform:translateY(-4px)}}@keyframes talk-hollow-house-ghosts{0%,to{transform:translateY(0)rotate(0)}30%{transform:translateY(-6px)rotate(-2deg)}65%{transform:translateY(-3px)rotate(2deg)}}@keyframes talk-thimble{0%,to{transform:translateY(0)scale(1)}30%{transform:translateY(3px)scale(1.03,.95)}60%{transform:translateY(-4px)scale(1)}}@keyframes talk-grand-owl{0%,to{transform:scale(1)}40%{transform:scale(1.06)}70%{transform:scale(.99)}}@keyframes talk-snow-dragon{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(-1.5deg)}}@keyframes talk-baby-dragon{0%,60%{transform:scale(1)}75%{transform:scale(1.08,.9)}82%{transform:translateY(-14px)scale(.94,1.08)}to{transform:scale(1)}}.hello-talk{animation:3s ease-in-out infinite breathe}.hello-move.hello-vela{animation:1.1s ease-in-out talk-vela}.hello-move.hello-oko{animation:1.6s ease-in-out talk-oko}.hello-move.hello-pelu{animation:1s cubic-bezier(.45,0,.55,1) talk-pelu}.hello-move.hello-bruma{animation:2s ease-in-out talk-bruma}.hello-move.hello-gami{animation:2.2s ease-in-out talk-gami}.hello-move.hello-captain-barnacle{animation:1.2s ease-in-out talk-captain-barnacle}.hello-move.hello-paper-pirates{animation:1.8s ease-in-out talk-paper-pirates}.hello-move.hello-crow{animation:1.2s ease-in-out talk-crow}.hello-move.hello-noon{animation:2.4s ease-in-out talk-noon}.hello-move.hello-wisp{animation:2s ease-in-out talk-wisp}.hello-move.hello-hollow-house-ghosts{animation:2s ease-in-out talk-hollow-house-ghosts}.hello-move.hello-thimble{animation:1.2s ease-in-out talk-thimble}.hello-move.hello-grand-owl{animation:1.6s ease-in-out talk-grand-owl}.hello-move.hello-snow-dragon{animation:2.6s ease-in-out talk-snow-dragon}.hello-move.hello-baby-dragon{animation:2.4s ease-in-out talk-baby-dragon}.hello-talk{transition:none}@keyframes bubble-in{0%{opacity:0;transform:translateY(8px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.hello-bubble-in:not([hidden]){transform-origin:50% 100%;animation:.32s cubic-bezier(.34,1.56,.64,1) bubble-in}@media (prefers-reduced-motion:reduce){.hello-pop,.hello-talk,.hello-move,.hello-bubble-in:not([hidden]){animation:none}.hello-portrait,.group:hover .hello-portrait{transition:none;transform:none}}.hello-bubble{translate:var(--nudge,0px) 0}.hello-bubble:after{content:"";margin-left:calc(-.6rem - var(--nudge,0px));border:.6rem solid #0000;border-top-color:var(--color-st-cream);border-bottom:0;position:absolute;top:100%;left:50%}.hello-bubble .read-word{border-radius:.35em;margin:0 -.15em;padding:0 .15em;transition:background-color .1s ease-out}.hello-bubble .read-word.read-current,.dark .hello-bubble .read-word.read-current{background-color:var(--color-st-gold);color:var(--color-st-navy);box-shadow:none}.read-along .read-word{cursor:pointer;border-radius:.25em;transition:background-color .12s ease-out}.read-word.read-current{background-color:#f0a63c59;box-shadow:0 0 0 .15em #f0a63c59}.dark .read-word.read-current{background-color:#f0a63c66;box-shadow:0 0 0 .15em #f0a63c66}@media (prefers-reduced-motion:reduce){.read-along .read-word{transition:none}}