:root{--lesson-word-ink: #3a4454;--lesson-word-active-ink: #000000}.dark{--lesson-word-ink: #dce3ec;--lesson-word-active-ink: #ffffff}.lesson-word{color:var(--lesson-word-ink);display:inline-block;transition:color .15s ease,opacity .15s ease,transform .18s cubic-bezier(.34,1.56,.64,1)}.lesson-word--irregular{color:#ef4444}.dark .lesson-word--irregular{color:#facc15}.lesson-word--speaking,.dark .lesson-word--speaking{color:#f59e0b}.lesson-word--dimmed{opacity:.55}.lesson-word.lesson-word--tapped{color:var(--lesson-word-active-ink);transform:scale(1.15)}@media(prefers-reduced-motion:reduce){.lesson-word{transition:color .15s ease,opacity .15s ease}.lesson-word.lesson-word--tapped{transform:none}}.exploding-presents-root{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 40%,#1b1f3a,#0a0a14);overflow:hidden}.presents-stage{display:flex;align-items:center;justify-content:center;position:relative}@keyframes present-drop-in{0%{opacity:0;transform:translateY(-60px) scale(.7)}60%{transform:translateY(8px) scale(1.05)}80%{transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes present-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes present-explode-pop{0%{transform:scale(1);opacity:1}30%{transform:scale(1.15);opacity:1}to{transform:scale(.9);opacity:.8}}.present-intro{animation:present-drop-in .7s cubic-bezier(.34,1.56,.64,1) forwards;filter:drop-shadow(0 0 20px rgba(255,200,50,.35))}.present-idle{animation:present-float 3s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(255,200,50,.35));transition:filter .2s ease}.present-idle:hover{filter:drop-shadow(0 0 30px rgba(255,200,50,.5)) drop-shadow(0 0 50px rgba(255,180,0,.3))}.present-explode{animation:present-explode-pop .3s ease-out forwards}@keyframes continue-hint-pulse{0%{transform:scale(1);box-shadow:0 10px 15px -3px #0000001a,0 0 #ffc832b3}40%{transform:scale(1.04);box-shadow:0 10px 15px -3px #0000001a,0 0 0 14px #ffc83200}to{transform:scale(1);box-shadow:0 10px 15px -3px #0000001a,0 0 #ffc83200}}.continue-hint-pulse{animation:continue-hint-pulse .9s ease-out 2}@keyframes countdown-ring-deplete{0%{stroke-dashoffset:0}to{stroke-dashoffset:var(--countdown-ring-circumference, 100)}}.countdown-ring{display:inline-flex;align-items:center;justify-content:center;pointer-events:none}@media(prefers-reduced-motion:reduce){.countdown-ring svg circle:last-child{animation:none!important;stroke-dashoffset:0!important}}@keyframes countdown-bar-deplete{0%{width:100%}to{width:0%}}.countdown-bar{position:relative;display:block;width:100%;height:6px;border-radius:9999px;overflow:hidden}.countdown-bar-fill{display:block;height:100%;width:100%;border-radius:inherit}@media(prefers-reduced-motion:reduce){.countdown-bar-fill{animation:none!important;width:100%!important}}@keyframes autoplay-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}.autoplay-wiggle{display:inline-flex;animation:autoplay-wiggle .9s ease-in-out infinite;transform-origin:50% 70%}.autoplay-wiggle-once{display:inline-flex;animation:autoplay-wiggle .9s ease-in-out 1;transform-origin:50% 70%}@keyframes cue-wiggle{0%,55%,to{transform:rotate(0) scale(1)}8%{transform:rotate(-11deg) scale(1.07)}22%{transform:rotate(10deg) scale(1.07)}35%{transform:rotate(-7deg) scale(1.04)}46%{transform:rotate(4deg) scale(1.02)}}.cue-wiggle{animation:cue-wiggle 1.6s ease-in-out infinite;transform-origin:50% 60%}@keyframes autoplay-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.18);opacity:.75}}.autoplay-pulse{display:inline-flex;animation:autoplay-pulse 1.2s ease-in-out infinite}@keyframes autoplay-spin{to{transform:rotate(360deg)}}.autoplay-spin{display:inline-flex;animation:autoplay-spin 1.8s linear infinite}@keyframes autoplay-dot-bounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-3px);opacity:1}}.autoplay-ellipsis .ellipsis-dot{transform-origin:center;animation:autoplay-dot-bounce 1.2s ease-in-out infinite}.autoplay-ellipsis .ellipsis-dot-1{animation-delay:0s}.autoplay-ellipsis .ellipsis-dot-2{animation-delay:.18s}.autoplay-ellipsis .ellipsis-dot-3{animation-delay:.36s}@media(prefers-reduced-motion:reduce){.autoplay-wiggle,.autoplay-wiggle-once,.cue-wiggle,.autoplay-pulse,.autoplay-spin,.autoplay-ellipsis .ellipsis-dot{animation:none!important}}@keyframes mascot-point-bounce{0%{transform:translateY(0) rotate(0)}25%{transform:translateY(8px) rotate(-6deg)}50%{transform:translateY(0) rotate(0)}75%{transform:translateY(8px) rotate(-6deg)}to{transform:translateY(0) rotate(0)}}.mascot-point-hint{animation:mascot-point-bounce 1.6s ease-in-out 1;transform-origin:50% 80%}@keyframes magic-confetti-fall{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(var(--mc-dx, 0px),var(--mc-dy, 220px)) rotate(var(--mc-rot, 540deg));opacity:0}}@keyframes magic-sparkle-ring{0%{transform:translate(-50%,-50%) scale(.2);opacity:.9}70%{opacity:.6}to{transform:translate(-50%,-50%) scale(2.4);opacity:0}}@keyframes magic-mascot-cheer{0%{transform:translateY(0) rotate(0) scale(1)}20%{transform:translateY(-14px) rotate(-8deg) scale(1.1)}40%{transform:translateY(0) rotate(6deg) scale(1.05)}60%{transform:translateY(-10px) rotate(-4deg) scale(1.08)}80%{transform:translateY(0) rotate(3deg) scale(1.02)}to{transform:translateY(0) rotate(0) scale(1)}}.magic-celebration-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:60;overflow:hidden}.magic-celebration-burst{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);width:0;height:0}.magic-confetti-piece{position:absolute;left:0;top:0;width:10px;height:14px;border-radius:2px;animation:magic-confetti-fall 1.4s cubic-bezier(.22,.61,.36,1) forwards;will-change:transform,opacity}.magic-sparkle-ring{position:absolute;left:0;top:0;width:120px;height:120px;border-radius:50%;border:4px solid rgba(255,220,90,.85);box-shadow:0 0 24px #ffdc5a99,inset 0 0 16px #ffdc5a80;animation:magic-sparkle-ring .9s ease-out forwards}.magic-mascot-cheer{animation:magic-mascot-cheer 1.2s ease-in-out 1;transform-origin:50% 80%}@keyframes continue-hint-arrow-bounce{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,10px)}}@keyframes continue-hint-arrow-fade-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.continue-hint-arrow{position:absolute;left:50%;top:-54px;transform:translate(-50%);background:transparent;border:none;padding:4px;cursor:pointer;color:#f5a524;filter:drop-shadow(0 4px 6px rgba(0,0,0,.2));animation:continue-hint-arrow-fade-in .25s ease-out 1,continue-hint-arrow-bounce .9s ease-in-out infinite .25s;z-index:5}.continue-hint-arrow:focus-visible{outline:2px solid #f5a524;outline-offset:4px;border-radius:9999px}@media(prefers-reduced-motion:reduce){.continue-hint-pulse,.mascot-point-hint,.magic-confetti-piece,.magic-sparkle-ring,.magic-mascot-cheer,.continue-hint-arrow{animation:none!important}.magic-confetti-piece,.magic-sparkle-ring{opacity:0!important}}@font-face{font-family:Andika;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/andika-700-Dk95f5lc.woff2) format("woff2")}:root{--blend-consonant: #1a1a1a;--blend-vowel: #c2683f;--blend-digraph: #5a8aa6}html.dark{--blend-consonant: #f0eae0;--blend-vowel: #e8946a;--blend-digraph: #8cc5e0}.blend-tile{font-family:Andika,Lexend,ui-sans-serif,system-ui,sans-serif;font-weight:700;line-height:1;white-space:pre;transform-origin:50% 60%;color:var(--blend-consonant)}.blend-tile[data-kind=vowel]{color:var(--blend-vowel)}.blend-tile[data-kind=digraph]{color:var(--blend-digraph)}.blend-split-arc{stroke:var(--blend-vowel)}.blend-stage{height:190px}.blend-tile{font-size:76px}@media(max-width:520px){.blend-stage{height:150px}.blend-tile{font-size:56px}}