@font-face{font-family:Grandstander;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/grandstander-700.woff2) format("woff2")}
@font-face{font-family:Andika;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/andika-400.woff2) format("woff2")}
@font-face{font-family:Andika;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/andika-700.woff2) format("woff2")}
@font-face{font-family:"Grandstander Fallback";src:local("Arial");size-adjust:112.94%;ascent-override:64.86%;descent-override:23.46%;line-gap-override:0.00%}
@font-face{font-family:"Andika Fallback";src:local("Arial");size-adjust:104.21%;ascent-override:117.14%;descent-override:37.49%;line-gap-override:0.00%}
:root{--paper: #fff8ec;--paper-edge: #e8d6b5;--ink: #2a2238;--ink-soft: #594c6b;--red: #e5533c;--red-deep: #b73a26;--sun: #ffc93c;--sun-soft: #ffe08a;--grass: #5cb85c;--grass-deep: #2f7d3b;--sky: #5aaee8;--sky-deep: #236aa3;--sky-top: #cfe9fb;--sky-bottom: #fff3dc;--grape: #7c4cc8;--pink: #f585ae;--orange: #ff8c42;--orange-soft: #ffc9a1;--shadow-soft: 0 10px 24px -12px rgb(42 34 56 / .45), 0 2px 4px rgb(42 34 56 / .12);--shadow-press: 0 4px 10px -6px rgb(42 34 56 / .5), 0 1px 2px rgb(42 34 56 / .12);--cut: 26px 32px 28px 34px / 32px 26px 34px 28px;--cut-lg: 36px 44px 40px 46px / 44px 36px 46px 40px;--ease-out: cubic-bezier(.22, 1, .36, 1);--display: Grandstander, "Grandstander Fallback", ui-rounded, sans-serif;--body: Andika, "Andika Fallback", ui-rounded, sans-serif}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}html{height:100%;background:var(--paper) url("/assets/grain-U3MXGQIJ.svg");color-scheme:light;overscroll-behavior:none;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{display:flex;flex-direction:column;width:100%;max-width:30rem;min-height:100%;min-height:100dvh;margin:0 auto;padding:4px 16px 0;overscroll-behavior:none;color:var(--ink);font:400 18px/1.5 var(--body);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}::selection{background:var(--sun);color:var(--ink)}:focus{outline:4px solid var(--sky-deep);outline-offset:4px}:focus:not(:focus-visible){outline:none}a{color:inherit;text-decoration-thickness:2px;text-underline-offset:.2em}button{margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer;touch-action:manipulation}.icon{flex:none;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.band{display:grid}.band>*{grid-area:1 / 1;min-width:0}[data-screen=draw] .first-only,[data-screen=first] .draw-only{visibility:hidden}body:not([data-screen=first],[data-screen=draw],[data-screen=unsupported]) :is(.first-only,.draw-only){display:none}[data-screen=draw][data-settled] .first-only{display:none}[data-screen=unsupported] :is(.asks,.draw-only){display:none}[data-screen=draw] .lead h1{visibility:visible;clip-path:inset(50%)}:is(body:not([data-screen=first],[data-screen=draw],[data-screen=unsupported]),[data-screen=draw][data-settled]) .lead{display:block;position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}:is(body:not([data-screen=first],[data-screen=draw],[data-screen=unsupported]),[data-screen=draw][data-settled]) .lead>:not(h1){display:none}:is(body:not([data-screen=first],[data-screen=draw],[data-screen=unsupported]),[data-screen=draw][data-settled]) .lead h1{width:1px;height:1px;min-height:0;overflow:hidden;white-space:nowrap}body[data-screen=making] .meeting.meet-only{display:flex!important;visibility:hidden}body:not([data-screen=making]) .making-only,body:not([data-screen=meet]) .meet-only,body:not([data-screen=play]) .play-only,body:not([data-screen=flagged]) .flagged-only,body:not([data-screen=unsupported]) .unsupported-only,body:not([data-screen=camera],[data-screen=waiting],[data-screen=snapped]) .snap-only,body:not([data-screen=camera]) .camera-only,body:not([data-screen=camera],[data-screen=snapped],[data-screen=waitlist]) .first-back,body:not([data-screen=waiting]) .cancel{display:none!important}.lead{display:flex;flex-direction:column;gap:4px}.logo{display:inline-flex;align-self:flex-start;align-items:center;gap:2px;height:28px}.logo-mark{width:28px;height:28px}.logo-word{width:49px;height:22px;margin-left:-4px}h1{min-height:2.3em;margin:0;font:700 28px/1.15 var(--display);letter-spacing:-.01em;text-wrap:balance}.line{min-height:52px;margin:0;line-height:26px;text-wrap:pretty}.tools{display:flex;flex-direction:column;justify-content:space-between;gap:8px}.tools-head{display:flex;align-items:center;gap:12px}.keep{margin:0;line-height:24px}.tool-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.edge,.remove button{--fill: var(--paper);border:3px solid transparent;background:linear-gradient(var(--fill),var(--fill)) padding-box,url("/assets/wax-33FI5ST3.svg") border-box}.press,.remove button{box-shadow:var(--shadow-soft);transition:transform .16s var(--ease-out),box-shadow .16s var(--ease-out)}.press:active,.remove button:active{transform:translateY(3px) scale(.98);box-shadow:var(--shadow-press)}.back{display:grid;flex:none;place-items:center;width:56px;height:56px;border-radius:50%}.size{display:grid;place-items:center;width:48px;height:48px;border-radius:50%}.size:after{content:"";width:var(--line);height:var(--line);border-radius:50%;background:var(--ink)}.thin{--line: 8px}.fat{--line: 20px}.tool{display:inline-flex;align-items:center;gap:4px;min-height:48px;padding:0 10px 0 8px;border-radius:var(--cut);font:700 15px/1 var(--display);white-space:nowrap}.tool .icon{width:20px;height:20px}.undo{margin-left:auto}.size[aria-pressed=true],.crayon[aria-pressed=true]{box-shadow:0 0 0 3px var(--paper),0 0 0 6px var(--ink)}.crayon[aria-pressed=true]{transform:translateY(-4px)}main{display:flex;flex:1 1 auto;flex-direction:column;gap:8px;min-height:0;margin-top:8px}.paper{position:relative;flex:1 1 0;min-height:200px;overflow:hidden;border:3px solid transparent;border-radius:var(--cut-lg);background:url("/assets/grain-U3MXGQIJ.svg") padding-box,linear-gradient(var(--paper),var(--paper)) padding-box,url("/assets/wax-33FI5ST3.svg") border-box;box-shadow:var(--shadow-soft)}.paper>canvas{position:absolute;top:0;left:0;width:100%;height:100%;touch-action:none;cursor:crosshair}.hint{position:absolute;right:0;bottom:12px;left:0;display:flex;align-items:center;justify-content:center;gap:8px;margin:0;color:var(--ink-soft);pointer-events:none;transition:opacity .22s var(--ease-out)}[data-screen=draw] .hint{opacity:0}.crayon-hint{position:absolute;left:calc(50% - 163px);width:28px;height:28px}@media(max-width:369px){.crayon-hint{position:static}}.crayon-body{fill:var(--orange)}.sample{position:absolute;top:42%;left:50%;aspect-ratio:200 / 196;height:min(62%,240px);transform:translate(-60%,-50%);pointer-events:none}.sample>svg{display:block;width:auto;height:100%;overflow:visible}.sample .ink{fill:none;stroke:var(--ink);stroke-linecap:round;stroke-linejoin:round}.sample .body{fill:var(--grape);stroke-width:4}.sample .horns{fill:var(--sun);stroke-width:3.5}.sample .arms{stroke-width:9}.sample .arms.colour{stroke:var(--grape);stroke-width:5}.sample .legs{stroke-width:8}.sample .belly{fill:var(--sun-soft);stroke-width:3}.sample .mouth{stroke-width:3.5}.sample .cheeks{fill:var(--pink);fill-opacity:.7}.sample .white{fill:#fff;stroke:var(--ink);stroke-width:3}.sample .pupil{fill:var(--ink)}.sample .eyes{transform-box:fill-box;transform-origin:center}.sample.playing .ink{stroke-dasharray:1 2}.bubble{position:absolute;margin:0;padding:4px 14px 6px;border:3px solid var(--ink);border-radius:22px 26px 20px 24px/24px 20px 26px 22px;background:#fff;box-shadow:var(--shadow-soft);font:700 24px/1.2 var(--display)}.sample .bubble{top:0;left:78%;white-space:nowrap;transform-origin:0 100%}.tail{position:absolute;bottom:-19px;left:6px;width:40px;height:22px;overflow:visible;transform:scaleX(-1)}.tail-edge{fill:#fff;stroke:var(--ink);stroke-width:3;stroke-linejoin:round}.tail-join{fill:none;stroke:#fff;stroke-width:5}.stage{position:absolute;inset:0;visibility:hidden;opacity:0;pointer-events:none;background:url("/assets/hill-S7M7KBQ5.svg") center bottom / 100% 22% no-repeat,linear-gradient(var(--sky-top),var(--sky-bottom));transition:opacity .3s var(--ease-out),visibility 0s .3s}body:not([data-screen=first],[data-screen=draw]) :is(.paper>canvas,.hint,.sample){visibility:hidden}:is([data-screen=making],[data-screen=meet],[data-screen=play],[data-screen=flagged]) .stage{visibility:visible;opacity:1;pointer-events:auto;transition:opacity .3s var(--ease-out)}.say{top:12px;left:50%;z-index:2;width:max-content;max-width:calc(100% - 32px);font-size:20px;text-align:center;transform:translate(-50%)}.say .tail{left:calc(50% - 20px)}.dots{display:none;gap:5px;justify-content:center;margin-bottom:2px}[data-screen=making] .say .dots{display:flex}.dots i{width:8px;height:8px;border-radius:50%;background:var(--ink-soft);animation:think 1.2s var(--ease-out) infinite}.dots i:nth-child(2){animation-delay:.16s}.dots i:nth-child(3){animation-delay:.32s}@keyframes think{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-5px)}}.lifted{position:absolute;transform-origin:0 0;pointer-events:none}.lifted .sheet{width:100%;height:100%;transform-origin:50% 100%}.lifted img,.lifted svg{position:absolute;inset:0;width:100%;height:100%}.eye[data-open="0"] .open,.eye[data-open="1"] .shut{display:none}.friend{position:absolute;inset:0;transform-origin:50% 86%;touch-action:manipulation}.alive{position:absolute;inset:0;width:100%;height:100%}.alive-eye{position:absolute;top:0;left:0;pointer-events:none}.alive-eye svg{display:block;width:100%;height:100%;overflow:visible}[data-beat=awake] .lifted .eye[data-open="1"] .open{transform-box:fill-box;transform-origin:center;animation:blink 4s infinite}@keyframes blink{0%,95%,to{transform:scaleY(1)}97.5%{transform:scaleY(.1)}}.stage[data-move] .lifted .sheet{animation:.5s var(--ease-out) infinite alternate}.stage:is([data-move=dance],[data-move=honk]) .lifted .sheet{animation-name:still-dance}.stage:is([data-move=jump],[data-move=grow],[data-move=flap],[data-move=leap]) .lifted .sheet{animation-name:still-jump}.stage[data-move=sleep] .lifted .sheet{animation:none;transform:scale(1.04,.94)}@keyframes still-dance{0%{transform:rotate(-6deg)}to{transform:rotate(6deg)}}@keyframes still-jump{0%{transform:translateY(0)}to{transform:translateY(-18%)}}.speaker{display:inline-flex;align-items:center;gap:6px;min-width:48px;min-height:48px;margin:-10px -10px -10px 0;padding:0 10px;border-radius:24px;color:var(--sky-deep);font:700 16px/1.2 var(--display);vertical-align:middle}.silent-words{display:none}.speaker[data-silent] .silent-words{display:inline}.flow-head{display:flex;align-self:start;align-items:center;gap:12px}.labelled{display:inline-flex;align-items:center;gap:8px;min-height:56px;padding:0 18px 0 14px;border-radius:var(--cut);font:700 18px/1.2 var(--display)}@media(min-height:480px){body:is([data-screen=making],[data-screen=meet],[data-screen=play],[data-screen=waitlist],[data-screen=unsupported]){height:var(--seen, 100dvh);min-height:0}}body:is([data-screen=making],[data-screen=meet],[data-screen=play],[data-screen=waitlist],[data-screen=unsupported]) .paper{min-height:110px}:is([data-screen=waitlist],[data-screen=unsupported]) .paper .sample{visibility:visible}.meeting,.naming,.describing{display:flex;flex-direction:column;gap:8px}.naming,.describing{gap:4px}.field-label{margin-bottom:6px;color:var(--ink-soft);font-size:14px;line-height:20px}input{margin:0;border:3px solid var(--ink);background:var(--paper);color:var(--ink);caret-color:var(--red-deep);user-select:text;-webkit-user-select:text}input::placeholder{color:#6f6385;opacity:1}.name{height:64px;padding:0 16px;border-radius:18px 22px 16px 20px;font:700 28px/1 var(--display)}.named{--fill: var(--grass-deep);min-height:56px;margin-top:4px;border-radius:var(--cut);color:#fff;font:700 22px/1.2 var(--display)}.field-row{display:flex;gap:8px}.about{flex:1 1 auto;min-width:0;height:48px;padding:0 12px;border-radius:14px 18px 12px 16px;font:400 18px/1.2 var(--body)}.done{min-height:48px;padding:0 18px;border-radius:var(--cut);font:700 18px/1.2 var(--display)}.quiet-row{display:flex;flex-wrap:wrap;justify-content:center;gap:0 16px;min-height:48px}.quiet{min-height:48px;padding:0 8px;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.2em}.moves{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.move{flex:1 1 0;min-width:min-content;min-height:56px;border-radius:var(--cut);font:700 20px/1.2 var(--display)}.move.dance{--fill: var(--pink);flex-grow:1.3;min-height:64px}.move.jump{--fill: var(--sun)}.move.sleep{--fill: var(--sky)}.move[aria-pressed=true]{box-shadow:0 0 0 3px var(--paper),0 0 0 6px var(--ink)}.moving{position:absolute;width:1px;height:1px;margin:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.turned{display:flex;flex-direction:column;gap:8px;align-items:stretch}.turned-title{margin:0;font:700 26px/1.15 var(--display);text-align:center}.draw-new{--fill: var(--orange);min-height:56px;border-radius:var(--cut);font:700 20px/1.2 var(--display)}.table-sheet{position:absolute;inset:0;width:min(60%,220px);height:auto;aspect-ratio:56 / 40;margin:auto;fill:none;stroke-linecap:round;stroke-linejoin:round}.table-paper{fill:#fff;stroke:var(--ink);stroke-width:2.2}.table-face,.table-smile{stroke:var(--sky-deep);stroke-width:2}.table-smile{stroke-width:1.6}.table-top{stroke:var(--orange);stroke-width:4.5}.table-legs{stroke:var(--orange);stroke-width:4}.snap-photo{position:absolute;inset:0;display:none;pointer-events:none}[data-screen=waiting] .snap-photo{display:block}.snap-photo img{position:absolute;inset:18px;width:calc(100% - 36px);height:calc(100% - 36px);object-fit:contain;opacity:.4}.trace{position:absolute;inset:8px;width:calc(100% - 16px);height:calc(100% - 16px);overflow:visible}.trace rect{fill:none;stroke:var(--orange);stroke-width:5;stroke-linecap:round;stroke-dasharray:.18 .82;vector-effect:non-scaling-stroke;animation:trace 2.4s linear infinite}@keyframes trace{to{stroke-dashoffset:-1}}.snapping{display:flex;flex-direction:column;gap:8px}.snap-line{margin:0;font-weight:700;line-height:26px;text-align:center;text-wrap:balance}.open-camera,.snap-again,.snap-capture,.use-finger,.privacy-again{display:flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:4px 16px;border-radius:var(--cut);font:700 20px/1.2 var(--display);text-align:center;cursor:pointer}.open-camera,.snap-again,.snap-capture,.privacy-again{--fill: var(--sky)}.photo-input{position:absolute;width:1px;height:1px;padding:0;border:0;opacity:0;clip-path:inset(50%)}.photo-input:focus-visible+.open-camera{outline:4px solid var(--sky-deep);outline-offset:4px}.card{display:flex;flex:0 1 auto;flex-direction:column;gap:8px;min-height:120px;max-height:62vh;max-height:calc(var(--seen, 100dvh) * .62);padding:14px 16px 16px;overflow-y:auto;overscroll-behavior:contain;border:3px solid transparent;border-radius:var(--cut-lg);background:linear-gradient(var(--paper),var(--paper)) padding-box,url("/assets/wax-33FI5ST3.svg") border-box;box-shadow:var(--shadow-soft);scrollbar-color:var(--paper-edge) transparent;scrollbar-width:thin}.card::-webkit-scrollbar{width:6px}.card::-webkit-scrollbar-thumb{border-radius:3px;background:var(--paper-edge)}.card h2{margin:0;font:700 24px/1.15 var(--display);text-wrap:balance}.card p{margin:0}.card-purpose{text-wrap:pretty}.card-form{display:flex;flex-direction:column;gap:8px}.card-form .field-label{margin-bottom:2px}.email{flex:none;height:48px;padding:0 12px;border-radius:14px 18px 12px 16px;font:400 18px/1.2 var(--body)}.ask,.remove button{--fill: var(--orange);display:flex;flex:none;align-items:center;justify-content:center;min-height:56px;padding:4px 16px;border-radius:var(--cut);color:var(--ink);font:700 20px/1.2 var(--display);text-align:center;text-decoration:none}.ask.card-open{padding-inline:6px;font-size:17px}.ask[aria-disabled=true]{--fill: var(--orange-soft);pointer-events:none;box-shadow:var(--shadow-press)}.card-problem,.card-sent,.privacy-problem{display:flex;gap:8px;align-items:flex-start}.card-problem .icon,.privacy-problem .icon{color:var(--red-deep)}.card-sent{font-weight:700}.card-sent .icon{color:var(--grass-deep)}.card-iphone{color:var(--ink-soft)}.card p a[href]{display:inline-block;max-width:100%;margin:-11px -2px;padding:11px 2px}.try-sample{position:absolute;bottom:4px;left:50%;z-index:1;width:max-content;max-width:calc(100% - 16px);transform:translate(-50%)}body:not([data-offer]) .try-sample,body:not([data-screen=first],[data-screen=unsupported]) .try-sample{display:none}[data-offer] .hint{visibility:hidden}.cannot,.webview-note{margin:0;line-height:26px;text-align:center}.webview-note{color:var(--ink-soft)}.asks,.drawing{display:flex;flex-direction:column;gap:8px}.snap{display:flex;align-items:center;justify-content:center;gap:10px;min-height:56px;border-radius:var(--cut);font:700 20px/1.2 var(--display)}.skip{min-height:48px;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.2em}.crayons{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}.crayon{width:56px;height:56px;border-radius:50%}.crayon.ink{--fill: var(--ink)}.crayon.red{--fill: var(--red)}.crayon.sun{--fill: var(--sun)}.crayon.sky{--fill: var(--sky)}.crayon.grass{--fill: var(--grass)}.wake{--fill: var(--red-deep);min-height:64px;border-radius:var(--cut);color:#fff;font:700 24px/1.2 var(--display)}:is(.wake,.named)[aria-busy=true]{cursor:progress;animation:busy .9s ease-in-out infinite alternate}@keyframes busy{to{opacity:.72}}.wake:not([data-ready]){visibility:hidden}footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;column-gap:16px;min-height:48px;padding-bottom:env(safe-area-inset-bottom);color:var(--ink-soft);font-size:14px;line-height:20px}footer a{display:inline-flex;align-items:center;min-height:48px;padding:0 4px}[data-privacy] :is(header>:not(.flow-head),.flow-head>:not(.privacy-back),main>:not(.privacy)){display:none!important}body:not([data-privacy]) :is(.privacy,.privacy-back){display:none}body[data-privacy]{height:auto;min-height:100dvh}.privacy{display:flex;flex-direction:column;gap:12px}.privacy[aria-busy=true] .dots{display:flex;padding:32px 0}.privacy-failed{display:flex;flex-direction:column;gap:12px;margin-top:16px}.privacy-problem{margin:0}.notice{display:block;max-width:65ch;padding-bottom:24px;overflow-wrap:anywhere;user-select:text;-webkit-user-select:text;-webkit-touch-callout:default}.notice h1{min-height:0;margin:8px 0 16px;font:700 28px/1.15 var(--display)}.notice h2{margin:32px 0 8px;font:700 22px/1.2 var(--display);text-wrap:balance}.notice p,.notice ul{margin:0 0 12px}.notice ul{padding-left:24px}.notice li+li{margin-top:6px}.logo-title{min-height:0;margin:8px 0 0;line-height:0}.remove{display:block;max-width:65ch;padding:24px 0;user-select:text;-webkit-user-select:text}.remove p{margin:0 0 20px}.remove button{width:100%}@media(min-height:760px){body{padding-top:12px}.lead{gap:8px}h1{font-size:32px}main{gap:12px;margin-top:16px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}.dots i,.lifted .eye .open,.stage[data-move] .lifted .sheet,.trace rect{animation:none!important}:is(.wake,.named)[aria-busy=true]{animation:none;opacity:.72}}[data-slow] *{animation:none!important;transition:none!important}