@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./fredoka-hebrew-wght-normal-DdnsCkLr.woff2) format("woff2-variations");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./fredoka-latin-ext-wght-normal-CYrqKuxd.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./fredoka-latin-wght-normal-DM6njrJ3.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--cream: #fff5ea;--plum: #5a2146;--gold: #ffe08a;--pink: #ff7fa1;--top: max(env(safe-area-inset-top), 0px);--bottom: max(env(safe-area-inset-bottom), 0px)}*{box-sizing:border-box;margin:0;-webkit-tap-highlight-color:transparent}html,body{height:100%;background:#211d6e}body{font-family:Fredoka Variable,system-ui,sans-serif;overflow:hidden;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-text-size-adjust:100%}.stage{position:relative;min-height:100vh;min-height:100dvh;overflow:hidden;color:var(--cream);transition:color 1.4s ease}.sky{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity 2s ease}.dusk{background:linear-gradient(#211d6e,#4a3fa8 36%,#8a6fd4 70%,#d9a6ec)}.night{background:linear-gradient(#090a2c,#15134c 45%,#272068 80%,#3a2d7c)}.morning{background:linear-gradient(#2a36a6,#5a6fe0 38%,#9db2ff 72%,#ffdcf3)}.stars{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity 2s ease;pointer-events:none}.stars i{position:absolute;background:#fff6c9;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);animation:twinkle 3.2s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.3;scale:.8}50%{opacity:1;scale:1.1}}.clouds{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.cloud{position:absolute;height:34px;border-radius:999px;background:#ffffff8c;animation:drift 40s linear infinite alternate}.cloud:before,.cloud:after{content:"";position:absolute;background:inherit;border-radius:50%}.cloud:before{width:46px;height:46px;left:16%;bottom:8px}.cloud:after{width:36px;height:36px;left:48%;bottom:10px}.c1{width:120px;top:56%;left:4%}.c2{width:90px;top:49%;right:6%;animation-duration:55s;opacity:.8}.c3{width:70px;top:63%;right:20%;animation-duration:48s;opacity:.7}@keyframes drift{to{transform:translate(46px)}}.stage:not(.dawn) .cloud{background:#ffdcf059}.sun-wrap{position:absolute;left:50%;bottom:calc(35vh + var(--bottom));width:0;height:0;transition:transform 2.6s cubic-bezier(.4,0,.2,1)}.moonface{position:absolute;width:clamp(220px,52vmin,340px);aspect-ratio:1;translate:-50% -50%;filter:drop-shadow(0 0 26px rgba(200,210,255,.55));transition:filter 2s}.dawn .moonface{filter:drop-shadow(0 0 46px rgba(255,246,200,.95))}.moonface.shake{animation:shake .35s ease-in-out infinite}.bite{transition:transform 2.6s cubic-bezier(.4,0,.2,1),r .6s}.tilt,.facegroup{transform-origin:100px 100px;transition:transform 2.4s cubic-bezier(.4,0,.2,1)}@keyframes shake{0%,to{rotate:-1.5deg}50%{rotate:1.5deg}}.tear{animation:drip 1.6s ease-in infinite}.t2{animation-delay:.7s}@keyframes drip{0%{transform:translateY(-4px);opacity:0}20%{opacity:1}to{transform:translateY(40px);opacity:0}}.stream{animation:flow .9s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:top}.s2{animation-delay:.3s}@keyframes flow{0%{transform:scaleY(.75)}to{transform:scaleY(1)}}.halo{position:absolute;width:120vmax;aspect-ratio:1;translate:-50% -50%;background:radial-gradient(circle,rgba(255,246,200,.45) 0%,rgba(255,246,200,.12) 22%,transparent 48%);transition:opacity 2.5s ease .6s}.shooting{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.shooting i{position:absolute;width:110px;height:2px;border-radius:2px;background:linear-gradient(90deg,#fff0,#fff);rotate:215deg;opacity:0;animation:shoot 1.6s ease-out infinite}@keyframes shoot{0%{opacity:0;transform:translate(0)}10%{opacity:1}to{opacity:0;transform:translate(-260px) translateY(-180px)}}.particles{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.hills{position:absolute;left:0;right:0;bottom:0;z-index:1;width:100%;height:calc(30vh + var(--bottom))}.hills path{transition:fill 2s ease}.hill-back{fill:#3a3490}.hill-front{fill:#292470}.dawn .hill-back{fill:#3f7fb0}.dawn .hill-front{fill:#2f6a9c}.content{position:relative;z-index:2;min-height:100vh;min-height:100dvh;padding:calc(var(--top) + clamp(24px,6vh,72px)) 24px calc(40vh + var(--bottom));display:flex;flex-direction:column;align-items:center;text-align:center}.letter{font-weight:500;font-size:clamp(1.7rem,min(7.4vw,5.2vh),3.2rem);line-height:1.22;text-shadow:0 2px 14px rgba(70,20,90,.35)}.letter .line:first-child{font-weight:650}.line span{display:inline-block;clip-path:inset(0 100% 0 0);animation:write 1.3s cubic-bezier(.5,0,.3,1) forwards;animation-delay:calc(.5s + var(--i) * 1.3s)}@keyframes write{to{clip-path:inset(-10% -4% -10% 0)}}.ask{margin-top:clamp(18px,3.4vh,40px);font-size:clamp(1.25rem,4.6vw,1.6rem);font-weight:600;animation:show 1s ease 6s both}.actions{margin-top:18px;display:flex;align-items:center;justify-content:center;gap:16px;animation:show 1s ease 6.6s both}@keyframes show{0%{opacity:0;visibility:hidden}1%{visibility:visible}to{opacity:1;visibility:visible}}.btn{font:inherit;font-weight:600;font-size:1.2rem;padding:.75em 1.9em;border-radius:999px;cursor:pointer;white-space:nowrap;touch-action:manipulation}.btn:focus-visible{outline:3px solid #fff;outline-offset:4px}.yes{border:3px solid #fff;background:var(--pink);color:#fff;box-shadow:0 6px #d9507a,0 10px 30px #ff7fa180;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.yes:active{translate:0 4px;box-shadow:0 2px #d9507a}.slot{display:inline-block;min-width:9.5em}.no{min-width:9.5em;padding-inline:1em;text-align:center;color:var(--cream);background:#ffffff2e;border:3px solid rgba(255,255,255,.8);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.no.fleeing{position:fixed;top:0;left:0;z-index:5;transition:transform .4s cubic-bezier(.22,1,.36,1)}@media (prefers-reduced-motion: reduce){.shooting i,.stars i,.cloud,.tear,.stream,.moonface.shake{animation:none}.line span{animation-duration:.01s;animation-delay:0s}.ask,.actions{animation-delay:0s;animation-duration:.01s}.sun-wrap,.sky,.yes,.no.fleeing{transition-duration:.01s}}.garden{position:absolute;left:0;right:0;bottom:0;height:0;z-index:1;pointer-events:none}.bq{--u: clamp(2px, .6vmin, 4.4px);position:absolute;bottom:calc(var(--bottom) + .5vh);left:var(--x);width:0;height:0;perspective:900px;transform:scale(var(--sc));transform-origin:50% 100%}.fx{position:absolute;left:0;bottom:calc(var(--u) * 5);width:0;height:0;rotate:var(--rot);transform-origin:50% 100%;animation:fx-move 4.5s ease-in-out infinite alternate;animation-delay:var(--d)}@keyframes fx-move{0%{transform:rotate(-2deg)}to{transform:rotate(2deg)}}.fx-line{position:absolute;left:calc(var(--u) * -.75);bottom:0;width:calc(var(--u) * 1.5);height:calc(var(--u) * var(--hh));background:linear-gradient(to left,rgba(0,0,0,.22),transparent,rgba(255,255,255,.22)),linear-gradient(to top,transparent 4%,#168f8c,#46d8cd);transform-origin:50% 100%;animation:fx-grow 2.6s var(--d) cubic-bezier(.3,.7,.3,1) backwards}@keyframes fx-grow{0%{transform:scaleY(0)}}.fx-ll{--w: calc(var(--u) * 6.5);--h: calc(var(--u) * 8.5);position:absolute;top:var(--t);left:90%;width:var(--w);height:var(--h);border-radius:0 var(--h) 0 var(--h);background:linear-gradient(to top,#168f8c73,#46d8cd);box-shadow:inset 0 0 calc(var(--u) * 1.2) #ffffff4d;transform:rotate(70deg) rotateY(30deg);animation:fx-pop .9s calc(var(--d) + 1.4s) backwards}.fx-ll.l{left:-430%;border-radius:var(--h) 0 var(--h) 0;transform:rotate(-70deg) rotateY(30deg)}@keyframes fx-pop{0%{scale:0}}.fx-head{position:absolute;left:0;bottom:calc(var(--u) * var(--hh));width:0;height:0;transform-style:preserve-3d;transform:scale(.5);filter:saturate(.45) brightness(.7);transition:transform 1.9s cubic-bezier(.34,1.45,.64,1) calc(.35s + var(--d)),filter 1.9s ease}.dawn .fx-head{transform:scale(1.12);filter:none}.fx-glow{position:absolute;left:calc(var(--u) * -5);top:calc(var(--u) * -9);width:calc(var(--u) * 10);height:calc(var(--u) * 10);border-radius:50%;background:var(--glow);filter:blur(calc(var(--u) * 3.5));opacity:.3;transition:opacity 1.9s}.dawn .fx-glow{opacity:.85}.fx-p{position:absolute;bottom:0;left:50%;width:calc(var(--u) * 8);height:calc(var(--u) * 11);border-radius:51% 49% 47% 53%/44% 45% 55% 69%;background:linear-gradient(to top,var(--pb),var(--pt));box-shadow:inset 0 0 calc(var(--u) * 2) #ffffff8c;transform-origin:50% 100%}.fx-p.p1{transform:translate(-10%,1%) rotateY(40deg) rotateX(-50deg)}.fx-p.p2{transform:translate(-50%,-4%) rotateX(40deg)}.fx-p.p3{transform:translate(-90%) rotateY(45deg) rotateX(50deg)}.fx-p.p4{width:calc(var(--u) * 8);height:calc(var(--u) * 8);transform-origin:0 100%;border-radius:calc(var(--u) * 4) calc(var(--u) * 10) calc(var(--u) * 4) calc(var(--u) * 4);transform:translateY(18%) rotateX(70deg) rotate(-43deg);filter:brightness(.9);z-index:1}.fx-eye{position:absolute;left:calc(var(--u) * -3.5);top:calc(var(--u) * -3);width:calc(var(--u) * 9);height:calc(var(--u) * 4);border-radius:50%;background:radial-gradient(ellipse at 50% 55%,#ffe36a 0,#ffe36a 28%,#fff 62%);box-shadow:0 0 calc(var(--u) * 1.5) #fffc;z-index:2}.fx-spark{position:absolute;left:var(--sx);bottom:calc(var(--u) * var(--hh));width:calc(var(--u) * 1);height:calc(var(--u) * 1);min-width:2px;min-height:2px;border-radius:50%;background:#fff3b0;box-shadow:0 0 6px 1px #fff0a0e6;opacity:0;animation:fx-spark 4s var(--sd) linear infinite}@keyframes fx-spark{0%{opacity:0;transform:translate(0)}25%{opacity:1;transform:translate(-4px,-12px)}60%{opacity:1;transform:translate(6px,-30px)}to{opacity:0;transform:translate(-3px,-55px)}}.bush{position:absolute;left:0;bottom:0;width:0;height:0}.bl-w{position:absolute;left:0;bottom:0;transform-origin:0 100%;transform:rotate(var(--r)) scale(var(--s));animation:bl-in 1.1s var(--d) backwards,bl-sway 4s var(--d) ease-in-out infinite alternate}.bl{width:calc(var(--u) * 11);height:calc(var(--u) * 11);border-radius:100% 0;background:linear-gradient(135deg,#8bf7e3,#25b5b0 45%,#0d6572);box-shadow:inset 0 calc(var(--u) * .6) calc(var(--u) * 1.4) #c8fff573,0 0 calc(var(--u) * 2) #28c8be40;opacity:.95}.bl:after{content:"";position:absolute;top:45%;right:5%;bottom:45%;left:5%;transform:rotate(-45deg) scaleX(.9);background:linear-gradient(to right,transparent,rgba(255,255,255,.35),transparent)}@keyframes bl-in{0%{scale:0}}@keyframes bl-sway{0%{rotate:-2.5deg}to{rotate:2.5deg}}.blade{position:absolute;bottom:calc(var(--bottom) + .5vh);width:var(--bw);height:var(--bh);translate:-50% 0;border-radius:100% 0 0;border-left:3px solid #2fbfa6;background:linear-gradient(to top,transparent 10%,rgba(47,191,166,.3));-webkit-mask-image:linear-gradient(to top,transparent 5%,#000 55%);mask-image:linear-gradient(to top,transparent 5%,#000 55%);transform-origin:bottom left;animation:blade 3.2s var(--d) ease-in-out infinite alternate}.blade.flip{transform:scaleX(-1);animation-name:blade-flip}@keyframes blade{0%{rotate:-5deg}to{rotate:5deg}}@keyframes blade-flip{0%{rotate:5deg}to{rotate:-5deg}}@media (prefers-reduced-motion: reduce){.fx,.blade,.fx-spark,.bl-w,.fx-line,.fx-ll{animation:none}.fx-head{transition-duration:.01s}}.bear{position:absolute;right:4px;bottom:calc(var(--bottom) + 16vh);z-index:0;display:flex;flex-direction:column;align-items:center;pointer-events:none;translate:0 70%;opacity:0;transition:translate .8s cubic-bezier(.34,1.56,.64,1),opacity .4s}.bear.show{translate:0 0;opacity:1}.bear-img{display:block;width:clamp(130px,36vw,170px);height:auto;filter:drop-shadow(0 4px 10px rgba(30,10,50,.35));-webkit-user-drag:none}.bubble{position:relative;margin-bottom:10px;padding:.5em 1em;border-radius:18px;background:#fff;color:var(--plum);font-weight:600;font-size:1rem;white-space:nowrap}.bubble:after{content:"";position:absolute;left:50%;margin-left:-8px;bottom:-8px;width:16px;height:16px;background:#fff;rotate:45deg;border-radius:3px}@media (prefers-reduced-motion: reduce){.bear{transition-duration:.01s}}.mute{position:fixed;top:calc(var(--top) + 12px);right:12px;z-index:6;width:44px;height:44px;border:0;border-radius:50%;font-size:1.25rem;line-height:1;background:#ffffff47;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;touch-action:manipulation}.mute:focus-visible{outline:3px solid #fff;outline-offset:3px}.stage{--px: 0;--py: 0}.moonface{transform:perspective(700px) rotateY(calc(var(--px) * 16deg)) rotateX(calc(var(--py) * -13deg));transition:filter 2s,transform .35s ease-out}.sun-wrap{animation:float 6s ease-in-out infinite alternate}@keyframes float{0%{translate:0 -7px}to{translate:0 9px}}.stars{transform:translate(calc(var(--px) * -6px),calc(var(--py) * -4px));transition:transform .4s ease-out,opacity 1s}.clouds{transform:translate(calc(var(--px) * -14px),calc(var(--py) * -6px));transition:transform .4s ease-out}.hills{transform:translate(calc(var(--px) * -12px)) scale(1.05);transform-origin:50% 100%;transition:transform .4s ease-out}.garden{transform:translate(calc(var(--px) * -22px),calc(var(--py) * -4px));transition:transform .4s ease-out}.petals{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;overflow:hidden;perspective:600px}.petal-fall{position:absolute;top:-6vh;animation:fall linear infinite;transform-style:preserve-3d}@keyframes fall{0%{transform:translateZ(0)}25%{transform:translate3d(var(--sway),26vh,40px)}50%{transform:translate3d(calc(var(--sway) * -.6),54vh,-30px)}75%{transform:translate3d(var(--sway),82vh,30px)}to{transform:translate3d(0,112vh,0)}}.petal-fall i{display:block;animation:spin3d linear infinite;transform-style:preserve-3d}.petal{background:radial-gradient(circle at 30% 30%,#fff8 0,transparent 45%),var(--pc);border-radius:80% 0;box-shadow:inset -2px -2px 4px #961e5040}.heart{background:var(--pc);rotate:-45deg;position:relative;border-radius:0 0 0 30%}.heart:before,.heart:after{content:"";position:absolute;width:100%;height:100%;background:inherit;border-radius:50%}.heart:before{top:-50%;left:0}.heart:after{left:50%;top:0}@keyframes spin3d{0%{transform:rotate3d(var(--axis),0deg)}to{transform:rotate3d(var(--axis),360deg)}}@media (prefers-reduced-motion: reduce){.sun-wrap{animation:none}.moonface{transform:none}.petals{display:none}}