:root{--pink:#ff5fa2;--orange:#ff8a3d;--yellow:#ffc93c;--mint:#3bceac;--blue:#5b8cff;--purple:#a66cff;--ink:#2b2140;--paper:#fffaf2;--shadow:0 6px 0 #2b214026}*{box-sizing:border-box}body{color:var(--ink);background-color:#fff4e6;background-image:radial-gradient(circle at 20px 20px,#ff5fa22e 3px,#0000 4px),radial-gradient(circle at 60px 50px,#5b8cff2e 3px,#0000 4px),radial-gradient(circle at 40px 80px,#3bceac33 3px,#0000 4px);background-position:0 0;background-repeat:repeat;background-size:90px 100px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;margin:0;font-family:Nunito,system-ui,sans-serif}button{font:inherit;cursor:pointer;color:inherit}h1,h2,h3,h4{margin:0;font-family:"Baloo 2",Nunito,sans-serif;line-height:1.1}.app{max-width:1100px;margin:0 auto;padding:16px 16px 40px;position:relative;overflow-x:clip}main{z-index:1;position:relative}.blobs i{z-index:0;filter:blur(40px);opacity:.35;border-radius:50%;animation:14s ease-in-out infinite alternate float;position:fixed}.blobs i:first-child{background:var(--pink);width:260px;height:260px;top:-60px;left:-80px}.blobs i:nth-child(2){background:var(--yellow);width:220px;height:220px;animation-delay:-4s;top:30%;right:-80px}.blobs i:nth-child(3){background:var(--mint);width:240px;height:240px;animation-delay:-8s;bottom:-60px;left:20%}.blobs i:nth-child(4){background:var(--purple);width:180px;height:180px;animation-delay:-2s;top:55%;left:-60px}@keyframes float{to{transform:translate(40px,-30px)scale(1.15)}}.title{z-index:1;text-align:center;cursor:pointer;padding:12px 0 24px;position:relative}.title h1{letter-spacing:2px;font-size:clamp(3.2rem,12vw,5.5rem);font-weight:800}.title h1 span{-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:4px 5px 0 var(--ink);animation:2.4s ease-in-out infinite wiggle;display:inline-block}.title h1 span:nth-child(6n+1){color:var(--pink)}.title h1 span:nth-child(6n+2){color:var(--orange)}.title h1 span:nth-child(6n+3){color:var(--yellow)}.title h1 span:nth-child(6n+4){color:var(--mint)}.title h1 span:nth-child(6n+5){color:var(--blue)}.title h1 span:nth-child(6n+6){color:var(--purple)}.title p{margin:4px 0 0;font-size:1.15rem;font-weight:800}@keyframes wiggle{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-8px)rotate(3deg)}}.picker{gap:22px;display:grid}.picker section{border:3px solid var(--ink);box-shadow:var(--shadow);background:#fff;border-radius:28px;padding:20px}.picker h2{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;font-size:1.6rem;display:flex}.picker h2 small{opacity:.6;font-family:Nunito;font-size:.95rem}.num{background:var(--pink);color:#fff;border:3px solid var(--ink);border-radius:50%;place-items:center;width:38px;height:38px;font-size:1.3rem;display:inline-grid}section:nth-child(2) .num{background:var(--blue)}section:nth-child(3) .num{background:var(--mint)}.ages{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;display:grid}.age{background:color-mix(in srgb, var(--c) 18%, white);border:3px solid var(--ink);box-shadow:var(--shadow);border-radius:22px;flex-direction:column;align-items:center;gap:2px;padding:14px 8px;transition:transform .15s;display:flex}.age .big{font-size:2.6rem}.age strong{font-family:"Baloo 2";font-size:1.6rem}.age small{opacity:.75;font-weight:800}.age:hover{transform:translateY(-4px)rotate(-2deg)}.age.on{background:var(--c);color:#fff;transform:scale(1.06)rotate(-2deg)}.chips{flex-wrap:wrap;gap:10px;display:flex}.chip{border:3px solid var(--ink);background:var(--paper);border-radius:999px;padding:10px 16px;font-size:1.05rem;font-weight:800;transition:transform .15s}.chip.small{padding:8px 14px;font-size:.95rem}.chip:hover{transform:translateY(-2px)}.chip.on{background:var(--yellow);transform:scale(1.06)}section:nth-child(3) .chip.on{background:var(--mint);color:#fff}.go{color:#fff;border:4px solid var(--ink);box-shadow:0 8px 0 var(--ink);background:linear-gradient(90deg, var(--pink), var(--orange), var(--yellow), var(--mint), var(--blue), var(--purple));background-size:300% 100%;border-radius:999px;justify-self:center;padding:18px 36px;font-family:"Baloo 2";font-size:1.6rem;font-weight:800;transition:transform .1s;animation:4s linear infinite rainbow}.go:active{box-shadow:0 2px 0 var(--ink);transform:translateY(6px)}.go:disabled{filter:grayscale(.8);opacity:.7;cursor:default;animation:none}@keyframes rainbow{to{background-position:300% 0}}.toolbar{justify-content:space-between;gap:10px;margin-bottom:18px;display:flex}.back{border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);background:#fff;border-radius:999px;padding:8px 16px;font-weight:800}.cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:22px;display:grid}.card{text-align:left;border:4px solid var(--ink);box-shadow:0 8px 0 var(--c);background:#fff;border-radius:28px;padding:0;transition:transform .2s;animation:.5s cubic-bezier(.34,1.56,.64,1) backwards pop;overflow:hidden}.card:nth-child(odd):hover{transform:translateY(-6px)rotate(-1.5deg)}.card:nth-child(2n):hover{transform:translateY(-6px)rotate(1.5deg)}.card-body{gap:8px;padding:16px 18px 20px;display:grid}.card h3{font-size:1.5rem}.card p{margin:0;font-weight:600}.cta{color:var(--c);filter:brightness(.8);font-family:"Baloo 2";font-size:1.2rem;font-weight:800}@keyframes pop{0%{opacity:0;transform:scale(.6)rotate(-6deg)}}.tags{flex-wrap:wrap;gap:6px;display:flex}.tags span{background:#f3edff;border-radius:999px;padding:3px 10px;font-size:.85rem;font-weight:800}.picture{aspect-ratio:4/3;object-fit:cover;background:#fff;width:100%;display:block}.placeholder{align-content:center;place-items:center;gap:6px;display:grid}.doodle{font-size:3.5rem;animation:1.2s ease-in-out infinite wiggle}.drawing{opacity:.7;font-weight:800}.retry{border:3px solid var(--ink);background:#fff;border-radius:999px;padding:8px 14px;font-weight:800}.loading{text-align:center;padding:50px 0;font-size:1.3rem;font-weight:800}.bouncers{justify-content:center;gap:14px;font-size:3rem;display:flex}.bouncers span{animation:.8s ease-in-out infinite alternate bounce}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-24px)rotate(15deg)}}.error{border:3px solid var(--pink);text-align:center;background:#ffe1ec;border-radius:18px;padding:14px;font-weight:800}.guide{gap:22px;display:grid}.guide .back{justify-self:start}.guide-hero{background:color-mix(in srgb, var(--c) 22%, white);border:4px solid var(--ink);box-shadow:0 8px 0 var(--c2);border-radius:32px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:22px;padding:18px;display:grid}.guide-hero .picture{border:3px solid var(--ink);border-radius:22px}.guide-hero h2{margin-bottom:6px;font-size:clamp(2rem,5vw,2.8rem)}.guide-hero p{margin:0 0 12px;font-size:1.15rem;font-weight:700}.print{border:3px solid var(--ink);background:#fff;border-radius:999px;margin-top:14px;padding:8px 16px;font-weight:800}@media (width<=700px){.guide-hero{grid-template-columns:1fr}}.panel{border:3px solid var(--ink);box-shadow:var(--shadow);background:#fff;border-radius:26px;padding:18px 20px}.panel h3,.steps>h3{margin-bottom:10px;font-size:1.7rem}.panel ul{gap:6px;margin:0;padding-left:22px;font-weight:600;display:grid}.supplies ul{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:10px;padding:0;list-style:none}.supplies li{cursor:pointer;background:#fff6d6;border:2px dashed #e5b700;border-radius:16px;align-items:center;gap:10px;padding:10px 12px;transition:background .2s;display:flex}.supplies li.got{border-color:var(--mint);background:#d9f7ee}.supplies li.got strong{text-decoration:line-through}.supplies .emoji{font-size:1.7rem}.supplies small{opacity:.7}.safety{background:#fff0e6}.steps{gap:18px;display:grid}.step{border:3px solid var(--ink);box-shadow:var(--shadow);background:#fff;border-radius:26px;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);transition:background .3s;display:grid;overflow:hidden}.step:nth-child(2n){grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.step:nth-child(2n) .picture{order:2}.step.done{background:#e3fbf3}.step-body{align-content:center;gap:8px;padding:20px 20px 18px;display:grid;position:relative}.step-num{color:#fff;background:var(--c);border:3px solid var(--ink);border-radius:50%;place-items:center;width:46px;height:46px;font-family:"Baloo 2";font-size:1.5rem;font-weight:800;display:grid}.step:nth-child(3n) .step-num{background:var(--c2)}.step h4{font-size:1.45rem}.step p{margin:0;font-size:1.1rem;font-weight:600;line-height:1.5}.grownup{color:#b0185b;background:#ffe1ec;border-radius:999px;justify-self:start;padding:4px 12px;font-weight:800}.did-it{border:3px solid var(--ink);background:var(--yellow);box-shadow:0 4px 0 var(--ink);border-radius:999px;justify-self:start;padding:8px 18px;font-weight:800}.step.done .did-it{background:var(--mint);color:#fff}@media (width<=700px){.step,.step:nth-child(2n){grid-template-columns:1fr}.step:nth-child(2n) .picture{order:0}}.hooray{text-align:center;border:4px solid var(--ink);color:#fff;background:linear-gradient(90deg, var(--pink), var(--orange), var(--yellow), var(--mint), var(--blue), var(--purple));background-size:300% 100%;border-radius:26px;padding:18px;font-family:"Baloo 2";font-size:clamp(1.5rem,4vw,2.2rem);font-weight:800;animation:4s linear infinite rainbow,.6s cubic-bezier(.34,1.56,.64,1) pop}.confetti{pointer-events:none;z-index:10;position:fixed;inset:0;overflow:hidden}.confetti i{border-radius:3px;width:10px;height:16px;animation:linear forwards fall;position:absolute;top:-20px}@keyframes fall{to{top:110vh;transform:rotate(720deg)translate(60px)}}footer{z-index:1;text-align:center;opacity:.7;margin-top:40px;font-weight:800;position:relative}@media print{.blobs,.back,.print,.did-it,.toolbar,footer,.confetti{display:none!important}body{background:#fff}.step,.panel,.guide-hero{box-shadow:none;break-inside:avoid}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}