@font-face{font-family:DynaPuff;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/dynapuff-latin-600-normal-DYHWf_Bd.woff2) format("woff2"),url(/assets/dynapuff-latin-600-normal-Dy8-rf3j.woff) format("woff")}@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/patrick-hand-latin-400-normal-B7HHA2Vw.woff2) format("woff2"),url(/assets/patrick-hand-latin-400-normal-Df9_VoRQ.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-latin-400-normal-r8SDr6Up.woff2) format("woff2"),url(/assets/nunito-latin-400-normal-DKg4f3fz.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-latin-600-normal-Br8yIETf.woff2) format("woff2"),url(/assets/nunito-latin-600-normal-Cd0eNu1l.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-latin-700-normal-Dort48En.woff2) format("woff2"),url(/assets/nunito-latin-700-normal-OcDqTBcA.woff) format("woff")}:root{font-family:Nunito,sans-serif;color:#65536f;background:#f7eff9;font-synthesis:none;--ink: #65536f;--purple: #8963a8;--soft-shadow: 0 10px 30px #91769b15}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;overflow:hidden}a{-webkit-tap-highlight-color:transparent}.scene-container:focus-visible,a:focus-visible{outline:3px solid #79519b;outline-offset:5px}::selection{background:#d6bfe5;color:#40304d}.world{width:100%;height:100dvh;min-height:320px;position:relative;overflow:clip;isolation:isolate;background:radial-gradient(ellipse at 66% 44%,#fffaf0 0%,#fff7f5aa 25%,transparent 57%),linear-gradient(135deg,#f0e9f8,#f9edf2 61%,#f8efe4)}.world:after{content:"";position:absolute;z-index:-1;inset:auto -10% -28%;height:45%;background:#fdf9f5aa;border-radius:50% 50% 0 0}.introduction{position:absolute;z-index:2;top:26%;left:10%;pointer-events:none}h1{font-family:DynaPuff,cursive;font-size:clamp(58px,5.7vw,86px);font-weight:600;line-height:1.12;letter-spacing:-.035em;margin:0 0 25px;color:#8050a1;position:relative}.hello-line{font-family:Patrick Hand,cursive;font-size:.66em;font-weight:400;color:#665073;display:inline-block;transform:rotate(-5deg)}.name-lettering{display:inline-block;white-space:nowrap;padding-block:8px}.name-letter{display:inline-block;color:#8b59aa;transform:rotate(-4deg) translateY(1px)}.name-letter:nth-child(2n){color:#b05881;transform:rotate(4deg) translateY(-4px)}.name-letter:nth-child(3n){color:#99703c;transform:rotate(-2deg) translateY(2px)}.name-letter:last-child{color:#b05881;transform:rotate(9deg);margin-left:3px}.heading-star{position:absolute;right:-42px;top:49%;color:#d2ad70;width:27px;height:27px;transform:rotate(14deg);stroke-width:1.4}.introduction p{font-family:Patrick Hand,cursive;font-size:27px;line-height:1.25;font-weight:400;margin:0;color:#715579}.little-note{display:block;font-size:12px;margin-top:22px;color:#715d79;letter-spacing:.025em}.scene-container{position:absolute;left:36%;top:10%;width:61%;height:71%;z-index:1}.scene-container canvas{display:block;touch-action:none}.speech{position:absolute;left:63%;top:14%;transform:translate(-50%,8px);opacity:0;z-index:5;width:max-content;max-width:270px;padding:14px 20px;background:#fffcf9;border-radius:20px 20px 20px 4px;box-shadow:var(--soft-shadow);font-size:14px;text-align:center;transition:opacity .25s,transform .25s;pointer-events:none}.speech-visible{opacity:1;transform:translate(-50%)}.world-wish{position:absolute;z-index:3;top:73.5%;left:65.5%;transform:translate(-50%);width:min(380px,calc(100% - 40px));text-align:center}.world-wish>span{display:inline-block;white-space:nowrap;font-family:Patrick Hand,cursive;font-size:17px;line-height:1.35;letter-spacing:.01em;color:#715d79;transform:rotate(-3deg)}footer{position:absolute;z-index:3;bottom:max(24px,env(safe-area-inset-bottom));left:0;width:100%;display:flex;align-items:center;justify-content:center;gap:5px;font-size:10px;color:#715d79;letter-spacing:.02em}footer>svg{color:#cd91a9;margin-inline:2px}.footer-star{position:absolute;right:5.2%;color:#baa5c6}.sky-decoration{position:absolute;inset:0;z-index:-1;pointer-events:none}.sky-star{position:absolute;stroke-width:1.2}.star-one{width:18px;left:8.2%;top:24%;color:#e2c18e;transform:rotate(-14deg)}.star-two{width:22px;left:41%;top:18%;color:#bfa3d2}.star-three{width:10px;left:30%;top:68%;color:#c4b1d8;transform:rotate(20deg)}.sky-dot{width:5px;height:5px;border-radius:50%;background:#d9bfdc;position:absolute}.dot-one{left:5%;top:55%}.dot-two{right:5%;top:57%;background:#d5b98c}.orbit{position:absolute;border:1px solid #ffffff77;border-radius:50%;width:70vw;height:70vw;top:-39vw;left:33%}.orbit-two{width:73vw;height:73vw;top:-40.5vw;left:31.5%}.fallback{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#856497;padding:20px}.fallback small{line-height:1.6}.model-loading{position:absolute;inset:0;z-index:2;pointer-events:none}.interaction-particles{position:absolute;inset:0;pointer-events:none;z-index:3;color:#e5ba6b}.interaction-particles span{position:absolute;left:65%;top:50%;animation:float-away 3.3s ease-out both;animation-delay:calc(var(--i) * 55ms)}.interaction-particles svg{width:18px;height:18px;stroke-width:1}.love-particles{color:#d888a8}@keyframes float-away{0%{opacity:0;transform:translate(0) scale(.4)}18%{opacity:.9}to{opacity:0;transform:translate(calc((var(--i) - 3.5) * 38px),calc(-120px - var(--i) * 11px)) rotate(calc(var(--i) * 22deg)) scale(1.3)}}@media(min-width:1600px){.introduction{left:15%}.scene-container{left:37%;width:57%}}@media(max-width:900px)and (min-height:700px){.introduction{left:8%;top:24%}h1{font-size:65px}.scene-container{left:32%;width:70%;top:15%;height:65%}.introduction p{font-size:17px}}@media(max-width:900px){.introduction{top:12.6%;left:0;width:100%;text-align:center}h1{font-size:clamp(34px,9.2vw,62px);line-height:1.1;margin-bottom:8px;letter-spacing:-.035em}h1 br{display:none}.name-lettering{margin-left:.16em}.heading-star{right:9%;top:-13px;width:16px;height:16px}.introduction p{font-size:20px;line-height:1.2}.desktop-break,.little-note{display:none}.scene-container{left:-12%;width:124%;top:24%;height:52%}.world-wish{left:50%;top:72.5%;gap:9px}.world-wish>span{font-size:15px}footer{bottom:max(23px,env(safe-area-inset-bottom));font-size:10px}.footer-star{display:none}.speech{left:50%;top:24%;font-size:12px;max-width:240px;padding:10px 14px}.star-one{top:32%;left:7%;width:12px}.star-two{top:63%;left:90%;width:14px}.star-three{left:12%;top:66%}.orbit{width:150vw;height:150vw;top:-100vw;left:0}.orbit-two{width:157vw;height:157vw;top:-104vw;left:-3.5%}.interaction-particles span{left:50%}}@media(min-width:651px)and (max-width:900px)and (min-height:701px){.introduction p{font-size:25px}.world-wish{top:74%}}@media(max-width:650px)and (max-height:700px){.introduction{top:12%}h1{font-size:34px;margin-bottom:6px}.introduction p{font-size:18px}.scene-container{top:24%;height:50%}.world-wish{top:71%}footer{bottom:max(16px,env(safe-area-inset-bottom))}}@media(min-width:651px)and (max-height:650px){.introduction{top:23%;left:10%}h1{font-size:53px;margin-bottom:14px}.introduction{width:auto;text-align:left}h1 br{display:block}.name-lettering{margin-left:0}.introduction p{font-size:23px}.little-note{display:none}.scene-container{top:5%;height:77%}.scene-container{left:36%;width:61%}.world-wish{top:69%}.world-wish{left:65.5%}footer{bottom:13px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.interaction-particles span{animation:none!important;opacity:.7;top:44%;left:calc(50% + (var(--i) - 3.5) * 24px)}}.scene-container{top:1%;height:88%;border-radius:32px}@media(min-width:901px){.introduction{top:22%}}.scene-container:focus-visible{outline-offset:-8px}.world-wish{top:88%}@media(min-width:901px)and (min-height:651px){.world-wish{top:90%}}@media(max-width:900px){.introduction{top:6%}.scene-container{top:17%;height:68%}.world-wish{top:87%}}@media(max-width:650px)and (max-height:700px){.introduction{top:5.5%}.scene-container{top:17%;height:66%}.world-wish{top:85%}}@media(min-width:651px)and (max-height:650px){.scene-container{top:1%;height:87%}.world-wish{top:88%}}.world{background:radial-gradient(ellipse at 66% 44%,#fffaf026,transparent 60%),linear-gradient(135deg,var(--sky-top, #f0e9f8),var(--sky-bottom, #f8efe4))}.sky-moon,.sky-sun{position:absolute;top:8%;right:9%;width:56px;height:56px;stroke-width:1.2}.sky-moon{color:#fff0c9;opacity:var(--night);transform:rotate(-12deg)}.sky-sun{color:#c99653;opacity:var(--daylight)}.fireflies{position:absolute;inset:0;opacity:var(--night)}.fireflies i{position:absolute;width:4px;height:4px;border-radius:50%;background:#fff2b4;box-shadow:0 2px 9px #ffe8a580;animation:firefly-drift 7s ease-in-out infinite alternate;animation-delay:calc(var(--i) * -.7s)}@keyframes firefly-drift{0%{transform:translate(-8px,12px);opacity:.25}to{transform:translate(13px,-17px);opacity:.9}}.world[data-sky-tone=dark]{--ink: #f9e9f6;color:var(--ink)}.world[data-sky-tone=dark] :is(.hello-line,.introduction p,.little-note,.world-wish>span,footer,.fallback){color:#f5e7f3}.world[data-sky-tone=dark] .name-letter{color:#d7b7f0}.world[data-sky-tone=dark] .name-letter:nth-child(2n){color:#f3b8d0}.world[data-sky-tone=dark] .name-letter:nth-child(3n){color:#efd39c}.world[data-sky-tone=dark]:after{background:#322c4438}.daddy-book{position:absolute;left:10%;bottom:20%;z-index:6;color:#715579}.daddy-book summary{list-style:none;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;font-family:Patrick Hand,cursive;font-size:17px;color:var(--ink);padding:8px;transform:rotate(-7deg)}.daddy-book summary::-webkit-details-marker{display:none}.daddy-book summary svg{fill:#edcbdc;color:#815a85;filter:drop-shadow(2px 4px 2px #6a456326)}.daddy-book summary:focus-visible{outline:2px solid currentColor;outline-offset:4px;border-radius:8px}.storybook-pages{position:absolute;bottom:calc(100% + 12px);left:0;width:min(500px,calc(100vw - 36px));display:grid;grid-template-columns:1fr 1.15fr;background:#fff4dd;color:#674e66;border:6px solid #c18ba6;border-radius:8px 17px 17px 8px;box-shadow:5px 12px 30px #20152f38;transform:rotate(-2deg)}.book-page{padding:24px 20px}.book-title{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(90deg,#fff8e8 85%,#decbb66b);border-right:1px solid #b7a08780}.book-title svg{color:#b66e8e}.book-title h2{font-family:Patrick Hand,cursive;font-size:28px;font-weight:400;line-height:1.2;margin:18px 0}.book-title>span{font-size:11px;color:#815f75}.book-letter{font-family:Patrick Hand,cursive;font-size:18px;line-height:1.35;background:linear-gradient(90deg,#dfccb940,#fff8e800 12%)}.book-letter p{margin:0 0 12px}.book-letter p:last-child{margin-bottom:0}.book-signature strong{font-weight:400;color:#9c5276}@media(max-width:900px){.sky-moon,.sky-sun{top:19%;right:7%;width:34px;height:34px}.daddy-book{left:14px;bottom:7%}.daddy-book summary{font-size:13px;gap:2px;padding:5px}.daddy-book summary svg{width:29px;height:29px}.storybook-pages{left:4px;width:min(480px,calc(100vw - 36px));transform:none}.book-page{padding:17px 13px}.book-title h2{font-size:24px}.book-letter{font-size:16px}}@media(max-height:650px)and (min-width:651px){.daddy-book{bottom:13%}.storybook-pages{bottom:0;left:85px}.book-page{padding:15px}}@media(prefers-reduced-motion:reduce){.fireflies i{animation:none;opacity:.65}}.name-story{pointer-events:auto;position:relative;width:max-content;margin-top:15px}.name-story summary{display:flex;align-items:center;gap:7px;width:max-content;list-style:none;cursor:pointer;font-family:Patrick Hand,cursive;font-size:19px;color:var(--ink);text-decoration:underline;text-decoration-color:#b393bc;text-underline-offset:5px;text-decoration-thickness:1px}.name-story summary::-webkit-details-marker{display:none}.name-story summary svg{color:#b183aa}.name-story summary:focus-visible{outline:2px solid currentColor;outline-offset:7px;border-radius:3px}.name-story[open]{z-index:8}.name-story-page{position:absolute;z-index:8;left:0;top:calc(100% + 15px);width:390px;max-height:min(450px,65dvh);overflow:auto;overscroll-behavior:contain;background:#fff7e9;color:#654b69;border:1px solid #ddbed0;border-radius:14px 5px 16px;padding:25px 27px 20px;box-shadow:5px 12px 30px #35223f2b;font-family:Patrick Hand,cursive;scrollbar-color:#bd95ad #fff1e3;scrollbar-width:thin}.name-story-page:focus-visible{outline:2px solid #9c6d9d;outline-offset:3px}.name-combination{display:block;font-family:DynaPuff,cursive;font-size:20px;color:#925c95}.name-combination>span{font-family:Patrick Hand,cursive;color:#b17f52;padding:0 5px}.name-story-page h2{margin:12px 0 8px;font-size:27px;line-height:1.15;font-weight:400}.name-story-page p{margin:14px 0 0;font-size:18px;line-height:1.3;color:#654b69}.name-story-page p.name-story-attribution{font-family:Nunito,sans-serif;font-size:11px;line-height:1.5;color:#7e5e79;margin-top:0}.name-story-page strong{font-weight:400;color:#974f78}.naming-candles{display:flex;justify-content:center;align-items:end;gap:25px;padding-top:18px;height:64px}.naming-candle{position:relative;display:block;width:15px;height:35px;border-radius:4px 4px 2px 2px;background:repeating-linear-gradient(135deg,#e5b6cc 0 6px,#f2d4df 6px 12px)}.naming-candle i{position:absolute;left:7px;top:-6px;height:7px;width:1px;background:#745466}.candle-out{opacity:.55;height:28px}.candle-lit{background:repeating-linear-gradient(135deg,#c4aedc 0 6px,#e7d5ef 6px 12px)}.candle-lit svg{position:absolute;left:-4px;top:-28px;fill:#f4ce85;color:#c5954c;stroke-width:1.2;transform-origin:bottom center;animation:little-flame 3s ease-in-out infinite alternate}@keyframes little-flame{0%{transform:rotate(-5deg) scaleX(.96)}to{transform:rotate(5deg) scale(1.04,.96)}}.name-story-page p.name-story-ending{text-align:center;font-size:17px;color:#965c83;margin-top:15px}@media(min-width:901px){.introduction:has(.name-story[open]){z-index:7}.name-story-page{top:auto;bottom:calc(100% + 16px);max-height:min(470px,56dvh)}}@media(max-width:900px){.name-story{margin:8px auto 0}.name-story summary{font-size:16px;gap:5px}.name-story summary svg{width:12px;height:12px}.introduction:has(.name-story[open]){z-index:7}.name-story-page{position:fixed;left:18px;right:18px;top:23%;width:auto;max-height:64dvh;padding:22px 23px;text-align:left}.name-story-page h2{font-size:26px}.name-story-page p{font-size:17px}.name-story-page p.name-story-attribution{font-size:11px}}@media(max-width:900px)and (max-height:700px){.name-story-page{max-height:calc(77dvh - 70px);padding:18px 21px}.name-story-page p{font-size:16px}.name-story-page h2{font-size:24px}.name-story-page p.name-story-attribution{font-size:11px}}@media(prefers-reduced-motion:reduce){.candle-lit svg{animation:none}}.world[data-sky-tone] .name-story-page p{color:#654b69}.world[data-sky-tone] .name-story-page p.name-story-attribution{color:#7e5e79}.world[data-sky-tone] .name-story-page p.name-story-ending{color:#965c83}
