html[data-theme=desk] body{background:var(--desk) var(--grain);color:var(--ink);font:400 1.08rem/1.6 var(--body)}.doodle h1,.doodle h2,.doodle h3{font-family:var(--hand);letter-spacing:.005em;margin:0;font-weight:400;line-height:1.05}html:lang(zh-Hans) .doodle :is(h1,h2,h3){font-family:var(--hand-zh);letter-spacing:.02em}.doodle h2{text-wrap:balance;font-size:clamp(2.3rem,6.4vw,3.6rem)}.doodle h3{font-size:1.65rem}.doodle p{text-wrap:pretty;margin:0}.doodle a{color:var(--tomato-dark)}.doodle{overflow-x:clip}.doodle>section{max-width:var(--measure);padding:clamp(4rem, 10vw, 7rem) var(--gutter) 0;margin:0 auto}.doodle .section-lede{text-align:center;max-width:36rem;color:var(--soft);margin:.9rem auto 0;font-size:1.15rem}.scribble{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 20' preserveAspectRatio='none'%3E%3Cpath d='M3 13 C 40 6, 70 17, 104 10 S 168 6, 197 11' fill='none' stroke='%23ff5a36' stroke-width='5' stroke-linecap='round' opacity='.7'/%3E%3C/svg%3E") 0 100%/100% .42em no-repeat;padding-bottom:.08em}.btn{border:3px solid var(--ink);background:var(--tomato);font:400 1.4rem/1 var(--hand);white-space:nowrap;cursor:pointer;box-shadow:0 6px 0 var(--ink);border-radius:16px;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.5rem .8rem;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-flex;color:#fff!important}html:lang(zh-Hans) .btn{font-family:var(--hand-zh);font-size:1.3rem}.btn:hover{box-shadow:0 8px 0 var(--ink);transform:translateY(-2px)}.btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(5px)}.btn-quiet{background:var(--paper);color:var(--ink)!important}.text-link{text-decoration-color:var(--tomato);text-underline-offset:4px;font-weight:700;text-decoration-thickness:2px;color:var(--ink)!important}.hero{align-items:center;gap:2.5rem 3rem;display:grid;padding-top:clamp(1.5rem,5vw,3.5rem)!important}@media (width>=900px){.hero{grid-template-columns:1.05fr 1fr}}.eyebrow{border:2px dashed var(--leaf);color:var(--leaf-dark);font:700 .92rem/1.3 var(--body);border-radius:8px;padding:.25rem .75rem;display:inline-block;transform:rotate(-1.5deg)}.hero h1{margin-top:1rem;font-size:clamp(3rem,10.5vw,5rem);line-height:.98;animation:.7s cubic-bezier(.2,1.3,.4,1) both rise}@media (width>=900px){.hero h1{font-size:clamp(3.4rem,5.6vw,5.3rem)}}.alive-word{color:var(--tomato);white-space:nowrap;display:inline-block;transform:rotate(-2deg)}.lede{max-width:32rem;margin-top:1.2rem;font-size:clamp(1.12rem,2.6vw,1.3rem);animation:.7s cubic-bezier(.2,1.3,.4,1) .12s both rise}.lede em{background:linear-gradient(#0000 58%,#ffd666e6 58%);font-style:normal}.cta-row{flex-wrap:wrap;align-items:center;gap:1rem 1.4rem;margin-top:1.8rem;animation:.7s cubic-bezier(.2,1.3,.4,1) .22s both rise;display:flex}@keyframes rise{0%{opacity:0;transform:translateY(18px)}}.hero-art{justify-items:center;gap:1.2rem;display:grid;position:relative}.sheet{aspect-ratio:1;background:var(--paper);border-radius:4px;width:min(100%,27rem);margin:0;padding:6%;animation:.8s cubic-bezier(.2,1.2,.4,1) .15s both drop-in;position:relative;transform:rotate(2deg);box-shadow:0 1px #00000014,0 22px 36px -14px #46280a80}@keyframes drop-in{0%{opacity:0;transform:rotate(9deg)translateY(-30px)scale(1.04)}}.sheet .tape-a{top:-12px;left:12px;transform:rotate(-8deg)}.sheet .tape-b{top:-10px;right:14px;transform:rotate(7deg)}.bird-art{width:100%;height:auto;display:block;overflow:visible}.bird-art .bird,.bird-art .bird-cloud{filter:url(#crayon-0)}.alive .bird-art .bird-cloud{animation:.4s step-end infinite boil}.alive .bird-art .bird{transform-origin:50% 100%;animation:.4s step-end infinite boil,1.1s ease-in-out infinite waddle}@keyframes boil{0%{filter:url(#crayon-0)}33%{filter:url(#crayon-1)}66%{filter:url(#crayon-2)}}.bird-body,.bird-head,.leg,.bird-eye,.bird-beak,.bird-cloud>path,.bird{transform-box:fill-box}@keyframes waddle{0%,to{transform:none}25%{transform:translate(6px,-14px)rotate(-2deg)}50%{transform:translate(12px)rotate(3deg)}75%{transform:translate(6px,-14px)rotate(-1deg)}}.alive .bird-head{transform-origin:20% 90%;animation:2.2s ease-in-out infinite peck}@keyframes peck{0%,to{transform:rotate(0)}20%{transform:rotate(-9deg)}45%{transform:rotate(5deg)}60%{transform:rotate(0)}}.alive .bird-eye{transform-origin:50%;animation:2.2s infinite blink}@keyframes blink{0%,86%,to{transform:scaleY(1)}92%{transform:scaleY(.1)}}.alive .bird-beak{transform-origin:10%;animation:2.2s ease-in-out infinite chirp}@keyframes chirp{0%,60%,to{transform:rotate(0)}70%{transform:rotate(-12deg)}80%{transform:rotate(4deg)}}.alive .leg{transform-origin:50% 0}.alive .leg-l{animation:1.1s ease-in-out infinite step}.alive .leg-r{animation:1.1s ease-in-out infinite reverse step}@keyframes step{0%,to{transform:rotate(0)}25%{transform:rotate(-14deg)}75%{transform:rotate(14deg)}}.alive .bird-cloud>path{animation:2.2s ease-in-out infinite drift}@keyframes drift{0%,to{transform:none}50%{transform:translate(46px)}}.sheet.alive .bird-art .bird-cloud{animation-iteration-count:11}.sheet.alive .bird-art .bird{animation-iteration-count:11,4}.sheet.alive :is(.bird-head,.bird-eye,.bird-beak){animation-iteration-count:2}.sheet.alive .leg{animation-iteration-count:4}.sheet.alive .bird-cloud>path{animation-iteration-count:2}.offscreen,.offscreen *{animation-play-state:paused!important}.sparkles{pointer-events:none;position:absolute;inset:0}.sparkles i{opacity:0;background:var(--sun);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);width:18px;height:18px;position:absolute;top:52%;left:52%}.sparkles i:nth-child(3n){background:var(--tomato)}.sparkles i:nth-child(3n+1){background:var(--sky);width:14px;height:14px}.sparkling .sparkles i{animation:.9s cubic-bezier(.15,.8,.3,1) both sparkle;animation-delay:calc(var(--n) * 25ms)}@keyframes sparkle{0%{opacity:1;transform:rotate(calc(var(--n) * 40deg)) translateY(0) scale(.2)}70%{opacity:1}to{opacity:0;transform:rotate(calc(var(--n) * 40deg)) translateY(-11rem) scale(1.1) rotate(90deg)}}.bring-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.bring{border:3px solid var(--ink);background:var(--paper);color:var(--ink);font:400 1.5rem/1 var(--hand);cursor:pointer;box-shadow:0 6px 0 var(--ink);border-radius:999px;align-items:center;gap:.55rem;padding:.9rem 1.6rem .85rem;transition:transform .12s,box-shadow .12s,background .2s;display:inline-flex}html:lang(zh-Hans) .bring{font-family:var(--hand-zh);font-size:1.35rem}.bring svg{width:1.3rem;height:1.3rem;fill:var(--sun);stroke:var(--ink);stroke-width:1.6px;stroke-linejoin:round;transition:transform .4s cubic-bezier(.2,1.4,.4,1)}.bring:hover{box-shadow:0 8px 0 var(--ink);transform:translateY(-2px)}.bring:hover svg{transform:rotate(72deg)scale(1.15)}.bring:active{box-shadow:0 1px 0 var(--ink);transform:translateY(5px)}.bring.played{background:#fff4cf}.hint{font:400 1.25rem/1 var(--hand);color:var(--soft);transition:opacity .4s;transform:rotate(-4deg)}.hint:before{content:"↖ "}.hint.gone{opacity:0}.crayon-box{align-items:flex-end;gap:6px;height:56px;display:flex}.crayon{background:linear-gradient(90deg, #ffffff40, transparent 40%), var(--c);clip-path:polygon(22% 0,78% 0,100% 24%,100% 100%,0 100%,0 24%);width:22px;height:46px;transform:translateY(calc(sin(var(--i) * 1.3) * 5px));border-radius:3px 3px 2px 2px;transition:transform .22s cubic-bezier(.2,1.4,.4,1)}.crayon:hover{transform:translateY(-10px)}.steps-section>h2,.grown-section>h2,.faq>h2,.credits>h2{text-align:center}.steps{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:2rem 1.4rem;margin:3rem 0 0;padding:0;list-style:none;display:grid}.steps li{background:var(--paper);transform:rotate(var(--tilt,0deg));border-radius:4px;padding:2rem 1.5rem 1.6rem;position:relative;box-shadow:0 14px 24px -14px #46280a80}.steps li .tape{transform:rotate(calc(var(--tilt) * -2));margin-left:-48px;top:-13px;left:50%}.step-num{border:3px solid var(--tomato);width:2.6rem;height:2.6rem;color:var(--tomato-dark);font:400 1.6rem/1 var(--hand);border-radius:50% 46% 52% 48%;place-items:center;margin-bottom:.8rem;display:grid;transform:rotate(-6deg)}.steps p{color:var(--soft);margin-top:.5rem}.movie-section{align-items:center;gap:3rem;display:grid}@media (width>=860px){.movie-section{grid-template-columns:1.1fr .9fr}}.movie-copy p{max-width:34rem;margin-top:1rem;font-size:1.12rem}.movie-copy .aside{color:var(--soft);font-size:1rem}.movie{aspect-ratio:9/16;width:min(100%,19rem);box-shadow:0 0 0 10px var(--ink), 0 30px 40px -18px #28140099;background:#fff;border-radius:22px;grid-template-rows:1fr auto .72fr;justify-self:center;margin:0;padding:.9rem;display:grid;position:relative;transform:rotate(-2.5deg)}.movie-top{background:linear-gradient(#e9f6fd,#fff 80%);border-radius:12px 12px 0 0;place-items:center;display:grid;overflow:hidden}.movie-top .bird-art{width:96%}.movie-title{z-index:1;font:400 2rem/1 var(--hand);color:#fff;-webkit-text-stroke:7px var(--ink);paint-order:stroke fill;justify-self:center;transform:rotate(-2deg);margin:-1.4rem 0 .2rem!important}html:lang(zh-Hans) .movie-title{font-family:var(--hand-zh)}.movie-bottom{place-items:center;display:grid}.movie-bottom .bird-art{width:62%}.movie .still .bird,.movie .still .bird *{animation:none!important}.guides-section{align-items:center;gap:3rem;display:grid}@media (width>=860px){.guides-section{grid-template-columns:.9fr 1.1fr}}.guides-copy p{max-width:34rem;margin-top:1rem;font-size:1.12rem}.phones{justify-items:center;min-height:26rem;display:grid;position:relative}.phone{width:min(62%,15rem);height:auto;box-shadow:0 0 0 8px var(--ink), 0 26px 34px -16px #2814008c;border-radius:24px;grid-area:1/1}.phone-back{opacity:.95;transform:translate(-24%)rotate(-7deg)}.phone-front{transform:translate(22%)translateY(1.5rem)rotate(4deg)}.guide-tags{flex-wrap:wrap;gap:.6rem;margin:1.6rem 0 0;padding:0;list-style:none;display:flex}.guide-tags li{background:var(--paper);border:2px dashed var(--desk-deep);font:400 1.35rem/1.1 var(--hand);box-shadow:inset 0 -5px 0 color-mix(in srgb, var(--c) 55%, transparent);border-radius:10px;padding:.35rem .9rem .3rem}html:lang(zh-Hans) .guide-tags li{font-family:var(--hand-zh);font-size:1.2rem}.guide-tags li:nth-child(odd){transform:rotate(-2deg)}.guide-tags li:nth-child(2n){transform:rotate(1.5deg)}.guide-tags li.more{box-shadow:none;color:var(--soft);background:0 0;transform:none}.grown{background:linear-gradient(90deg, transparent calc(clamp(1.2rem, 4vw, 2.6rem) - 2px), #ff5a3659 0 calc(clamp(1.2rem, 4vw, 2.6rem)), transparent 0), repeating-linear-gradient(transparent 0 calc(1.6em - 1px), #8ecae673 calc(1.6em - 1px) 1.6em), var(--paper);border-radius:4px;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1.6rem 2.6rem;max-width:60rem;margin:2.4rem auto 0;padding:clamp(1.5rem,4vw,2.5rem) clamp(1.2rem,4vw,2.6rem) clamp(1.5rem,4vw,2.5rem) clamp(2.2rem,6vw,4rem);list-style:none;display:grid;box-shadow:0 18px 30px -18px #46280a80}.grown h3{font-size:1.55rem}.grown h3:before{content:"✓ ";color:var(--leaf)}.grown p{color:var(--soft);margin-top:.3rem}.account-card{background:var(--paper);border-radius:4px;justify-items:start;gap:.8rem;width:min(100%,34rem);margin:2.8rem auto 0;padding:2.2rem 1.8rem 1.8rem;display:grid;position:relative;transform:rotate(-1.2deg);box-shadow:0 16px 26px -16px #46280a8c}.account-card .tape{margin-left:-48px;top:-13px;left:50%;transform:rotate(2deg)}.account-card h3{font-size:2rem}.account-text{color:var(--soft)}.account-actions{flex-wrap:wrap;gap:.9rem 1rem;margin:.6rem 0 .2rem;display:flex}.faq details{border-bottom:2px dashed var(--desk-deep);max-width:44rem;margin:0 auto;padding:1rem 0}.faq details:first-of-type{margin-top:1.4rem}.faq summary{cursor:pointer;font:400 1.5rem/1.25 var(--hand);justify-content:space-between;gap:1rem;list-style:none;display:flex}html:lang(zh-Hans) .faq summary{font-family:var(--hand-zh);font-size:1.35rem}.faq summary:after{content:"+";color:var(--tomato);font-size:1.8rem;line-height:1;transition:transform .2s}.faq details[open] summary:after{transform:rotate(45deg)}.faq summary::-webkit-details-marker{display:none}.faq details p{max-width:42rem;color:var(--ink);margin-top:.6rem}.whim-card{background:linear-gradient(#bfe3f2 0%,#e6f4f9 60%,#fdf1dc 100%);border-radius:28px;grid-template-columns:auto 1fr;align-items:center;gap:1rem 1.6rem;max-width:46rem;margin:0 auto;padding:clamp(1.3rem,4vw,2rem);text-decoration:none;transition:transform .16s;display:grid;box-shadow:0 8px #7fbd55;color:var(--ink)!important}.whim-card:hover{transform:translateY(-3px)rotate(-.5deg)}.whim-head{width:clamp(5rem,18vw,8rem)}.whim-head svg{aspect-ratio:1;width:100%;display:block;overflow:visible}.whim-words{justify-items:start;gap:.4rem;display:grid}.whim-words .eyebrow{color:#2d6f8a;border-color:#3e8fb0}.whim-title{font:800 2rem/1.05 "Sniglet", var(--hand)}html:lang(zh-Hans) .whim-title{font-family:var(--hand-zh);font-weight:400}.whim-text{color:var(--soft)}.whim-card .eye{transform-box:fill-box;transform-origin:50%;animation:5.5s infinite whim-blink;animation-delay:var(--blink,0s)}@keyframes whim-blink{0%,95%,to{transform:scaleY(1)}97%{transform:scaleY(.08)}}@media (width<=520px){.whim-card{text-align:center;grid-template-columns:1fr;justify-items:center}.whim-words{justify-items:center}}@media (prefers-reduced-motion:reduce){.alive .bird-art .bird,.alive .bird-art .bird-cloud{filter:url(#crayon-0)}}