:root{--brand-h: 215;--paper: hsl(43, 50%, 96%);--paper-card: hsl(43, 55%, 98%);--ink: hsl(var(--brand-h), 30%, 22%);--ink-soft: hsl(var(--brand-h), 30%, 22%, .72);--paint-a: hsl(var(--brand-h), 60%, 60%);--paint-b: hsl(15, 75%, 65%);--paint-c: hsl(155, 35%, 55%);--wash-a: hsl(var(--brand-h), 60%, 60%, .22);--wash-b: hsl(15, 75%, 65%, .25);--wash-c: hsl(155, 35%, 55%, .25)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--paper);color:var(--ink);font-size:17px;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Shantell Sans,Kalam,cursive;line-height:1.15;color:var(--ink)}.hand{font-family:Patrick Hand,Kalam,cursive}.wrap{max-width:1100px;margin:0 auto;padding:0 24px}.divider{display:block;width:min(560px,80%);height:22px;margin:2rem auto}.btn-handwritten{display:inline-block;cursor:pointer;text-decoration:none;font-family:Shantell Sans,Kalam,cursive;font-weight:600;font-size:1.05rem;color:var(--ink);background:var(--paint-b);border:2px solid var(--ink);border-radius:255px 15px 225px/15px 225px 15px 255px;padding:.8rem 1.9rem;box-shadow:3px 4px 0 var(--ink);transition:transform .12s ease,box-shadow .12s ease;text-align:center}.btn-handwritten:hover{transform:translate(2px,2px);box-shadow:1px 2px 0 var(--ink)}.btn-handwritten:active{transform:translate(3px,4px);box-shadow:0 0 0 var(--ink)}.btn-handwritten:disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed;box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.btn-handwritten.secondary{background:transparent;box-shadow:2px 3px hsla(var(--brand-h),30%,22%,.35)}.btn-handwritten:focus-visible{outline:2px dashed var(--ink);outline-offset:4px}.card-handwritten{background:var(--paper-card);border:2px solid var(--ink);padding:26px 24px 24px;position:relative;box-shadow:4px 5px hsla(var(--brand-h),30%,22%,.15);transition:transform .15s ease}.card-handwritten:hover{transform:translateY(-2px) rotate(.4deg)}.card-handwritten:nth-child(3n+1){border-radius:255px 15px 225px/15px 225px 15px 255px;transform:rotate(-.5deg)}.card-handwritten:nth-child(3n+2){border-radius:15px 225px 15px 255px/255px 15px 225px;transform:rotate(.4deg)}.card-handwritten:nth-child(3n){border-radius:225px 15px 255px/15px 255px 15px 225px;transform:rotate(-.3deg)}.card-handwritten .tape{position:absolute;top:-12px;left:50%;width:74px;height:24px;background:var(--wash-c);transform:translate(-50%) rotate(-4deg);border-radius:3px}.card-handwritten:nth-child(2n) .tape{background:var(--wash-b);transform:translate(-50%) rotate(3deg)}.input-handwritten{width:100%;padding:10px 14px;background:var(--paper-card);border:2px solid var(--ink);border-radius:255px 15px 225px/15px 225px 15px 255px;font-family:Nunito,sans-serif;color:var(--ink);outline:none;transition:border-color .2s,box-shadow .2s}.input-handwritten:focus{border-color:var(--paint-a);box-shadow:0 0 0 3px var(--wash-a)}.textarea-handwritten{border-radius:15px 225px 15px 255px/255px 15px 225px}.reveal{opacity:0;transform:translateY(12px);transition:opacity .6s ease,transform .6s ease}.reveal.in{opacity:1;transform:none}.bob{animation:bob-anim 3s ease-in-out infinite}.bob2{animation:bob-anim 3.6s .6s ease-in-out infinite}.bob3{animation:bob-anim 4.2s 1.1s ease-in-out infinite}@keyframes bob-anim{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.puff{animation:puff-anim 5s ease-in-out infinite;transform-origin:center}.puff.p2{animation-delay:2.5s}@keyframes puff-anim{0%{opacity:0;transform:translateY(6px) scale(.7)}30%{opacity:.6}to{opacity:0;transform:translateY(-26px) scale(1.15)}}.crank{animation:crank-anim 2.4s linear infinite;transform-box:fill-box;transform-origin:center}@keyframes crank-anim{to{transform:rotate(360deg)}}.sway{animation:sway-anim 4s ease-in-out infinite;transform-box:fill-box;transform-origin:top center}@keyframes sway-anim{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@media(prefers-reduced-motion:reduce){.bob,.bob2,.bob3,.puff,.crank,.sway{animation:none}.reveal{opacity:1;transform:none;transition:none}}.polaroid-frame{background:var(--paper-card);border:2px solid var(--ink);padding:16px 16px 40px;box-shadow:4px 6px hsla(var(--brand-h),30%,22%,.15);border-radius:12px 15px/15px 12px;transform:rotate(-1.5deg);max-width:320px;margin:0 auto}.polaroid-frame img{width:100%;aspect-ratio:3/4;object-fit:cover;border:2px solid var(--ink);background:#fff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--paper);border-left:2px solid var(--ink)}::-webkit-scrollbar-thumb{background:var(--wash-a);border:2px solid var(--ink);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--paint-a)}
