@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/patrick-hand-vietnamese-400-normal.65jA92mZ.woff2) format("woff2"),url(/_astro/patrick-hand-vietnamese-400-normal.CZjY324Y.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/patrick-hand-latin-ext-400-normal.Dno5CMlI.woff2) format("woff2"),url(/_astro/patrick-hand-latin-ext-400-normal.C2ywpnn3.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/patrick-hand-latin-400-normal.B7HHA2Vw.woff2) format("woff2"),url(/_astro/patrick-hand-latin-400-normal.Df9_VoRQ.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light;--paper: #f4f4f0;--card: #ffffff;--ink: #000000;--soft: #4a4a45;--blue: oklch(.5957 .2005 256.64);--deep-blue: oklch(.5357 .2005 256.64);--green: oklch(.6845 .1964 146.77);--purple: oklch(.629 .2054 281.88);--orange: oklch(.7327 .1818 50.86);--red: oklch(.6525 .221 27.25);--yellow: oklch(.9034 .1292 91.09);--light-yellow: oklch(.9585 .0605 96.14);--light-green: oklch(.9 .13 146.77);--bg-green-light: linear-gradient(135deg, var(--light-green), var(--green));--accent-hue: 281.88;--accent-light: oklch(.9 .07 var(--accent-hue));--accent: oklch(.72 .15 var(--accent-hue));--bg-accent: linear-gradient(135deg, var(--accent-light), var(--accent));--bg-blue-green: linear-gradient(135deg, var(--blue), var(--green));--bg-blue-light: linear-gradient(135deg, var(--deep-blue), oklch(.535 .1602 254.08));--bg-orange-red: linear-gradient(135deg, var(--orange), var(--red));--bg-yellow-light: linear-gradient(135deg, var(--light-yellow), var(--yellow));--bg-yellow-orange: linear-gradient(135deg, var(--yellow), var(--orange));--border: 2px solid var(--ink);--shadow: 4px 4px 0 var(--ink);--radius: 6px;--sans: "Helvetica Neue", Helvetica, Arial, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:20px;line-height:1.55}.wrap{max-width:42rem;margin:0 auto;padding:0 1.25rem}header.site{padding:1.5rem 0 0}.brand{display:inline-block;padding:.25rem .8rem;background:#fff;border:var(--border);border-radius:999px;box-shadow:3px 3px 0 var(--ink);color:var(--ink);font-size:1.15rem;font-weight:700;text-decoration:none}.brand .mark{width:1.5em;height:1.5em;vertical-align:-.4em;margin-right:.35em;overflow:visible}.brand:hover{color:var(--ink);background:var(--bg-yellow-orange);border-color:var(--ink)}h1,h2,h3{font-weight:700;line-height:1.1;letter-spacing:-.02em}h1{font-size:3.4rem;margin:2.5rem 0 1rem}h1 em{white-space:nowrap;font-style:normal;background:var(--yellow);padding:0 .15em;box-decoration-break:clone;-webkit-box-decoration-break:clone}h2{font-size:1.9rem;margin:3.5rem 0 .75rem}h3{font-size:1.25rem;margin:2rem 0 .25rem}p,li{margin:0 0 1rem}a{color:var(--ink);text-decoration:none;border-bottom:2px solid currentColor}a:hover{color:#fff;background:var(--deep-blue);border-bottom-color:var(--deep-blue)}.lead{font-size:1.25rem}.small{font-size:.9rem;color:var(--soft)}.start{background:var(--light-yellow);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem;margin:2rem 0}.start p{margin:.75rem 0 0}.start .how{margin-top:0;font-weight:700}.start label{display:block;font-weight:700;margin:1rem 0 .4rem}.start label:first-of-type{margin-top:0}.address,.field{border:var(--border);border-radius:var(--radius);background:#fff}.address{display:flex;align-items:center;overflow:hidden}.address:focus-within,.field:focus{outline:3px solid var(--blue);outline-offset:0}.address input,.field{min-width:0;padding:.8rem .9rem;font:inherit;color:var(--ink)}.address input{flex:1;border:0;padding-right:.25rem;background:transparent;outline:none}.address span{padding-right:.9rem;color:var(--soft);white-space:nowrap}.field{display:block;width:100%}#result{margin-top:.25rem;font-size:1rem;font-weight:700}.choice{display:block;width:100%;margin-top:.5rem;padding:.6rem .75rem;border:var(--border);border-radius:var(--radius);background:#fff;color:var(--ink);font:inherit;font-size:1rem;font-weight:400;text-align:left;cursor:pointer;overflow-wrap:anywhere}.choice:hover{background:var(--yellow)}.or{margin:-.5rem 0 0;text-align:center;font-size:1.05rem}.oneline{white-space:nowrap;color:var(--deep-blue);font-weight:700}.wide{width:min(100vw - 2.5rem,104rem);position:relative;left:50%;transform:translate(-50%)}@media(min-width:900px){.top{width:max-content;max-width:calc(100vw - 2.5rem);position:relative;left:50%;transform:translate(-50%);text-align:center}.top h1{font-size:max(3.4rem,min(4.2vw,5rem));text-wrap:balance}.top .lead{width:0;min-width:100%;font-size:clamp(1.25rem,1.5vw,1.6rem)}}.chaos{margin:1.5rem 0 .5rem;text-align:center}.doodle.landscape{display:none}@media(min-width:900px)and (min-aspect-ratio:5/4){.doodle.upright{display:none}.doodle.doodle.landscape{display:block;max-width:min(100%,112vh)}}.doodle{display:block;width:100%;max-width:min(100%,max(30rem,81vh));height:auto;margin:0 auto;overflow:visible}.doodle .hand{font-family:Patrick Hand,Marker Felt,Comic Sans MS,cursive;font-size:17px;letter-spacing:.04em;paint-order:stroke;stroke:var(--paper);stroke-width:4px;stroke-linejoin:round}.drop{display:block;width:2rem;margin:.25rem auto 0}.present{display:block;width:7.5rem;height:auto;margin:.4rem auto 0;overflow:visible}.outcome{margin:.3rem 0 0;font-family:Patrick Hand,Marker Felt,Comic Sans MS,cursive;font-size:1.7rem;line-height:1.2}.pointer{display:none}#arm{transform-box:view-box;transform-origin:100px 160px;transition:transform .35s cubic-bezier(.3,1.4,.5,1)}.pointer .m-shock,.pointer .m-sad,.pointer .m-happy,.pointer[data-mood=shock] .m-ok,.pointer[data-mood=sad] .m-ok,.pointer[data-mood=happy] .m-ok{display:none}.pointer[data-mood=shock] .m-shock,.pointer[data-mood=sad] .m-sad,.pointer[data-mood=happy] .m-happy{display:inline}.address.bad,.field.bad{border-color:var(--red);outline:3px solid var(--red);outline-offset:0}@media(min-width:640px){.start{display:grid;grid-template-columns:10.5rem 1fr;column-gap:.5rem;align-items:start}.pointer{display:block;width:100%;height:auto;overflow:visible;margin:-.5rem 0 -1.5rem -.5rem}.start #done{grid-column:1 / -1}}.scribble{font-family:Patrick Hand,Marker Felt,Comic Sans MS,cursive;font-size:1.5rem;line-height:1.2;margin:.5rem 0 .25rem .5rem;transform:rotate(-1.5deg);transform-origin:left center}.scribble.tilt{transform:rotate(2deg);margin-left:3.25rem}.scribble.up{margin-top:.75rem}.scribble svg{display:inline-block;width:2.4rem;height:2rem;vertical-align:-.9rem;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.scribble.up svg{vertical-align:.1rem}.btn3d{display:block;width:100%;margin:1.25rem 0;padding:.9rem 1rem;background:var(--accent-light);border:var(--border);border-radius:var(--radius);box-shadow:3px 3px 0 var(--ink);color:var(--ink);font:inherit;font-size:1.15rem;font-weight:700;text-align:center;text-decoration:none;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.btn3d:hover{background:var(--bg-accent);color:var(--ink);border-color:var(--ink)}.btn3d:active{transform:translate(3px,3px);box-shadow:none}.btn3d:disabled{opacity:.7}.note{background:var(--card);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;margin:1.5rem 0 1rem}.note .head{padding:1rem 1.25rem;border-bottom:var(--border);background:var(--deep-blue);color:#fff;font-size:.9rem}.note .head strong{font-size:1.05rem;display:block}.note .body{padding:1.25rem}.note .who{font-weight:700;margin-bottom:.25rem}.note img{display:block;width:100%;max-width:24rem;height:auto;border:var(--border);border-radius:var(--radius);margin:.75rem 0 1.5rem}.note .joined{font-style:italic;color:var(--soft);margin-bottom:0}ol.steps{list-style:none;padding:0;margin:0;counter-reset:step}ol.steps li{counter-increment:step;position:relative;padding-left:3.25rem;margin-bottom:1.25rem}ol.steps li:before{content:counter(step);position:absolute;left:0;top:-.1rem;width:2.3rem;height:2.3rem;border:var(--border);border-radius:50%;background:var(--yellow);font-weight:700;text-align:center;line-height:calc(2.3rem - 4px)}.chat{display:grid;gap:1rem;margin-top:1.25rem}.say{display:flex;align-items:flex-start;gap:.6rem}.say .face{flex:none;width:4rem;height:auto;overflow:visible}.say .face.hug{width:4.4rem;margin-top:-.2rem}.say p{position:relative;margin:.35rem 0 0;padding:.7rem 1rem;border:var(--border);border-radius:18px 18px 18px 4px;box-shadow:3px 3px 0 var(--ink);background:var(--card);max-width:30rem}.say.us{flex-direction:row-reverse}.say.us p{background:var(--light-yellow);border-radius:18px 18px 4px}.note .head{text-shadow:.5px 0 0 rgba(0,0,40,.75),-.5px 0 0 rgba(0,0,40,.75),0 .5px 0 rgba(0,0,40,.75),0 -.5px 0 rgba(0,0,40,.75)}footer.site{margin-top:4rem;padding:1.5rem 0 3rem;border-top:var(--border);font-size:.9rem;color:var(--soft)}footer.site p{margin-bottom:.4rem}footer.site a{color:var(--soft)}footer.site a:hover{color:#fff}@media(max-width:480px){h1{font-size:2.5rem}h2{font-size:1.6rem}}@media(prefers-reduced-motion:reduce){.btn3d,#arm{transition:none}}