:root{--ink:#1d4e9e;--ink-hover:#123a7a;--accent:#f6c945;--paper:#fffbf3;--white:#fff;--panel-blue:#eaf1fc;--panel-pink:#fce4ec;--note-pink:#fcd6e1;--muted:#5f5e5a;--dot:#1d4e9e17;--crayon-pink:#f28ba8;--crayon-blue:#8fb3e8;--crayon-green:#8cb86a;--crayon-lilac:#9c95d6;--crayon-yellow:#f6c945;--kicker:#d9577e;--blueberry:#5b5fc7;--blueberry-tint:#e6e7fa;--chocolate:#8a5a3c;--chocolate-tint:#f4eae2;--earl-grey-maple:#c0843a;--earl-grey-maple-tint:#f8eedd;--strawberry:#d9577e;--strawberry-tint:#fde8ee;--white-chocolate-lavender:#8f86cf;--white-chocolate-lavender-tint:#f0eefb;--font-size-body:17px;--line-height-body:1.6;--border-width:2.5px;--border:var(--border-width) solid var(--ink);--border-dashed:var(--border-width) dashed var(--ink);--wobble:22px 8px 24px 10px / 10px 24px 8px 22px;--wobble-alt:8px 22px 10px 24px / 24px 10px 22px 8px;--wobble-sm:16px 6px 18px 8px / 8px 18px 6px 16px;--wobble-sm-alt:6px 14px 8px 16px / 16px 8px 14px 6px;--wobble-lg:26px 10px 28px 12px / 12px 28px 10px 26px;--wobble-lg-alt:10px 26px 12px 28px / 28px 12px 26px 10px;--wobble-xl:34px 14px 38px 16px / 16px 38px 14px 34px;--pill:999px;--shadow-sm:3px 3px 0 var(--ink);--shadow:4px 4px 0 var(--ink);--shadow-md:5px 5px 0 var(--ink);--shadow-lg:6px 6px 0 var(--ink);--page-max:1200px;--gutter:24px;--touch:44px}@media (width<=480px){:root{--gutter:16px}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{min-height:100vh;color:var(--ink);background-color:var(--paper);background-image:radial-gradient(var(--dot) 1px, transparent 1px);font-family:var(--font-body);font-size:var(--font-size-body);line-height:var(--line-height-body);background-size:22px 22px;flex-direction:column;margin:0;display:flex;overflow-x:hidden}main{flex:1 0 auto}img,svg,picture{max-width:100%}img{height:auto}picture{display:contents}a{color:var(--ink)}a:hover{color:var(--ink-hover)}:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:6px}h1,h2,h3{font-family:var(--font-hand);margin:0;font-weight:400;line-height:1.05}.hand{font-family:var(--font-hand);font-weight:400}.note{font-family:var(--font-note);font-size:max(22px,1em);font-weight:600}.kicker{font-family:var(--font-note);color:var(--kicker);transform-origin:0;margin:0;font-size:30px;font-weight:600;transform:rotate(-2deg)}.tilt{transform-origin:0;transform:rotate(-2deg)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{z-index:100;background:var(--accent);border:var(--border);border-radius:var(--wobble-sm);padding:12px 18px;font-weight:800;text-decoration:none;position:absolute;top:-100px;left:12px}.skip-link:focus{top:12px}.container{width:100%;max-width:var(--page-max);padding-inline:var(--gutter);margin-inline:auto}.section{padding-block:40px}.sketch{background:var(--white);border:var(--border);border-radius:var(--wobble-lg);box-shadow:var(--shadow-md)}.sketch--alt{border-radius:var(--wobble-lg-alt)}.panel-blue{background:var(--panel-blue)}.panel-pink{background:var(--panel-pink)}.panel-accent{background:var(--accent)}.btn{min-height:var(--touch);font-family:var(--font-body);color:var(--ink);background:var(--white);border:var(--border);border-radius:var(--wobble-alt);box-shadow:var(--shadow);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:12px 26px;font-size:18px;font-weight:800;line-height:1.2;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-flex}.btn:hover{color:var(--ink);box-shadow:5px 6px 0 var(--ink);transform:translate(-1px,-2px)}.btn:active{box-shadow:1px 1px 0 var(--ink);transform:translate(3px,3px)}.btn--primary{background:var(--accent);border-radius:var(--wobble)}.btn--sm{box-shadow:var(--shadow-sm);padding:8px 18px;font-size:16px}.btn--pill{border-radius:var(--pill);box-shadow:none}.btn[disabled],.btn[aria-disabled=true]{color:var(--muted);border-color:var(--muted);box-shadow:none;cursor:not-allowed;background:0 0;border-style:dashed;transform:none}.btn-round{width:var(--touch);height:var(--touch);color:var(--ink);background:var(--white);border:var(--border);cursor:pointer;border-radius:50% 45% 55% 48%;place-items:center;padding:0;font-size:24px;font-weight:800;line-height:1;display:inline-grid}.input{min-height:48px;font-family:var(--font-body);color:var(--ink);background:var(--paper);border:var(--border);border-radius:var(--wobble-sm);padding:0 16px;font-size:17px}.label{font-weight:800}.on-tint{mix-blend-mode:multiply}@keyframes bob{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-10px)rotate(2deg)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}@keyframes pop{0%{opacity:0;transform:scale(.4)translateY(30px)}60%{opacity:1;transform:scale(1.08)translateY(-6px)}to{transform:scale(1)translateY(0)}}@keyframes draw{to{stroke-dashoffset:0}}@keyframes twinkle{0%,to{opacity:1;transform:scale(1)rotate(0)}50%{opacity:.5;transform:scale(.6)rotate(20deg)}}.bob{transform-origin:50% 100%;animation:3.2s ease-in-out infinite bob}.wig:hover .wig-target,.wig:focus-visible .wig-target{animation:.5s ease-in-out 2 wiggle}.pop{transform-origin:50% 100%;animation:.55s cubic-bezier(.2,.9,.3,1.3) both pop}.doodle path,.doodle circle{stroke-dasharray:400;stroke-dashoffset:400px;animation:1.6s forwards draw}.tw{transform-origin:50%;transform-box:fill-box;animation:4s ease-in-out infinite twinkle}.card{transition:transform .2s,box-shadow .2s}.card:hover{transform:translate(-2px,-4px)rotate(-.6deg)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.bob,.wig:hover .wig-target,.wig:focus-visible .wig-target,.pop,.tw,.card:hover{animation:none!important;transform:none!important}.doodle path,.doodle circle{stroke-dashoffset:0;animation:none!important}}