@font-face{font-family:"serif";src:url(../media/InstrumentSerif_Regular-s.p.f804c1d1.ttf)format("truetype");font-display:swap;font-weight:400}@font-face{font-family:serif Fallback;src:local(Arial);ascent-override:128.92%;descent-override:40.37%;line-gap-override:0.0%;size-adjust:76.79%}.serif_886aefae-module__ENsyPq__className{font-family:"serif",serif Fallback;font-weight:400}.serif_886aefae-module__ENsyPq__variable{--font-serif:"serif","serif Fallback"}
:root{--paper:#f1eff4;--surface:#fff;--ink:#3a2c46;--secondary:#6a5d74;--line:#e2d8e9;--tint:#735295;--glow:#e5ccef;--fill:#3a2c46;--on-fill:#fff;--radius:28px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#121113;--surface:#27212f;--ink:#f1eaf6;--secondary:#bfb0cc;--line:#493d54;--tint:#c7a6ea;--glow:#3b2d4a;--fill:#f1eaf6;--on-fill:#2a2033;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--paper:#121113;--surface:#27212f;--ink:#f1eaf6;--secondary:#bfb0cc;--line:#493d54;--tint:#c7a6ea;--glow:#3b2d4a;--fill:#f1eaf6;--on-fill:#2a2033;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body.amelio{background:var(--paper);min-height:100vh;color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font:400 17px/1.55 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow-x:clip}img{max-width:100%;height:auto;display:block}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--tint);outline-offset:3px;border-radius:12px}.skip{background:var(--fill);color:var(--on-fill);z-index:10;border-radius:999px;padding:10px 16px;text-decoration:none;position:absolute;top:-60px;left:16px}.skip:focus{top:12px}.display{font-family:var(--font-serif),"Instrument Serif",Georgia,serif;letter-spacing:-.01em;text-wrap:balance;font-weight:400;line-height:1.04}.wordmark{font-family:var(--font-serif),Georgia,serif;align-items:center;gap:10px;font-size:26px;line-height:1;text-decoration:none;display:inline-flex}.wordmark-icon{border-radius:10px;width:36px;height:36px}.home-header,.page-header{justify-content:space-between;align-items:center;gap:12px;max-width:1080px;margin:0 auto;padding:16px;display:flex}.stores{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.store{background:var(--fill);min-width:156px;min-height:56px;color:var(--on-fill);text-align:left;border-radius:999px;justify-content:center;align-items:center;padding:8px 20px;font-size:17px;font-weight:600;line-height:1.15;text-decoration:none;transition:transform .16s,box-shadow .16s;display:inline-flex;box-shadow:0 10px 24px -14px #3a2c46b3}.store small{opacity:.8;letter-spacing:.02em;font-size:11px;font-weight:500;display:block}.store:hover{transform:translateY(-1px)}.store:active{transform:scale(.98)}.store-android{background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}html[data-platform=android] .store-android{background:var(--fill);color:var(--on-fill);order:-1;box-shadow:0 10px 24px -14px #3a2c46b3}html[data-platform=android] .store-ios{background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}.stores-compact .store{min-width:0;min-height:44px;padding:6px 14px;font-size:14px}@media (max-width:520px){.page-header{flex-wrap:wrap}.page-header .stores-compact{justify-content:flex-start;width:100%}}.hero{text-align:center;flex-direction:column;align-items:center;max-width:640px;margin:0 auto;padding:8px 16px 40px;display:flex}.hero-art{width:168px;height:168px;margin:4px 0 8px;position:relative}.hero-art:before{content:"";z-index:-1;background:radial-gradient(closest-side,var(--glow),transparent);position:absolute;inset:10% -20% -10%}.hero-character{width:168px;height:168px;animation:6s ease-in-out infinite float}.hero-star{width:58px;height:58px;animation:5s ease-in-out infinite twinkle;position:absolute;top:-4px;right:-34px}.hero-title{margin:6px 0 14px;font-size:clamp(46px,13vw,84px)}.hero-title span{display:block}.hero-line{max-width:30em;color:var(--secondary);text-wrap:pretty;margin:0 0 26px;font-size:18px}.hero-note{color:var(--secondary);margin:16px 0 0;font-size:14px}.home .hero-art{animation:.9s cubic-bezier(.2,.8,.2,1.1) both arrive}@media (min-width:860px){.home .hero{padding-top:24px}.home .hero-art,.home .hero-character{width:196px;height:196px}.home .hero-star{width:64px;height:64px;right:-40px}}.story{text-align:center;place-items:center;gap:36px;max-width:1080px;margin:0 auto;padding:clamp(56px,11vw,120px) 16px 0;display:grid}.story-text{max-width:28rem}.story h2,.goodbye h2{margin:0 0 16px;font-size:clamp(42px,11vw,64px)}.story p,.goodbye p{color:var(--secondary);text-wrap:pretty;margin:0;font-size:18px}.story-art{justify-content:center;width:100%;display:flex}@media (min-width:860px){.story{text-align:left;grid-template-columns:minmax(0,1fr) minmax(0,1fr);justify-items:stretch;gap:72px}.story-text{justify-self:start;padding-left:24px}.story-flip .story-text{order:2;padding-left:0}}.crop{display:block}.crop img{filter:drop-shadow(0 22px 28px #3a2c4629)drop-shadow(0 1px 2px #3a2c4614);width:100%}.friends{aspect-ratio:1;width:min(100%,400px);position:relative}.friend{aspect-ratio:1;background:var(--surface);width:27%;box-shadow:0 0 0 1px var(--line),0 16px 26px -20px #3a2c4673;border-radius:50%;place-items:center;display:grid;position:absolute;translate:-50% -50%}.friend img{width:84%;height:auto;animation:5s ease-in-out infinite bob;animation-delay:calc(var(--i,0)*-.7s)}.friend-center{width:34%;top:50%;left:50%}.friend:nth-child(2){top:14.5%;left:50%}.friend:nth-child(3){top:32.3%;left:80.7%}.friend:nth-child(4){top:67.7%;left:80.7%}.friend:nth-child(5){top:85.5%;left:50%}.friend:nth-child(6){top:67.7%;left:19.3%}.friend:nth-child(7){top:32.3%;left:19.3%}.feel{flex-direction:column;align-items:center;width:min(100%,400px);display:flex}.moods{aspect-ratio:1/1.2;width:min(62%,240px);position:relative}.moods:before{content:"";aspect-ratio:1;background:var(--surface);box-shadow:0 0 0 1px var(--line);border-radius:50%;position:absolute;top:4%;left:6%;right:6%}.mood{opacity:0;animation:14.4s ease-in-out infinite both feeling;animation-delay:calc(var(--i,0)*2.4s);flex-direction:column;align-items:center;margin:0;display:flex;position:absolute;inset:0}.mood:first-child{opacity:1}.mood img{width:78%;margin-top:10%}.mood figcaption{background:var(--fill);color:var(--on-fill);letter-spacing:.01em;border-radius:999px;margin-top:6%;padding:6px 16px;font-size:15px;font-weight:600}.crop-checkin{width:100%;margin-top:20px}.choose{width:min(84%,380px);margin-top:28px;position:relative}.choose-peek{width:34%;animation:5.5s ease-in-out infinite bob;position:absolute;top:-22%;right:-12%}.grow{width:min(74%,340px);position:relative}.reaction{width:30%;animation:6s ease-in-out infinite bob;animation-delay:calc(var(--i,0)*-1.3s);position:absolute}.reaction-hug{top:10%;left:-22%}.reaction-heart{top:2%;right:-22%}.reaction-cheer{bottom:22%;right:-20%}.reaction-wow{bottom:6%;left:-18%}.goodbye{text-align:center;flex-direction:column;align-items:center;max-width:640px;margin:0 auto;padding:clamp(72px,12vw,128px) 16px clamp(56px,9vw,96px);display:flex}.goodbye-wave{transform-origin:50% 90%;width:150px;height:150px;margin-bottom:8px;animation:3.6s ease-in-out infinite wave}.goodbye p{margin-bottom:28px}.site-footer{border-top:1px solid var(--line);padding:36px 16px calc(36px + env(safe-area-inset-bottom));text-align:center;flex-direction:column;align-items:center;gap:18px;display:flex}.footer-links{flex-wrap:wrap;justify-content:center;gap:0 4px;display:flex}.footer-links a{color:var(--secondary);padding:10px 12px;font-weight:500;text-decoration:none}.footer-links a:hover{color:var(--ink)}.footer-company{color:var(--secondary);margin:0;font-size:13px}.text-page{max-width:720px;margin:0 auto;padding:24px 16px 56px}.text-page h1{margin:8px 0 12px;font-size:clamp(40px,10vw,60px)}.text-page .lede{color:var(--secondary);margin:0 0 28px;font-size:19px}.text-page h2{margin:36px 0 8px;font-size:20px}.text-page p,.text-page li{color:var(--ink)}.text-page ul,.text-page ol{padding-left:1.2em}.text-page li{margin:6px 0}.text-page .muted{color:var(--secondary);font-size:15px}.card{background:var(--surface);border-radius:var(--radius);box-shadow:0 0 0 1px var(--line);padding:22px}.card+.card{margin-top:12px}.card h2,.card h3{margin-top:0}.faq summary{cursor:pointer;justify-content:space-between;gap:12px;font-size:17px;font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--tint);font-size:22px;font-weight:400;line-height:1;transition:transform .2s}.faq[open] summary:after{transform:rotate(45deg)}.faq p{margin:10px 0 0}address{font-style:normal}.invite{text-align:center;flex-direction:column;align-items:center;max-width:520px;margin:0 auto;padding:16px 16px 48px;display:flex}.invite .hero-art{margin-bottom:4px}.invite h1{margin:8px 0 12px;font-size:clamp(42px,11vw,64px)}.invite .card{width:100%;margin:6px 0 24px}.code-label{letter-spacing:.18em;color:var(--secondary);margin:0 0 6px;font-size:12px;font-weight:600}.code{letter-spacing:.12em;-webkit-user-select:all;user-select:all;margin:0;font:600 28px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.open-app{min-height:52px;color:var(--tint);border-radius:999px;justify-content:center;align-items:center;margin:0 0 18px;padding:0 26px;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:inset 0 0 0 1.5px}.steps{text-align:left;counter-reset:step;width:100%;margin:28px 0 0;padding:0;list-style:none}.steps li{counter-increment:step;color:var(--secondary);gap:14px;margin:0 0 14px;display:flex}.steps li:before{content:counter(step);background:var(--fill);width:28px;height:28px;color:var(--on-fill);border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:700;display:grid}.code-form{text-align:left;flex-direction:column;gap:10px;display:flex}.code-form input{border:1px solid var(--line);background:var(--paper);width:100%;min-height:52px;color:var(--ink);letter-spacing:.12em;border-radius:999px;padding:0 18px;font:600 20px ui-monospace,SFMono-Regular,Menlo,monospace}.code-form button{background:var(--fill);min-height:52px;color:var(--on-fill);font:inherit;cursor:pointer;border:0;border-radius:999px;font-weight:600}.error{color:#b3415a;margin:0;font-size:14px}@keyframes float{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-10px)rotate(2deg)}}@keyframes twinkle{0%,82%,to{opacity:1;transform:scale(1)rotate(0)}88%{opacity:.75;transform:scale(.82)rotate(-8deg)}94%{opacity:1;transform:scale(1.08)rotate(4deg)}}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.hero-title,.hero-line,.hero .stores{animation:.7s cubic-bezier(.2,.7,.2,1) both rise}.hero-line{animation-delay:80ms}.hero .stores{animation-delay:.16s}@keyframes arrive{0%{opacity:0;transform:translateY(14px)scale(.86)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:scale(.4)}65%{opacity:1;transform:scale(1.07)}to{opacity:1;transform:none}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes feeling{0%{opacity:0;transform:translateY(10px)scale(.92)}3%,14%{opacity:1;transform:none}16.6%,to{opacity:0;transform:translateY(-6px)scale(.97)}}@keyframes wave{0%,55%,to{transform:rotate(0)}8%{transform:rotate(-9deg)}18%{transform:rotate(7deg)}28%{transform:rotate(-6deg)}38%{transform:rotate(4deg)}}html[data-motion] .mood,html[data-motion] .goodbye-wave{animation-play-state:paused}html[data-live~=feel] .mood,html[data-live~=hello] .goodbye-wave{animation-play-state:running}@media (prefers-reduced-motion:no-preference){html[data-motion] .story :is(.story-text,.crop,.friend,.choose-peek,.reaction,.moods),html[data-motion] .goodbye :is(.goodbye-wave,h2,p,.stores){opacity:0}html[data-seen~=few] #few .story-text,html[data-seen~=feel] #feel .story-text,html[data-seen~=choose] #choose .story-text,html[data-seen~=grow] #grow .story-text{animation:.7s cubic-bezier(.2,.7,.2,1) both rise}html[data-seen~=few] #few .friend{animation:.62s cubic-bezier(.3,.7,.3,1.2) both pop;animation-delay:calc(.14s + var(--i,0)*.11s)}html[data-seen~=feel] #feel .moods{animation:.7s cubic-bezier(.2,.8,.2,1.1) .12s both arrive}html[data-seen~=feel] #feel .crop{animation:.8s cubic-bezier(.2,.7,.2,1) .26s both rise}html[data-seen~=choose] #choose .crop{animation:.8s cubic-bezier(.2,.7,.2,1) .14s both rise}html[data-seen~=choose] #choose .choose-peek{animation:.6s cubic-bezier(.3,.7,.3,1.2) .62s both pop,5.5s ease-in-out 1.3s infinite bob}html[data-seen~=grow] #grow .crop{animation:.8s cubic-bezier(.2,.7,.2,1) .14s both rise}html[data-seen~=grow] #grow .reaction{animation:.6s cubic-bezier(.3,.7,.3,1.2) both pop,6s ease-in-out infinite bob;animation-delay:calc(.56s + var(--i,0)*.18s),calc(1.2s + var(--i,0)*.18s)}html[data-seen~=hello] #hello .goodbye-wave{animation:.6s cubic-bezier(.3,.7,.3,1.2) both pop,3.6s ease-in-out .7s infinite wave}html[data-seen~=hello] #hello :is(h2,p,.stores){animation:.7s cubic-bezier(.2,.7,.2,1) both rise}html[data-seen~=hello] #hello p{animation-delay:80ms}html[data-seen~=hello] #hello .stores{animation-delay:.16s}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.mood:not(:first-child){display:none}}