.kid-face[data-astro-cid-gl2udtl2]{width:100%;height:auto;display:block;overflow:visible}.mouth-smile[data-astro-cid-gl2udtl2],.sparkle[data-astro-cid-gl2udtl2]{display:none}.happy>.kid-face[data-astro-cid-gl2udtl2] .mouth-smile[data-astro-cid-gl2udtl2],.happy>.kid-face[data-astro-cid-gl2udtl2] .sparkle[data-astro-cid-gl2udtl2]{display:inline}.happy>.kid-face[data-astro-cid-gl2udtl2] .mouth-plain[data-astro-cid-gl2udtl2]{display:none}.dragon[data-astro-cid-bggx5p7x]{--dragon:#e0533a;--smoke:1;width:100%;height:auto;display:block;overflow:visible}.d-body[data-astro-cid-bggx5p7x]{fill:var(--dragon);transition:fill .6s}.d-dark[data-astro-cid-bggx5p7x]{fill:color-mix(in srgb, var(--dragon) 78%, #000);transition:fill .6s}.d-light[data-astro-cid-bggx5p7x]{fill:color-mix(in srgb, var(--dragon) 70%, #fff);transition:fill .6s}.smoke[data-astro-cid-bggx5p7x]{fill:#b9bdc9;opacity:var(--smoke);transform-box:fill-box;transform-origin:50% 100%;transition:opacity .6s;animation:1.4s ease-out infinite puff}@keyframes puff{0%{transform:translateY(6px)scale(.8)}to{transform:translateY(-10px)scale(1.15)}}.dm[data-astro-cid-bggx5p7x]{display:none}.dragon[data-astro-cid-bggx5p7x][data-mood=angry] .dm-angry[data-astro-cid-bggx5p7x],.dragon[data-astro-cid-bggx5p7x][data-mood=calm] .dm-calm[data-astro-cid-bggx5p7x],.dragon[data-astro-cid-bggx5p7x][data-mood=sleep] .dm-sleep[data-astro-cid-bggx5p7x]{display:inline}.zzz[data-astro-cid-bggx5p7x] text[data-astro-cid-bggx5p7x]{animation:2.4s ease-in-out infinite float}.zzz[data-astro-cid-bggx5p7x] text[data-astro-cid-bggx5p7x]:nth-child(2){animation-delay:.4s}.zzz[data-astro-cid-bggx5p7x] text[data-astro-cid-bggx5p7x]:nth-child(3){animation-delay:.8s}@keyframes float{50%{transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.smoke[data-astro-cid-bggx5p7x],.zzz[data-astro-cid-bggx5p7x] text[data-astro-cid-bggx5p7x]{animation:none}}.wing[data-astro-cid-eqpk5rw2]{transform-box:view-box;transform-origin:24px 20px;animation:.35s ease-in-out infinite alternate flap}@keyframes flap{to{transform:scaleX(.35)}}@media (prefers-reduced-motion:reduce){.wing[data-astro-cid-eqpk5rw2]{animation:none}}.joc-section[data-astro-cid-d2hr44ix]{padding-top:clamp(24px,4vw,48px)}.joc-intro[data-astro-cid-d2hr44ix]{margin-bottom:1.2rem}.joc-intro[data-astro-cid-d2hr44ix] h1[data-astro-cid-d2hr44ix]{margin-bottom:.3em}.crumbs[data-astro-cid-d2hr44ix]{color:var(--muted);margin-bottom:1rem;font-size:.9rem}.crumbs[data-astro-cid-d2hr44ix] a[data-astro-cid-d2hr44ix]{color:var(--muted)}.how[data-astro-cid-d2hr44ix]{counter-reset:how;margin:1.6rem 0;padding:0;list-style:none}.how[data-astro-cid-d2hr44ix] li[data-astro-cid-d2hr44ix]{counter-increment:how;padding-top:2rem;position:relative}.how[data-astro-cid-d2hr44ix] li[data-astro-cid-d2hr44ix]:before{content:counter(how);background:var(--orange);color:#3b2300;border-radius:50%;place-items:center;width:32px;height:32px;font-weight:800;display:grid;position:absolute;top:-14px;left:1.2rem}.how[data-astro-cid-d2hr44ix] h3[data-astro-cid-d2hr44ix]{margin-bottom:.3rem}.tips[data-astro-cid-d2hr44ix]{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1rem}.tips[data-astro-cid-d2hr44ix] ul[data-astro-cid-d2hr44ix]{margin:0;padding-left:1.2rem}.tips[data-astro-cid-d2hr44ix] li[data-astro-cid-d2hr44ix]{margin:.35rem 0}.songs-title[data-astro-cid-d2hr44ix]{margin:2.4rem 0 1rem}.joc{--emo:var(--teal);--emo-soft:var(--teal-soft);--emo-ink:var(--teal-ink);border:1px solid var(--line);min-height:min(780px,100svh - 24px);box-shadow:var(--shadow);background:radial-gradient(circle at 12% 8%, #fff 0, transparent 40%), linear-gradient(165deg, var(--emo-soft) 0%, #fff 75%);text-align:center;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:28px;flex-direction:column;padding:clamp(10px,2.4vmin,32px);font-size:clamp(1rem,.55rem + 1.35vmin,1.85rem);line-height:1.4;display:flex;position:relative;overflow:hidden}.joc:fullscreen{border:0;border-radius:0;min-height:100vh;overflow:auto}.joc:-webkit-full-screen{border:0;border-radius:0;width:100%;height:100%;overflow:auto}.joc [hidden]{display:none!important}:where(.joc button){font:inherit;color:inherit}.joc .btn{font-size:1em}.joc .btn-big{padding:.6em 1.5em;font-size:1.2em}.joc .btn-small{font-size:.85em}.joc h2{color:var(--emo-ink);margin:0;font-size:1.9em}.joc h2:focus{outline:none}.joc .say{max-width:34em;margin:0 auto;font-size:1.1em}.joc-bar{align-items:center;gap:.4em;display:flex}.joc-tools{gap:.4em;margin-left:auto;display:flex}.tool{border:2px solid var(--line);cursor:pointer;background:#ffffffd9;border-radius:999px;align-items:center;gap:.35em;padding:.3em .8em;font-size:.8em;font-weight:700;display:inline-flex}.tool:hover{border-color:var(--emo)}.tool svg{width:1.1em;height:1.1em}@media (width<=640px){.tool-label{display:none}.tool{padding:.35em .6em}}.screen{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.6em;padding:.6em 0 .8em;display:flex}.faces{grid-template-columns:repeat(4,minmax(0,1fr));gap:.9em;width:100%;max-width:46em;margin-top:.6em;display:grid}@media (width<=640px){.faces{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}.face-btn{background:var(--s);cursor:pointer;box-shadow:0 5px #1f24401f;box-shadow:0 5px 0 color-mix(in srgb, var(--c) 45%, transparent);border:3px solid #0000;border-radius:1.1em;flex-direction:column;align-items:center;gap:.15em;padding:.8em .5em 1em;transition:transform .15s,border-color .15s;display:flex}.face-btn:hover{border-color:var(--c);transform:translateY(-4px)rotate(-1deg)}.face-btn:active{box-shadow:0 2px #1f24401f;box-shadow:0 2px 0 color-mix(in srgb, var(--c) 45%, transparent);transform:translateY(3px)}.face-img{width:82%;max-width:9em}.face-btn strong{font-family:var(--font-display);color:var(--k);font-size:1.45em;line-height:1.1}.face-says{color:var(--muted);font-size:.85em;font-weight:700}.split{text-align:left;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);align-items:center;gap:1.4em;width:100%;max-width:48em;display:grid}.split-face{justify-self:end;width:100%;max-width:12em}.split-main{flex-direction:column;align-items:flex-start;gap:.5em;display:flex}.split-main .say{margin:0}@media (width<=640px){.split{text-align:center;grid-template-columns:1fr;gap:.6em}.split-face{justify-self:center;max-width:6.5em}.split-main{align-items:center}}.thermo-row{gap:.8em;height:15em;margin-top:.2em;display:flex}.thermo{cursor:pointer;flex:none;width:auto;height:100%}.mercury,.bulb{fill:var(--emo);transition:fill .4s}.mercury{transform-box:fill-box;transform-origin:50% 100%;transform:scaleY(var(--level,.08));transition:transform .7s cubic-bezier(.3,1.4,.5,1)}.levels{width:9.6em;position:relative}.level{border:3px solid var(--line);min-width:7.6em;font-family:var(--font-display);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:.5em;padding:.2em 1em .2em .35em;font-size:1.15em;font-weight:700;transition:border-color .2s,translate .15s;display:flex;position:absolute;top:20%;left:0;transform:translateY(-50%)}.level:nth-child(2){top:42.7%}.level:nth-child(3){top:65.3%}.level:hover:not(:disabled){border-color:var(--emo);translate:4px}.level[aria-pressed=true]{border-color:var(--emo);background:var(--emo-soft)}.level:disabled{cursor:default}.dot-box{flex:none;place-items:center;width:2em;height:2em;display:grid}.dot{width:var(--d);height:var(--d);background:var(--emo);border-radius:50%}.player{border:1px solid var(--line);width:100%;max-width:24em;box-shadow:var(--shadow);background:#fff;border-radius:999px;align-items:center;gap:.8em;padding:.35em 1.2em .35em .35em;display:flex}.play{background:var(--emo-ink);color:#fff;cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;width:3em;height:3em;display:grid}.play svg{fill:currentColor;width:1.4em;height:1.4em}.play .i-pause,.play.playing .i-play{display:none}.play.playing .i-pause{display:block}.player-info{text-align:left;flex:1;gap:.35em;font-size:.9em;font-weight:700;display:grid}.track{background:var(--line);border-radius:999px;height:.5em;display:block;overflow:hidden}.track-fill{background:var(--emo);border-radius:inherit;width:0;height:100%;display:block}.lyrics{border-left:4px solid var(--emo);text-align:left;background:#ffffffbf;border-radius:0 12px 12px 0;margin:.2em 0 .4em;padding:.5em 1em;font-size:1em;font-style:italic}.lyrics span{display:block}.soon{color:var(--emo-ink);margin:0;font-weight:700}.pulse{animation:1.1s ease-in-out infinite alternate pulse}@keyframes pulse{to{transform:scale(1.06);box-shadow:0 0 0 .4em #f59e0b4d}}.ex .say{min-height:2.8em}.ex-next{margin-top:.4em}.frica-scene{aspect-ratio:16/8;width:100%;max-width:30em;position:relative}.frica-scene .cloud{width:40%;position:absolute;top:-4%;left:30%}.frica-teo{width:30%;position:absolute;bottom:0;left:35%}.frica-scene .bfly{width:10%;left:var(--x);top:var(--y);animation:2.4s ease-in-out infinite alternate wander;animation-delay:var(--delay);transition:left 1.4s ease-in-out,top 1.4s ease-in-out;position:absolute}.frica-scene .bfly.landed{left:var(--lx);top:var(--ly);animation:none}.frica-scene .bfly.landed .wing{animation-duration:1.4s}@keyframes wander{0%{transform:translate(0)rotate(-12deg)}50%{transform:translate(1.4em,-1em)rotate(10deg)}to{transform:translate(-.8em,.7em)rotate(-4deg)}}.candle{width:9%;position:absolute;bottom:0;right:3%}@media (width<=640px){.frica-scene{aspect-ratio:4/3}.frica-scene .cloud{width:50%;left:25%}.frica-teo{width:40%;left:30%}.frica-scene .bfly{width:13%}.candle{width:12%}}.flame{transform-box:fill-box;transform-origin:50% 100%;animation:.5s ease-in-out infinite alternate flicker}@keyframes flicker{to{transform:scale(.92,1.06)rotate(2deg)}}.candle.blow .flame{animation:2.6s ease-in-out blow}@keyframes blow{15%,80%{opacity:.55;transform:skew(-30deg)scale(.75,.45)}}.breathe{width:7.5em;height:7.5em;box-shadow:var(--shadow);cursor:pointer;touch-action:none;-webkit-touch-callout:none;background:#fff;border:0;border-radius:50%;transition:transform .3s;position:relative}.breathe.holding{transform:scale(1.1)}.breathe:disabled{cursor:default}.ring{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.ring-bg{fill:none;stroke:var(--emo-soft);stroke-width:10px}.ring-fill{fill:none;stroke:var(--emo);stroke-width:10px;stroke-linecap:round}.breathe-label{font-family:var(--font-display);color:var(--emo-ink);padding:0 .6em;font-size:1.05em;font-weight:800;line-height:1.1;position:relative}.furie-play{flex-wrap:wrap;justify-content:center;align-items:center;gap:.4em 1.4em;width:100%;display:flex}.pacer-label{min-width:7em;font-family:var(--font-display);color:var(--emo-ink);order:0;margin:0;font-size:1.3em;font-weight:800}.dragon-stage{aspect-ratio:1;order:1;place-items:center;width:min(15em,70vw);display:grid;position:relative}.count{min-width:4em;font-family:var(--font-display);color:var(--emo-ink);order:2;margin:0;font-size:2.8em;font-weight:800;line-height:1}.count-of{color:var(--muted);font-size:.4em}@media (width<=640px){.pacer-label{order:0;width:100%}.count{font-size:2em}}.pacer-ring{background:radial-gradient(circle,#e0533a29 50%,#0000 71%);border:4px dashed #e0533a73;border-radius:50%;transition:transform 2.5s ease-in-out;position:absolute;inset:0;transform:scale(1.02)}.ex-furie.exhale .pacer-ring{transform:scale(.78)}.ex-furie.still .pacer-ring{transition-duration:.6s;transform:scale(.85)}.dragon-btn{cursor:pointer;width:82%;transform:scale(var(--scale,1));background:0 0;border:0;padding:0;transition:transform .6s cubic-bezier(.3,1.5,.5,1);position:relative}.dragon-btn:disabled{cursor:default}.dragon-btn.angry .dragon{animation:.4s ease-in-out infinite alternate grr}@keyframes grr{to{transform:translate(3px)rotate(1.5deg)}}.bubble{white-space:nowrap;box-shadow:var(--shadow);color:var(--emo-ink);background:#fff;border-radius:999px;margin:0;padding:.3em .9em;font-size:.9em;font-weight:800;position:absolute;top:-.4em;left:50%;transform:translate(-50%)}.dots{flex-wrap:wrap;justify-content:center;gap:.35em;margin:.2em 0 0;padding:0;list-style:none;display:flex}.dots li{border:3px solid #e3e6ef;border:3px solid color-mix(in srgb, var(--emo) 35%, #fff);width:1.9em;height:1.9em;color:var(--muted);background:#fff;border-radius:50%;place-items:center;font-size:.8em;font-weight:800;transition:transform .3s,background .3s;display:grid}.dots li.on{background:var(--emo-ink);border-color:var(--emo-ink);color:#fff;transform:scale(1.12)}.wiggle{animation:.4s ease-in-out wiggle}@keyframes wiggle{25%{translate:-6px}75%{translate:6px}}.trist-play{justify-content:center;align-items:center;gap:.8em;width:100%;max-width:46em;display:flex}.sky-wrap{flex:1;max-width:25em;position:relative}.sky{width:100%;display:block}.sky-teo{width:27%;position:absolute;bottom:3%;left:50%;transform:translate(-50%)}.sky .cloud{fill:var(--cloud,#8d96a8);stroke:#dfe3ee;stroke-width:3px;transition:fill .6s}.sky .sun{opacity:var(--p,0);transform:translateY(calc((1 - var(--p,0)) * 24px));transition:opacity .6s,transform .6s}.sky .rainbow{opacity:0;transition:opacity 1.2s}.sky.rainbow-on .rainbow{opacity:1}.sky .drop{fill:#7cb3e8;animation:1.1s linear infinite rain}.sky .drop.gone{visibility:hidden}@keyframes rain{0%{opacity:0;transform:translateY(-6px)}30%{opacity:1}to{opacity:0;transform:translateY(42px)}}.sky .flower{transform-box:fill-box;transform-origin:50% 100%;transform:scale(calc(.35 + var(--p,0) * .65));transition:transform .6s}.wing-btn{cursor:pointer;opacity:.45;filter:grayscale(.5);background:0 0;border:0;border-radius:1em;flex:none;width:6.5em;padding:.3em;transition:opacity .3s,filter .3s}.wing-btn svg{width:100%;fill:var(--emo);display:block}.wing-right svg{transform:scaleX(-1)}.wing-label{font-family:var(--font-display);color:var(--emo-ink);font-weight:800;display:block}.wing-btn.glow{opacity:1;filter:none;animation:.9s ease-in-out infinite alternate glow}@keyframes glow{to{filter:drop-shadow(0 0 .4em #4a86d8b3);transform:scale(1.08)}}@media (width<=640px){.trist-play{flex-wrap:wrap;gap:.2em 2.5em}.sky-wrap{flex-basis:100%;order:-1}.sky-teo{width:32%}.wing-btn{width:5.5em}}.joy-teo{touch-action:none;width:min(13em,62vw);position:relative}.joy-teo .draw{cursor:crosshair;width:100%;height:100%;position:absolute;inset:0}.joy-teo .guide{fill:none;stroke:#c9a27e;stroke-width:3px;stroke-dasharray:2 9;stroke-linecap:round}.joy-teo .stroke{fill:none;stroke:#8a3b2e;stroke-width:6px;stroke-linecap:round;stroke-linejoin:round}.joy-teo .sparkles{pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity .4s;position:absolute;inset:0}.joy-teo.smiling .stroke{stroke:#e39b00;filter:drop-shadow(0 0 3px #ffd34d)}.joy-teo.smiling .guide{display:none}.joy-teo.smiling .sparkles{opacity:1;animation:1s ease-in-out infinite alternate twinkle}.joy-teo.smiling .draw{cursor:default}@keyframes twinkle{to{transform:scale(1.04)rotate(2deg)}}.friends{flex-wrap:wrap;justify-content:center;gap:.7em;display:flex}.friend{width:5em;box-shadow:var(--shadow);cursor:pointer;background:#fff;border:3px solid #0000;border-radius:50%;padding:.3em;transition:transform .2s,background .3s}.friend:hover{border-color:var(--emo)}.friend.happy{background:var(--emo-soft);cursor:default;transform:scale(1.07)}@media (width<=640px){.friend{width:3.8em}}.fly-smile{z-index:5;pointer-events:none;margin:-.5em 0 0 -.5em;font-size:2em;line-height:1;position:absolute;top:0;left:0}.confetti{z-index:5;pointer-events:none;border-radius:2px;width:.5em;height:.8em;position:absolute}.badge-new{border:3px solid var(--emo);background:#fff;border-radius:999px;align-items:center;gap:.5em;margin:.2em 0;padding:.25em 1em .25em .4em;animation:.6s cubic-bezier(.3,1.6,.5,1) pop;display:inline-flex}.badge-icon{font-size:1.7em;line-height:1}@keyframes pop{0%{opacity:0;transform:scale(.3)}}.badges{flex-wrap:wrap;align-items:center;gap:.4em;display:flex}.badges-label{color:var(--muted);font-size:.85em;font-weight:700}.badge-slot{filter:grayscale();opacity:.4;background:#fff;border:2px dashed #cfd3df;border-radius:50%;place-items:center;width:2.2em;height:2.2em;font-size:1.1em;display:grid}.badge-slot.on{border:2px solid var(--emo);filter:none;opacity:1}.done-actions{flex-wrap:wrap;gap:.6em;margin-top:.4em;display:flex}@media (width<=640px){.done-actions{justify-content:center}}@media (prefers-reduced-motion:reduce){.joc *,.joc :before{transition-duration:10ms!important;animation:none!important}}