@import"https://fonts.googleapis.com/css2?family=Gaegu:wght@400;700&family=Nunito:wght@600;700&display=swap";.garden-scene{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100dvh;overflow:hidden;isolation:isolate;background:#d9d3f0;touch-action:pan-y}.garden-scene__stage{position:absolute;left:50%;top:50%;height:844px;width:390px;transform:translate(-50%,-50%) scale(var(--garden-scale,1));transform-origin:center;overflow:hidden;isolation:isolate;background:#d9d3f0;--cloud:#fffaf4;--shade:#d8cdee;--sunc:#fde28c;--rayc:#f6cc62;--lamp:.25;--fogc:#fff;--snowg:#f4f7ff;--sunop:1;--moonop:0;--stars:0;--cx:0;--cb:1;--rain:0;--snow:0;--fog:0;--lt:0;--bf:1;--flyo:.5;--fly:#fff8dc;--wash:#fff;--washo:0}.garden-scene .garden-character{position:absolute;left:110px;top:475px;width:170px;height:145px;display:flex;align-items:center;justify-content:center;z-index:5;pointer-events:auto}.garden-scene .garden-scene__stage>.pill,.garden-scene .garden-scene__stage>.av,.garden-scene .garden-scene__stage>nav{z-index:10}.garden-scene .garden-scene__stage>nav button{padding:0}.garden-scene .garden-scene__stage>nav button svg{flex-shrink:0}.garden-scene .garden-scene__stage>.pill{box-sizing:border-box}.garden-scene button:focus-visible{outline:3px solid #7a56b0;outline-offset:2px}.garden-scene .L{position:absolute;left:0;top:0;width:390px;height:844px}.garden-scene .sky{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity 1.6s}.garden-scene .sk-sunrise{background:linear-gradient(#9fb4e6,#e7c4de 52%,#ffd2b0 88%)}.garden-scene .sk-day{background:linear-gradient(#b5ccf3,#d9d3f0 55%,#f6dce6 85%);opacity:1}.garden-scene .sk-sunset{background:linear-gradient(#7c84c6,#d79fc2 45%,#f7b98f 82%)}.garden-scene .sk-night{background:linear-gradient(#171d4b,#363a78 55%,#66579a 88%)}.garden-scene .t-sunrise .sk-sunrise,.garden-scene .t-sunset .sk-sunset,.garden-scene .t-night .sk-night{opacity:1}.garden-scene .wash{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--wash);opacity:var(--washo);transition:opacity 1.6s,background 1.6s}.garden-scene .sun,.garden-scene .moon{transition:transform 2s,opacity 1.6s}.garden-scene .sun{opacity:var(--sunop)}.garden-scene .moon{opacity:var(--moonop)}.garden-scene .sun .c,.garden-scene .sun .g{fill:var(--sunc);transition:fill 1.6s}.garden-scene .sun .r{stroke:var(--rayc);transition:stroke 1.6s}.garden-scene .stars{opacity:var(--stars);transition:opacity 1.6s}.garden-scene .cld{filter:brightness(var(--cb));transition:filter 1.6s}.garden-scene .cf{fill:var(--cloud);transition:fill 1.6s}.garden-scene .cs{fill:var(--shade);transition:fill 1.6s}.garden-scene .cx{opacity:var(--cx);transition:opacity 1.6s}.garden-scene #landw,.garden-scene #land{transition:filter 1.6s}.garden-scene .lamp{opacity:var(--lamp);transition:opacity 1.6s}.garden-scene .lamp circle,.garden-scene .gl{transform-box:fill-box;transform-origin:center;animation:gl 3.6s ease-in-out infinite alternate}.garden-scene .dr{animation:dr 20s ease-in-out infinite alternate}.garden-scene .bfs{opacity:var(--bf);transition:opacity 1.2s}.garden-scene .bf{animation:bf 11s ease-in-out infinite alternate}.garden-scene .flies{fill:var(--fly);opacity:var(--flyo);transition:opacity 1.6s,fill 1.6s}.garden-scene .flies circle{animation:fy var(--t) ease-in-out infinite alternate,tw 3s ease-in-out infinite}.garden-scene .tw{animation:tw 3s ease-in-out infinite}.garden-scene .rain{opacity:var(--rain);transition:opacity 1.2s}.garden-scene .rain line{stroke:#e3ecf8;stroke-width:1.4;opacity:.6;animation:fall var(--t) linear infinite}.garden-scene .snow{opacity:var(--snow);transition:opacity 1.2s;fill:#fff}.garden-scene .snow circle{animation:sn var(--t) linear infinite}.garden-scene .sg{fill:var(--snowg);opacity:calc(var(--snow)*.5);transition:opacity 1.6s,fill 1.6s}.garden-scene .fog{position:absolute;left:-70px;width:530px;height:150px;border-radius:50%;background:radial-gradient(ellipse at center,var(--fogc),transparent 70%);opacity:calc(var(--fog)*.85);transition:opacity 1.6s;animation:fg 16s ease-in-out infinite alternate}.garden-scene .ltn{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0;animation:fl 7s infinite;pointer-events:none}.garden-scene .ltw{position:absolute;top:0;right:0;bottom:0;left:0;opacity:var(--lt);pointer-events:none}.garden-scene .pill{position:absolute;left:20px;top:60px;border:2px solid #3f2f55;border-radius:22px;background:#fff8eee6;box-shadow:4px 5px #d9c6e6;padding:8px 16px 10px;color:#3f2f55;max-width:250px}.garden-scene .hi{display:flex;align-items:center;gap:8px;font:700 38px/1 Gaegu,Comic Sans MS,cursive}.garden-scene .cond{display:flex;align-items:center;gap:6px;margin-top:6px;font:700 13px/1.25 Nunito,system-ui,sans-serif}.garden-scene .av{position:absolute;right:20px;top:56px;width:52px;height:52px;border-radius:50%;border:2px solid #3f2f55;background:#f6b6c8;box-shadow:3px 4px #d9c6e6;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center}.garden-scene nav{position:absolute;left:16px;right:16px;bottom:28px;height:84px;box-sizing:border-box;border-radius:30px;border:2px solid #3f2f55;background:#fff8ee;box-shadow:4px 5px #d9c6e6;display:flex;justify-content:space-around;align-items:center;padding:0 4px}.garden-scene nav button{background:none;border:0;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:62px;min-height:64px;cursor:pointer;font:700 17px Gaegu,Comic Sans MS,cursive;color:#3f2f55}@keyframes dr{to{transform:translate(18px)}}@keyframes gl{to{transform:scale(1.14);opacity:.75}}@keyframes bf{to{transform:translate(34px,-16px)}}@keyframes tw{0%,to{opacity:.3}50%{opacity:1}}@keyframes fy{to{transform:translate(var(--dx),var(--dy))}}@keyframes fall{to{transform:translate(-90px,920px)}}@keyframes sn{to{transform:translate(var(--dx),920px)}}@keyframes fg{to{transform:translate(44px)}}@keyframes fl{0%,91%,to{opacity:0}92%{opacity:.8}93%{opacity:.1}94%{opacity:.65}96%{opacity:0}}@media(prefers-reduced-motion:reduce){.garden-scene *{animation:none!important;transition:none!important}}.garden-scene .garden-mascot{border:0;background:transparent;padding:0;max-height:145px;max-width:170px;cursor:pointer}.garden-scene .garden-mascot img{max-width:100%;max-height:145px;object-fit:contain}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#725a72;background:#f9edf5}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;border:0}.center{min-height:100dvh;display:grid;place-content:center;text-align:center;padding:30px}.login{min-height:100dvh;display:grid;place-items:center;padding:24px;background:linear-gradient(160deg,#f9e6f2,#d8d7ff,#dcf5e7)}.loginCard{background:#ffffffbd;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #fff;border-radius:32px;padding:30px;width:min(100%,420px);text-align:center;box-shadow:0 20px 65px #8e7aa22b}.loginCard h1,.worldHeader h1{font-family:Georgia,serif;font-weight:400}.loginCard h1{font-size:30px}.moon{font-size:55px;color:#b487c5}.loginCard form{display:grid;gap:14px;margin:24px 0}.loginCard label{text-align:left;font-size:13px;font-weight:600}.loginCard input{display:block;width:100%;margin-top:6px;padding:13px;border:1px solid #e3d7e9;border-radius:14px;background:#fff}.loginCard button,.panel button:not(.back){padding:13px 20px;border-radius:16px;background:#8c6cad;color:#fff}.loginCard small{opacity:.65}.error{color:#b34468}.app{min-height:100dvh;max-width:520px;margin:auto;background:linear-gradient(#f9edf7,#fff8ed);padding:calc(20px + env(safe-area-inset-top)) 15px calc(12px + env(safe-area-inset-bottom))}.worldScreen{width:100%}.worldHeader{display:flex;justify-content:space-between;align-items:center;padding:2px 10px 8px}.worldHeader h1{font-size:clamp(26px,7vw,34px);margin:0;color:#755976}.worldHeader h1 span{color:#e0a2b7}.worldHeader p{font-size:12px;margin:7px 0 0;color:#9f879e}.weatherOrb{width:48px;height:48px;border-radius:50%;background:#ffffff9e;border:1px solid white;box-shadow:0 7px 19px #a695a62b;color:#947a9c;display:grid;place-items:center}.worldSwitcher{margin:10px auto 12px;display:flex;padding:4px;width:fit-content;background:#ffffffa8;border:1px solid white;border-radius:40px;box-shadow:0 4px 14px #ac9aae1c;gap:3px}.worldSwitcher button{padding:8px 15px;border-radius:25px;font-size:12px;color:#917f92;background:transparent}.worldSwitcher .selected{background:#ead6ed;color:#795b80;font-weight:650}.storybook{position:relative;height:min(65dvh,650px);min-height:440px;border-radius:34px;overflow:hidden;isolation:isolate;background:linear-gradient(180deg,#abcdf1,#d5d6f5 27%,#f5e3ec 56%,#fff0db 73%);box-shadow:0 15px 35px #a896b13c;border:2px solid #ffffff9e}.storybook.night{background:linear-gradient(#333f73,#7671a8 49%,#b6a3c2 78%)}.glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 66% 30%,#fff8dcad,transparent 47%)}.sunmoon{position:absolute;top:16%;left:58%;width:112px;aspect-ratio:1;border-radius:50%;background:#fff7c3;box-shadow:0 0 45px 25px #ffedc77a}.night .sunmoon{background:#fff3e5;width:83px;box-shadow:0 0 45px 17px #f8e3e86b}.cloud{position:absolute;width:136px;height:37px;border-radius:80px;background:#fffaf4ef;filter:drop-shadow(0 5px 5px #b5b2ce1e);animation:drift 8s ease-in-out infinite}.cloud:before,.cloud:after{content:"";position:absolute;background:inherit;border-radius:100%}.cloud:before{width:69px;height:61px;bottom:13px;left:29px}.cloud:after{width:57px;height:49px;bottom:10px;left:74px}.cloudA{left:-4%;top:21%}.cloudB{right:-9%;top:35%;transform:scale(.75);animation-delay:-3s}.cloudC{left:13%;top:48%;transform:scale(.54);opacity:.7;animation-delay:-5s}.sparkles{position:absolute;left:23%;top:15%;color:#fff9db;font-size:22px;letter-spacing:18px;animation:twinkle 3s ease-in-out infinite}.sparkles span{position:relative;top:82px;left:140px}.farHill{position:absolute;bottom:19%;left:-17%;width:136%;height:35%;border-radius:55% 54% 0 0;background:#c4dfc2;transform:rotate(-9deg);box-shadow:0 -10px #ffffff17}.nearHill{position:absolute;bottom:6%;left:-25%;width:155%;height:30%;border-radius:50% 60% 0 0;background:#9cc9a2;transform:rotate(7deg)}.ground{position:absolute;bottom:-3%;left:-8%;width:118%;height:17%;background:#79b991;border-radius:45% 45% 0 0;z-index:4}.gardenPath{position:absolute;bottom:-8%;left:30%;width:34%;height:41%;border-radius:70% 70% 0 0;background:#e4d6b7;transform:rotate(10deg);opacity:.75;z-index:2;clip-path:polygon(50% 0,68% 0,100% 100%,0 100%)}.pond{position:absolute;bottom:12%;left:2%;height:60px;width:40%;border-radius:55%;background:linear-gradient(#c7e7ed,#96cbd2);border:6px solid #bad9b4;z-index:3;transform:rotate(-6deg)}.pondRipple{position:absolute;bottom:17%;left:16%;width:17%;height:10px;border:2px solid #e2f8ec9b;border-radius:50%;z-index:4}.shrub{position:absolute;bottom:19%;background:#79b38f;border-radius:100% 100% 20% 30%;width:90px;height:60px;z-index:3}.shrubOne{left:-5%}.shrubTwo{right:-5%;height:76px;width:110px;background:#7fb59c}.flowers{position:absolute;font-size:23px;z-index:5;letter-spacing:9px;color:#fff4ce;text-shadow:2px 2px #d997b1}.flowersOne{bottom:14%;left:4%}.flowersTwo{right:4%;bottom:13%}.tinyFairy{position:absolute;top:50%;left:12%;font-size:37px;color:#fffdf4;text-shadow:0 0 15px white;animation:drift 5s ease-in-out infinite}.lamp{position:absolute;bottom:21%;z-index:4;height:72px;width:5px;background:#8c8973}.lamp:before{content:"";position:absolute;bottom:61px;left:-10px;width:25px;height:25px;background:#fff4bb;border-radius:45%;box-shadow:0 0 24px 8px #ffe6a67d}.lampOne{left:9%}.lampTwo{right:13%;transform:scale(.8)}.sceneMessage{position:absolute;z-index:8;bottom:38%;left:13%;right:11%;margin:auto;width:fit-content;max-width:75%;background:#fffef4eb;border:2px solid white;padding:12px 17px;border-radius:22px;font-size:12px;text-align:center;color:#7e6980;box-shadow:0 6px 18px #83798b3d}.sceneMessage:after{content:"";position:absolute;bottom:-10px;left:62%;width:17px;height:17px;transform:rotate(45deg);background:#fffef4;border-right:2px solid white;border-bottom:2px solid white}.mascot{position:absolute;z-index:6;bottom:16%;left:51%;transform:translate(-50%);height:142px;width:146px;background:transparent;display:grid;place-items:center;animation:bob 4s ease-in-out infinite}.mascot img{max-height:100%;max-width:100%;object-fit:contain;filter:drop-shadow(0 12px 9px #5d846144)}.fallbackFace{display:none}.mascotFallback{background:#f6b4ce;border:5px solid #e79ab8;border-radius:50%;width:130px;height:128px;box-shadow:inset -13px -12px #e69dbb,0 14px 13px #749a805c}.mascotFallback .fallbackFace{display:block;color:#6d5365;font-size:21px}.sceneFeatures{position:absolute;z-index:10;bottom:3%;left:1%;right:1%;display:flex;justify-content:space-around;gap:2px}.sceneFeatures button{background:transparent;display:grid;justify-items:center;color:#fffef5;text-shadow:0 1px 4px #467b71;width:20%;gap:4px}.sceneFeatures button span{display:grid;place-items:center;width:43px;height:43px;border-radius:18px;background:#fff8f0d9;color:#9778a4;box-shadow:0 3px 10px #466c6745;border:1px solid white}.sceneFeatures small{font-size:10px;font-weight:650}.pagePill{margin:13px auto 0;width:fit-content;display:flex;align-items:center;gap:21px;padding:7px 14px;background:#ffffffc7;border:1px solid white;border-radius:50px;box-shadow:0 6px 24px #b2a3b738}.pagePill button{background:transparent;color:#88718c;padding:8px;display:grid;place-items:center}.pageDots{display:flex;align-items:center;gap:7px}.pageDots button{width:7px;height:7px;padding:0;border-radius:50%;background:#d6c5d7}.pageDots button.active{background:#a47ab1;width:17px;border-radius:7px}.worldFoot{display:flex;justify-content:center;align-items:center;gap:5px;color:#a794a7;font-size:11px;margin:12px 0 0}.panel{margin:30px 10px;background:#ffffffbd;border-radius:25px;padding:25px;min-height:370px}.panel button{display:flex;align-items:center;gap:8px}.panel .back{background:transparent;color:#86699c;padding:0}.rain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;background:repeating-linear-gradient(105deg,transparent 0 14px,#f6f9ff76 15px 16px,transparent 18px 30px);opacity:.42;animation:rainfall 1s linear infinite}@keyframes drift{50%{translate:16px -4px}}@keyframes bob{50%{transform:translate(-50%) translateY(-6px)}}@keyframes twinkle{50%{opacity:.25}}@keyframes rainfall{to{background-position:-30px 85px}}@media(max-height:730px){.storybook{height:59dvh;min-height:375px}.mascot{height:114px;width:122px}.sceneMessage{bottom:38%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important}}