html[data-theme=whim]{--sky-top:#9fd3ec;--sky-low:#fdf1dc;--paper:#fff8ec;--paper-2:#fbeed6;--ink:#2b2433;--ink-soft:#5e5566;--hill-back:#a7d27a;--hill-front:#7fbd55;--hill-shade:#5f9c3e;--sun:#ffc94a;--coral:#ff7a59;--coral-deep:#e85f3d;--sea:#3e8fb0;--line:#ead9bb;--font-play:"Sniglet", "ZCOOL KuaiLe", ui-rounded, system-ui, sans-serif;--font-zh:"ZCOOL KuaiLe", "Sniglet", sans-serif;--font-ui:"Atkinson Hyperlegible", "PingFang SC", "Noto Sans SC", "Microsoft YaHei", system-ui, sans-serif;--gutter:max(16px, env(safe-area-inset-left));--measure:68rem}body{background:var(--paper);color:var(--ink);font:400 1.06rem/1.6 var(--font-ui);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}body:after{content:"";pointer-events:none;z-index:50;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}[lang=zh]{font-family:var(--font-zh)}html:lang(zh){font-synthesis:none}h1,h2,h3{font-family:var(--font-play);letter-spacing:-.01em;margin:0;font-weight:800;line-height:1.08}h2{text-wrap:balance;font-size:clamp(2rem,6vw,3.1rem)}h3{font-size:1.3rem}p{text-wrap:pretty;margin:0}a{color:var(--sea)}:focus-visible{outline:3px solid var(--sea);outline-offset:3px;border-radius:8px}.btn{background:var(--coral);color:#fff;font:800 1.1rem/1 var(--font-play);white-space:nowrap;cursor:pointer;box-shadow:0 5px 0 var(--coral-deep);border:0;border-radius:999px;padding:.85rem 1.4rem;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-block}.btn:hover{box-shadow:0 7px 0 var(--coral-deep);transform:translateY(-2px)}.btn:active{box-shadow:0 1px 0 var(--coral-deep);transform:translateY(4px)}.btn-small{box-shadow:0 4px 0 var(--coral-deep);padding:.6rem 1rem;font-size:.95rem}.btn-wide{width:100%;padding:1rem;font-size:1.2rem}.btn[disabled]{opacity:.6;cursor:wait}.hero{background:linear-gradient(180deg, var(--sky-top) 0%, #cfe9f2 45%, var(--sky-low) 100%);grid-template-rows:auto auto;display:grid;position:relative;overflow:hidden}.sky .sun{aspect-ratio:1;background:radial-gradient(circle at 40% 40%, #ffe08a, var(--sun));border-radius:50%;width:clamp(70px,11vw,120px);position:absolute;top:14%;right:9%;box-shadow:0 0 0 14px #ffc94a38,0 0 0 30px #ffc94a1a}.cloud{opacity:.9;background:#fff;border-radius:999px;height:34px;animation:38s linear infinite drift;position:absolute}.cloud:before,.cloud:after{content:"";background:#fff;border-radius:50%;position:absolute}.cloud:before{width:46px;height:46px;top:-22px;left:18px}.cloud:after{width:34px;height:34px;top:-14px;left:56px}.cloud.c1{width:120px;top:22%;left:-140px}.cloud.c2{opacity:.7;width:90px;animation-duration:52s;animation-delay:-20s;top:36%;left:-140px}@keyframes drift{to{transform:translate(calc(100vw + 300px))}}.hero-copy{z-index:2;width:100%;max-width:var(--measure);padding:calc(96px + env(safe-area-inset-top)) var(--gutter) 1.5rem;align-self:end;margin:0 auto;position:relative}.eyebrow{text-wrap:balance;background:#ffffffb3;border-radius:999px;margin-bottom:1rem;padding:.3rem .8rem;font-size:.92rem;font-weight:700;display:inline-block}h1{max-width:12ch;font-size:clamp(2.9rem,10.5vw,6.2rem);animation:.7s cubic-bezier(.2,1.3,.4,1) both rise}.lede{color:#3b3343;max-width:34rem;margin-top:1.1rem;font-size:clamp(1.1rem,2.6vw,1.3rem);animation:.7s cubic-bezier(.2,1.3,.4,1) .12s both rise}.lede em{background:linear-gradient(#0000 60%,#ffc94ab3 60%);font-style:normal}.cta-row{flex-wrap:wrap;align-items:center;gap:.8rem 1.1rem;margin-top:1.6rem;animation:.7s cubic-bezier(.2,1.3,.4,1) .22s both rise;display:flex}.cta-note{color:var(--ink-soft);font-size:.95rem}@keyframes rise{0%{opacity:0;transform:translateY(18px)}}.hill-scene{height:clamp(230px,34vw,340px);position:relative}.hill{border-radius:50% 50% 0 0/100% 100% 0 0;position:absolute;left:-10%;right:-10%}.h-back{background:var(--hill-back);height:74%;bottom:0}.h-front{background:var(--hill-front);z-index:3;height:58%;bottom:-34%;left:-25%;right:35%}.buddies{z-index:2;padding:0 var(--gutter);justify-content:center;gap:clamp(4px,2vw,28px);display:flex;position:absolute;inset:auto 0 26%}.buddy{aspect-ratio:1;cursor:pointer;width:clamp(76px,19vw,170px);transform:translateY(var(--peek,38%));animation:.9s cubic-bezier(.2,1.4,.4,1) both peek;animation-delay:var(--delay,0s);-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;transition:transform .5s cubic-bezier(.2,1.4,.4,1)}.buddy:hover,.buddy:focus-visible,.buddy.talking{--peek:8%}.buddy svg{filter:drop-shadow(0 6px #0000001f);width:100%;height:100%;overflow:visible}@keyframes peek{0%{transform:translateY(110%)}}.eye .pupil{transition:transform .12s ease-out}.eye{transform-box:fill-box;transform-origin:50%;animation:5.5s infinite blink;animation-delay:var(--blink,0s)}@keyframes blink{0%,95%,to{transform:scaleY(1)}97%{transform:scaleY(.08)}}.say{z-index:4;transform-origin:50% 100%;opacity:0;pointer-events:none;white-space:nowrap;font:700 .95rem/1.2 var(--font-play);background:#fff;border-radius:16px;padding:.45rem .8rem;transition:transform .22s cubic-bezier(.2,1.4,.4,1),opacity .16s;position:absolute;bottom:calc(100% - 10px);left:50%;transform:scale(.6);box-shadow:0 3px #0000001f}.say:after{content:"";border:7px solid #0000;border-top-color:#fff;margin-left:-7px;position:absolute;top:100%;left:50%}.buddy-wrap{position:relative}.buddy-wrap.talking .say{opacity:1;transform:scale(1)}.buddy-wrap:first-child .say{transform-origin:20% 100%;left:0;translate:0}.buddy-wrap:first-child .say:after{left:2.2rem}.buddy-wrap:last-child .say{transform-origin:80% 100%;left:auto;right:0;translate:0}.buddy-wrap:last-child .say:after{margin-left:0;margin-right:-7px;left:auto;right:2.2rem}@media (width<=899px){.sky .sun{width:clamp(64px,17vw,96px);top:auto;bottom:clamp(150px,40vw,250px);right:7%}}@media (width>=900px){.hero{min-height:max(640px,min(100svh,860px));display:block}.hero-copy{padding-bottom:clamp(230px,30vh,300px)}h1{font-size:clamp(3.6rem,7vw,5.6rem)}.hill-scene{height:clamp(250px,32vh,320px);position:absolute;inset:auto 0 0}.buddies{padding-right:max(4vw, calc((100vw - var(--measure)) / 2));justify-content:flex-end}.buddy{width:clamp(110px,11vw,150px)}}.whim{overflow-x:clip}.whim>section:not(.hero){max-width:var(--measure);padding:clamp(3.5rem, 9vw, 6.5rem) var(--gutter) 0;margin:0 auto}.whim>section:not(.hero):not(.bilingual)>h2,.join-card>h2{text-align:center}.section-lede{max-width:38rem;color:var(--ink-soft);text-align:center;margin:.9rem auto 0;font-size:1.12rem}.mark{background:linear-gradient(#0000 62%,#ff7a5959 62%)}.talk{background:linear-gradient(#e9f5f9 0%,#fff 100%);border:2px solid #d6ebf2;border-radius:28px;max-width:36rem;margin:2.4rem auto 0;padding:clamp(1.2rem,4vw,1.8rem)}.talk figcaption{font:800 .8rem/1 var(--font-play);letter-spacing:.08em;text-transform:uppercase;color:var(--sea);justify-content:center;align-items:center;gap:.5rem;margin-bottom:1.1rem;display:flex}.mic{background:var(--coral);border-radius:50%;width:.7rem;height:.7rem;animation:1.6s infinite live;box-shadow:0 0 #ff7a5980}@keyframes live{70%{box-shadow:0 0 0 9px #ff7a5900}to{box-shadow:0 0 #ff7a5900}}.line{grid-template-columns:4.2rem 1fr;align-items:center;gap:.8rem;padding:.55rem 0;display:grid}.line+.line{border-top:1.5px dashed #d6ebf2}.speaker{justify-items:center;gap:.25rem;display:grid}.speaker b{font:800 .72rem/1 var(--font-play);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft)}.line p{font:400 clamp(1.1rem, 3.4vw, 1.3rem)/1.35 var(--font-play)}.line.kid p{color:var(--coral-deep)}.mini-head{width:2.6rem;display:block}.mini-head svg{aspect-ratio:1;width:100%;overflow:visible}.wave{align-items:center;gap:3px;height:2.6rem;display:flex}.wave i{background:var(--coral);width:4px;height:100%;animation:7.5s infinite say;animation-delay:calc(var(--i) * 1.5s);border-radius:2px;transform:scaleY(.3)}.wave i:nth-child(2){animation-name:say2}.wave i:nth-child(3){animation-name:say3}.wave i:nth-child(4){animation-name:say2;animation-direction:reverse}@keyframes say{0%,20%,to{transform:scaleY(.3)}4%{transform:scaleY(.7)}8%{transform:scaleY(.45)}12%{transform:scaleY(.85)}16%{transform:scaleY(.5)}}@keyframes say2{0%,20%,to{transform:scaleY(.3)}4%{transform:scaleY(.9)}8%{transform:scaleY(.6)}12%{transform:scaleY(1)}16%{transform:scaleY(.4)}}@keyframes say3{0%,20%,to{transform:scaleY(.3)}5%{transform:scaleY(.55)}10%{transform:scaleY(.95)}15%{transform:scaleY(.65)}}.offscreen,.offscreen *{animation-play-state:paused!important}.line.whim-line .mini-head{animation:7.5s infinite nod;animation-delay:calc(var(--i) * 1.5s)}@keyframes nod{0%,20%,to{transform:none}5%{transform:rotate(-6deg)translateY(-2px)}12%{transform:rotate(5deg)}}.steps{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1rem;margin:2.8rem 0 0;padding:0;list-style:none;display:grid}.steps li{text-align:center;background:var(--paper-2);border:2px solid var(--line);border-radius:22px;padding:1.4rem 1.3rem 1.3rem;position:relative}@media (width>=760px){.steps li:nth-child(2){transform:rotate(-1deg)}.steps li:nth-child(3){transform:rotate(.8deg)}}.step-num{background:var(--ink);color:#fff;width:2.2rem;height:2.2rem;font:800 1.1rem/1 var(--font-play);border-radius:50%;place-items:center;margin:0 auto .7rem;display:grid}.steps p{color:var(--ink-soft);margin-top:.4rem}.bilingual{grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));align-items:stretch;gap:1rem;display:grid}.lang-card{background:#e6f3f8;border-radius:26px;padding:clamp(1.4rem,4vw,2.2rem)}.lang-card p{color:var(--ink-soft);margin-top:.8rem}.lang-card .amp{color:var(--coral)}.lang-card.zh{background:var(--ink);color:#fff;flex-direction:column;justify-content:center;display:flex;transform:rotate(1deg)}.zh-quote{font-size:clamp(1.7rem,5vw,2.4rem);line-height:1.3;color:#fff!important;margin:0!important}.zh-small{font-family:var(--font-ui);color:#cfc6d6!important;margin-top:.7rem!important}.tales{flex-wrap:wrap;justify-content:center;gap:.6rem;max-width:52rem;margin:1.8rem auto 0;padding:0;list-style:none;display:flex}.tales li{border:2px solid var(--line);background:#fff;border-radius:999px;padding:.55rem 1rem;font-weight:700}.tales li span{color:var(--coral-deep);margin-left:.35rem;font-weight:400}.tales li:last-child{color:var(--ink-soft);background:0 0;border-style:dashed}.extra-grid{grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:1.2rem;margin-top:2.2rem;display:grid}.extra{text-align:center;border:2px solid;border-radius:26px;padding:clamp(1.3rem,4vw,1.9rem);position:relative}.extra.faces{background:#fff1e8;border-color:#ffd9c7}.extra.memory{background:#eef6e6;border-color:#d3e8c0}@media (width>=760px){.extra.faces{transform:rotate(-.8deg)}.extra.memory{transform:rotate(.8deg)}}.extra>p{color:var(--ink-soft);margin-top:.45rem}.extra-art{justify-content:center;align-items:center;gap:.7rem;min-height:8.5rem;margin-bottom:.9rem;display:flex}.extra-head{flex:none;width:7.2rem}.extra-head svg{aspect-ratio:1;width:100%;display:block;overflow:visible}.kid-face{font-size:3.4rem;line-height:1;animation:2.4s ease-in-out infinite kid-bob}.arrow{font:800 1.6rem/1 var(--font-play);color:var(--coral)}.faces .extra-head svg{animation:2.4s ease-in-out infinite head-silly}.faces .tongue{transform-box:fill-box;transform-origin:50% 0;animation:.5s ease-in-out infinite alternate tongue-wag}@keyframes kid-bob{0%,to{transform:translateY(0)rotate(-5deg)}50%{transform:translateY(-5px)rotate(5deg)}}@keyframes head-silly{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}@keyframes tongue-wag{0%{transform:rotate(-12deg)}to{transform:rotate(12deg)}}.bubble{max-width:11.5rem;font:400 1.05rem/1.3 var(--font-play);text-align:left;background:#fff;border:2px solid #d3e8c0;border-radius:18px;padding:.7rem .95rem;animation:3.2s ease-in-out infinite bubble-float;position:relative}.bubble:before{content:"";background:#fff;border-bottom:2px solid #d3e8c0;border-left:2px solid #d3e8c0;width:14px;height:14px;position:absolute;top:50%;left:-9px;transform:translateY(-50%)rotate(45deg)}@keyframes bubble-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.soon{background:var(--ink);color:#fff;font:700 .78rem/1 var(--font-ui);border-radius:999px;padding:.35rem .75rem;position:absolute;top:-.85rem;right:1.1rem;transform:rotate(2deg)}.cards{grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:1rem;margin-top:1.8rem;display:grid}.card{text-align:center;background:var(--bg,#fff);border-radius:24px;padding:1.2rem 1rem 1.1rem}.card svg{aspect-ratio:1;width:72%;overflow:visible}.card h3{margin-top:.5rem}.card p{color:var(--ink-soft);font-size:.95rem}.card .other-name{color:var(--ink-soft);font-size:1.05rem}.card .other-name[lang=zh]{font-family:var(--font-zh)}.facts{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1.6rem 2rem;max-width:58rem;margin:2rem auto 0;padding:0;list-style:none;display:grid}.facts li{border-left:4px solid var(--hill-front);padding-left:1.1rem}.facts p{color:var(--ink-soft);margin-top:.35rem}.join-card{background:linear-gradient(180deg, #fff 0%, var(--paper-2) 100%);border:2px solid var(--line);border-radius:30px;max-width:46rem;margin:0 auto;padding:clamp(1.5rem,5vw,2.8rem);position:relative;box-shadow:0 10px #0000000d}form{gap:1rem;max-width:36rem;margin:1.6rem auto 0;display:grid}.grid-2{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:1rem;display:grid}.field{border:0;gap:.35rem;min-width:0;margin:0;padding:0;display:grid}.field>span,legend{padding:0;font-size:.95rem;font-weight:700}.field small{color:var(--ink-soft);font-weight:400}input:not([type=checkbox]),select,textarea{border:2px solid var(--line);width:100%;color:var(--ink);font:400 1.05rem/1.3 var(--font-ui);background:#fff;border-radius:14px;padding:.8rem .9rem}input:focus,select:focus,textarea:focus{border-color:var(--sea);outline:none}.check{align-items:center;gap:.5rem;margin-right:1.2rem;font-size:1rem;display:inline-flex}.check input{width:1.3rem;height:1.3rem;accent-color:var(--coral)}.consent{color:var(--ink-soft);align-items:flex-start;margin:0;font-size:.92rem}.consent input{flex:none;margin-top:.15rem}.hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.form-msg{min-height:1.4em;color:var(--coral-deep);font-weight:700}.thanks{text-align:center;padding:1.5rem 0 .5rem}.thanks-head{width:120px;margin:0 auto .6rem}.thanks-head svg{aspect-ratio:1;width:100%;overflow:visible}.thanks h3{font-size:2rem}.thanks p{color:var(--ink-soft);margin-top:.5rem}.faq details{border-bottom:2px solid var(--line);max-width:44rem;margin:0 auto;padding:1rem 0}.faq details:first-of-type{margin-top:1.2rem}.faq details p{margin-left:0}.faq summary{cursor:pointer;font:800 1.2rem/1.3 var(--font-play);justify-content:space-between;gap:1rem;list-style:none;display:flex}.faq summary:after{content:"+";color:var(--coral);font-size:1.5rem;line-height:1;transition:transform .2s}.faq details[open] summary:after{transform:rotate(45deg)}.faq summary::-webkit-details-marker{display:none}.faq details p{color:var(--ink-soft);max-width:42rem;margin-top:.6rem}.privacy p{max-width:44rem;color:var(--ink-soft);margin:.9rem auto 0}.privacy b{color:var(--ink)}@media (width<=520px){.hero-copy{padding-top:calc(118px + env(safe-area-inset-top))}}