@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}.garden-scene .garden-character{position:absolute;left:112px;top:452px;width:166px;height:175px;z-index:5;overflow:visible}.partner-character{position:relative;width:166px;height:175px;overflow:visible}.partner-character__button{position:absolute;left:15px;top:19px;width:136px;height:153px;border:0;padding:0;background:none;cursor:pointer;display:flex;align-items:flex-end;justify-content:center;animation:partner-idle 3.3s ease-in-out infinite;transform-origin:50% 100%;-webkit-tap-highlight-color:transparent}.partner-character__button img{display:block;width:auto;height:149px;max-width:136px;object-fit:contain;filter:drop-shadow(2px 3px 0 #57445c55)}.partner-character__bubble{position:absolute;bottom:162px;left:-40px;width:246px;box-sizing:border-box;padding:9px 12px;border-radius:16px;background:#fff9f1f5;border:2px solid #3f2f55;box-shadow:3px 4px #d9c6e6;color:#3f2f55;text-align:center;font:700 19px/1.05 Gaegu,cursive;z-index:2;pointer-events:none}.partner-character__bubble:after{content:"";position:absolute;bottom:-9px;left:116px;width:12px;height:12px;background:#fff9f1;border-right:2px solid #3f2f55;border-bottom:2px solid #3f2f55;transform:rotate(45deg)}.partner-character__kiss{position:absolute;left:106px;top:37px;font-size:31px;pointer-events:none;animation:partner-kiss 1.2s ease-out forwards}.partner-character__mood{position:absolute;right:3px;top:27px;font-size:23px;pointer-events:none;animation:partner-float 3s ease-in-out infinite alternate}.partner-character--wet .partner-character__button{animation:partner-shiver 2.5s ease-in-out infinite}.partner-character--storm .partner-character__button{animation:partner-shiver 1.4s ease-in-out infinite}.partner-character--night .partner-character__button{animation-duration:5.5s}.partner-character--fog .partner-character__button{animation-duration:4.5s}@keyframes partner-idle{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-5px) rotate(1deg)}}@keyframes partner-shiver{0%,to{transform:translate(0)}25%{transform:translate(-1px)}75%{transform:translate(1px)}}@keyframes partner-float{to{transform:translateY(-5px)}}@keyframes partner-kiss{0%{transform:translate(0) scale(.4);opacity:0}20%{opacity:1}to{transform:translate(60px,-90px) scale(1.7);opacity:0}}@media(prefers-reduced-motion:reduce){.partner-character__button,.partner-character__kiss,.partner-character__mood{animation:none!important}.partner-character__kiss{opacity:1;transform:translate(18px,-12px)}}.us-page{--ink:#3f2f55;--paper:#fff8ee;--shade:#d9c6e6;color:var(--ink);background:linear-gradient(#b5ccf3 0,#d9d3f0 280px,#f6dce6 580px,#b3cb8f 580px);height:100dvh;overflow-y:auto;overflow-x:hidden;font-family:Nunito,system-ui,sans-serif;-webkit-overflow-scrolling:touch}.us-page *{box-sizing:border-box}.us-wrap{max-width:540px;margin:auto;padding:calc(env(safe-area-inset-top) + 12px) 18px calc(env(safe-area-inset-bottom) + 32px)}.us-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}.us-header h1{margin:0;font:700 34px/1 Gaegu,Comic Sans MS,cursive}.us-eyebrow{font:700 13px Nunito,system-ui,sans-serif;color:#675776;letter-spacing:.025em}.us-back,.us-round{display:grid;place-items:center;flex:none;border:2px solid var(--ink);background:var(--paper);color:var(--ink);box-shadow:3px 4px 0 var(--shade);border-radius:50%;cursor:pointer}.us-back{height:43px;width:43px;font-size:27px}.us-round{height:42px;width:42px;font:700 34px/1 Gaegu,cursive}.us-header-heart{font:700 42px Gaegu;color:#d66b91}.us-section{margin-bottom:24px}.us-heading{display:flex;align-items:center;justify-content:space-between;margin:0 3px 10px}.us-heading h2{margin:3px 0 0;font:700 29px/1 Gaegu,Comic Sans MS,cursive}.us-paper{border:2px solid var(--ink);border-radius:22px;background:var(--paper);box-shadow:4px 5px 0 var(--shade)}.us-calendar{padding:14px}.us-month{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.us-month h3{font:700 27px/1 Gaegu,cursive;margin:0}.us-month button{background:none;border:0;color:var(--ink);font:700 35px Gaegu;min-width:44px;min-height:40px;cursor:pointer}.us-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;text-align:center;align-items:center}.us-weekday{font:700 13px Nunito;color:#8a7496;margin-bottom:6px}.us-day{min-height:40px;aspect-ratio:1;max-width:48px;width:100%;margin:0 auto;display:grid;place-items:center;border:2px solid transparent;border-radius:50%;background:transparent;color:var(--ink);font:700 18px Gaegu;cursor:pointer}.us-day--planned{background:#fbd5e2;border-color:#a95680}.us-day--today{box-shadow:inset 0 -3px #a5c78e}.us-day--selected{background:#e8c3e5;border-color:var(--ink)}.us-date-bubble{position:relative;margin:14px 3px 1px;padding:12px 14px;background:#fbe8ee;border:2px solid #ba7397;border-radius:16px;font:700 13px Nunito}.us-date-bubble:before{content:"";position:absolute;top:-10px;left:28px;background:#fbe8ee;width:16px;height:16px;transform:rotate(45deg);border-top:2px solid #ba7397;border-left:2px solid #ba7397}.us-date-entry{display:flex;flex-direction:column;gap:5px;margin-bottom:8px}.us-date-entry:last-child{margin-bottom:0}.us-date-entry strong{font:700 22px Gaegu}.us-date-entry p{margin:2px 0}.us-pending{padding:12px 14px;margin-top:12px}.us-pending h3,.us-letters h3{font:700 23px Gaegu;margin:0 0 6px}.us-pending>p{font-size:13px;margin:0}.us-invite{padding:8px 0;border-top:1.5px dashed #e0cfdf;display:flex;flex-direction:column;gap:4px}.us-invite>strong{font:700 20px Gaegu}.us-invite>span,.us-invite>small{font-size:12px}.us-invite-actions{display:flex;align-items:center;gap:8px;margin-top:4px;flex-wrap:wrap}.us-invite-actions button,.us-tiny{border:2px solid var(--ink);border-radius:12px;background:#fff;color:var(--ink);font:700 14px Gaegu;padding:5px 12px;cursor:pointer}.us-invite-actions .us-yes{background:#dcf0d7}.us-wait{font:700 12px Nunito;color:#86618c}.us-empty{padding:20px;font:700 19px Gaegu;text-align:center}.us-empty p{font:700 13px Nunito;margin-bottom:0}.us-memories{display:flex;gap:15px;overflow-x:auto;padding:4px 7px 12px 2px;scroll-snap-type:x mandatory}.us-memory{flex:0 0 min(78vw,300px);scroll-snap-align:start;padding:10px 10px 12px}.us-memory-photos{display:flex;gap:6px;overflow-x:auto;scroll-snap-type:x mandatory;border-radius:13px;background:#f9dbe7;min-height:175px}.us-memory-photos img{height:190px;min-width:100%;width:100%;object-fit:cover;scroll-snap-align:center}.us-photo-empty{width:100%;height:180px;display:grid;place-items:center;color:#b9739a;font-size:64px}.us-memory h3{font:700 24px Gaegu;margin:10px 2px 2px}.us-memory time{font:700 12px Nunito;color:#8a7496}.us-memory p{font-size:13px;line-height:1.4;margin:8px 2px;white-space:pre-wrap}.us-memory .us-tiny{margin-top:8px}.us-partner{padding:12px}.us-partner-sky{height:300px;position:relative;border-radius:18px;overflow:hidden;background:linear-gradient(#b9d1f5,#e5d6ec 66%,#f5e6df);display:flex;justify-content:center}.us-cloud{position:absolute;font-size:65px;opacity:.6;line-height:1}.us-cloud-one{top:18px;left:14px}.us-cloud-two{top:70px;right:7px;font-size:44px}.us-partner-bubble{position:absolute;z-index:3;top:17px;left:16px;right:16px;max-width:270px;margin:auto;border-radius:20px;border:2px solid var(--ink);background:#fff8ee;box-shadow:3px 4px 0 var(--shade);padding:11px 13px;text-align:center;font:700 18px/1.12 Gaegu;overflow-wrap:anywhere}.us-partner-bubble:after{content:"";position:absolute;bottom:-9px;left:calc(50% - 7px);height:14px;width:14px;transform:rotate(45deg);background:#fff8ee;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink)}.us-character{position:absolute;bottom:12px;z-index:2;max-height:190px;max-width:175px;width:auto;height:65%;object-fit:contain;filter:drop-shadow(3px 3px 0 #806f8a55);animation:us-bob 4s ease-in-out infinite}.us-partner-ground{position:absolute;bottom:0;left:0;right:0;height:38px;background:#b3cb8f;border-top:3px solid #91b376}.us-partner-location{text-align:center;padding:12px 4px;display:flex;flex-direction:column;gap:4px;font:700 13px Nunito}.us-partner-location small{font:600 11px Nunito;color:#866f91}.us-note{border-top:1.5px dashed #d9c6e6;padding-top:12px}.us-note h3{font:700 23px Gaegu;margin:0 0 3px}.us-note p{font:600 12px Nunito;margin:0 0 9px}.us-note textarea,.us-sheet input,.us-sheet textarea{font:700 15px Nunito;color:var(--ink);width:100%;resize:vertical;border:2px solid var(--ink);border-radius:12px;background:#fff;padding:10px 11px}.us-quick{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.us-quick button{font:700 13px Gaegu;border:1.5px solid #aa8eb8;border-radius:99px;padding:7px 10px;background:#fce1ed;color:var(--ink);cursor:pointer}.us-main-btn{width:100%;padding:12px;border:2px solid var(--ink);border-radius:16px;background:#e6d7fa;color:var(--ink);font:700 22px Gaegu;box-shadow:3px 4px 0 var(--shade);cursor:pointer}.us-main-btn:disabled,.us-actions button:disabled{opacity:.55}.us-letters{padding-top:15px}.us-letters p{font:600 12px/1.45 Nunito;border-top:1px dashed #e2d5e8;padding:7px 0;margin:0;overflow-wrap:anywhere}.us-letters small{opacity:.65}.us-footer{text-align:center;font:700 17px Gaegu;margin-top:20px}.us-alert,.us-good{padding:10px 12px;font:700 13px Nunito;border:2px solid var(--ink);border-radius:14px;background:#ffe1e7;margin:0 0 12px}.us-good{background:#ddf3d6}.us-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#241a3d80;display:flex;align-items:flex-end;justify-content:center;padding-top:env(safe-area-inset-top)}.us-sheet{width:min(100%,540px);max-height:90dvh;overflow-y:auto;background:var(--paper);border:2px solid var(--ink);border-radius:26px 26px 0 0;display:flex;flex-direction:column;gap:12px;padding:18px 20px calc(env(safe-area-inset-bottom) + 22px);box-shadow:0 -5px 24px #261b3850}.us-sheet h2{font:700 30px Gaegu;margin:0}.us-sheet label{display:flex;flex-direction:column;gap:5px;font:700 13px Nunito}.us-sheet input{min-height:43px}.us-pair{display:grid;grid-template-columns:1fr 1fr;gap:9px}.us-sheet p{font:600 12px Nunito;margin:0}.us-actions{display:flex;gap:10px}.us-actions button{flex:1;padding:12px 8px;border:2px solid var(--ink);border-radius:15px;background:#fff;color:var(--ink);font:700 19px Gaegu;cursor:pointer}.us-actions button:last-child{background:#e8d5ef}@keyframes us-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@media(prefers-reduced-motion:reduce){.us-character{animation:none}}.app:has(>.us-page){padding:0!important;margin:0!important;width:100%!important;max-width:none!important;height:100dvh!important;min-height:100dvh!important;overflow:hidden!important}input[type=date],input[type=datetime-local]{display:block;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}@supports (-webkit-touch-callout: none){.us-sheet,.us-sheet form,.us-sheet label,.us-sheet input,.us-sheet textarea{min-width:0;box-sizing:border-box}.us-sheet input[type=date],.us-sheet input[type=datetime-local]{display:block;width:100%;max-width:100%;min-width:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}}.weather-app-page{position:relative;width:100%;height:100dvh;min-height:100svh;overflow:hidden;background:linear-gradient(#b5ccf3,#d9d3f0 38%,#b3cb8f 38%)}.weather-app-page iframe{display:block;width:100%;height:100%;border:0;background:transparent}.weather-app-message{position:absolute;z-index:10;left:4%;right:4%;bottom:calc(env(safe-area-inset-bottom) + 10px);padding:10px;border:2px solid #3f2f55;border-radius:15px;background:#fff8ee;color:#3f2f55;font:700 13px Nunito,system-ui,sans-serif}.app:has(>.weather-app-page){padding:0!important;margin:0!important;width:100%!important;max-width:none!important;height:100dvh!important;min-height:100dvh!important;overflow:hidden!important}.jar-page{position:relative;width:100%;height:100dvh;min-height:100svh;overflow:hidden;background:linear-gradient(#b5ccf3,#d9d3f0 34%,#f6dce6 67%,#b3cb8f 67%)}.jar-page iframe{display:block;border:0;width:100%;height:100%;background:transparent}.jar-loading,.jar-failure{height:100dvh;display:flex;justify-content:center;align-items:center;flex-direction:column;font:700 24px Gaegu,cursive;color:#3f2f55}.jar-retry{position:absolute;z-index:5;bottom:calc(env(safe-area-inset-bottom) + 12px);left:5%;width:90%;padding:10px;background:#fff8ee;color:#a1274e;border:2px solid #a1274e;border-radius:14px;font:700 13px Nunito}.app:has(>.jar-page){padding:0!important;margin:0!important;max-width:none!important;width:100%!important;min-height:100dvh!important;height:100dvh!important;overflow:hidden!important}: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}}
