@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@300;400;500;600;700&family=Comic+Neue:wght@300;400;700&display=swap";/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.static{position:static}.mx-auto{margin-inline:auto}.block{display:block}.flex{display:flex}.hidden{display:none}.inline-block{display:inline-block}.table{display:table}.min-h-screen{min-height:100vh}.w-auto{width:auto}.w-full{width:100%}.max-w-full{max-width:100%}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.resize-none{resize:none}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:3.40282e38px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-t-transparent{border-top-color:#0000}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.object-contain{-o-object-fit:contain;object-fit:contain}.text-center{text-align:center}.opacity-75{opacity:.75}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}:root{--sunshine-yellow:gold;--cherry-red:#ff6b6b;--sky-blue:#4ecdc4;--grape-purple:#9b59b6;--grass-green:#2ecc71;--sunset-orange:#ff8c42;--bubble-pink:#ff69b4;--cloud-white:#fff;--shadow-gray:#95a5a6;--outline-black:#2c3e50;--font-playful:"Fredoka","Comic Neue","Comic Sans MS",cursive;--font-bubble:"Comic Neue",cursive;--paper-shadow:0 4px 8px #0000001a,0 6px 20px #0000001a;--sticker-shadow:0 2px 4px #0003,0 4px 8px #0000001a;--wiggle-shadow:0 3px 6px #00000026}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-playful);background:linear-gradient(135deg,var(--sunshine-yellow)0%,var(--sky-blue)25%,var(--bubble-pink)50%,var(--grape-purple)75%,var(--grass-green)100%);min-height:100vh;color:var(--outline-black);background-size:400% 400%;animation:15s infinite gradientShift;overflow-x:hidden}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.scribblins-container{max-width:1200px;margin:0 auto;padding:20px}.paper-card{background:var(--cloud-white);border:4px solid var(--outline-black);box-shadow:var(--paper-shadow);border-radius:20px;transition:all .3s;position:relative;overflow:hidden;transform:rotate(-1deg)}.paper-card:hover{box-shadow:var(--sticker-shadow);transform:rotate(0)scale(1.02)}.paper-card:before{content:"";background:linear-gradient(45deg,var(--sunshine-yellow),var(--cherry-red),var(--sky-blue),var(--grape-purple));z-index:-1;border-radius:22px;position:absolute;inset:-2px}.speech-bubble{background:var(--cloud-white);border:3px solid var(--outline-black);box-shadow:var(--wiggle-shadow);border-radius:20px;padding:20px;animation:3s ease-in-out infinite float;position:relative;transform:rotate(-.5deg)}.speech-bubble:after{content:"";border-left:15px solid #0000;border-right:15px solid #0000;border-top:15px solid var(--cloud-white);width:0;height:0;position:absolute;bottom:-15px;left:30px}.speech-bubble:before{content:"";border-left:18px solid #0000;border-right:18px solid #0000;border-top:18px solid var(--outline-black);width:0;height:0;position:absolute;bottom:-18px;left:27px}@keyframes float{0%,to{transform:translateY(0)rotate(-.5deg)}50%{transform:translateY(-10px)rotate(.5deg)}}.sticker{background:var(--sunshine-yellow);border:3px solid var(--outline-black);color:var(--outline-black);box-shadow:var(--sticker-shadow);cursor:pointer;border-radius:50px;padding:8px 16px;font-size:14px;font-weight:700;transition:all .2s;display:inline-block;transform:rotate(-2deg)}.sticker:hover{animation:.5s ease-in-out wiggle;transform:rotate(0)scale(1.1)}.sticker.red{background:var(--cherry-red)}.sticker.blue{background:var(--sky-blue)}.sticker.purple{background:var(--grape-purple)}.sticker.green{background:var(--grass-green)}.sticker.pink{background:var(--bubble-pink)}.sticker.orange{background:var(--sunset-orange)}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}}.btn-primary{background:var(--cherry-red);color:var(--cloud-white);border:4px solid var(--outline-black);font-family:var(--font-playful);cursor:pointer;box-shadow:var(--paper-shadow);border-radius:15px;justify-content:center;align-items:center;gap:10px;min-height:60px;padding:15px 30px;font-size:18px;font-weight:700;transition:all .3s;display:flex;position:relative;overflow:hidden;transform:rotate(-1deg)}.btn-primary:hover{animation:.6s bounce;transform:rotate(0)scale(1.05)}.btn-primary:active{transform:rotate(0)scale(.95)}.btn-primary.disabled{opacity:.6;cursor:not-allowed;transform:rotate(-1deg)}.btn-secondary{background:var(--sky-blue);color:var(--outline-black)}.btn-success{background:var(--grass-green);color:var(--cloud-white)}.btn-warning{background:var(--sunshine-yellow);color:var(--outline-black)}@keyframes bounce{0%,to{transform:rotate(0)scale(1.05)}50%{transform:rotate(0)scale(1.1)translateY(-5px)}}.input-field{background:var(--cloud-white);border:3px solid var(--outline-black);font-family:var(--font-playful);color:var(--outline-black);border-radius:12px;min-height:50px;padding:15px 20px;font-size:16px;transition:all .3s;box-shadow:inset 0 2px 4px #0000001a}.input-field:focus{border-color:var(--cherry-red);outline:none;transform:scale(1.02);box-shadow:0 0 0 4px #ff6b6b4d}.input-field::-moz-placeholder{color:var(--shadow-gray);font-style:italic}.input-field::placeholder{color:var(--shadow-gray);font-style:italic}.heading-1{font-family:var(--font-playful);color:var(--outline-black);text-shadow:3px 3px 0px var(--sunshine-yellow);margin-bottom:20px;font-size:3rem;font-weight:700;transform:rotate(-1deg)}.heading-2{font-family:var(--font-playful);color:var(--outline-black);margin-bottom:15px;font-size:2rem;font-weight:600}.heading-3{font-family:var(--font-playful);color:var(--outline-black);margin-bottom:10px;font-size:1.5rem;font-weight:500}.body-text{font-family:var(--font-bubble);color:var(--outline-black);font-size:1.1rem;line-height:1.6}.upload-zone{border:4px dashed var(--cherry-red);background:var(--cloud-white);text-align:center;border-radius:20px;padding:40px;transition:all .3s;position:relative;overflow:hidden}.upload-zone:before{content:"✨";font-size:24px;animation:2s ease-in-out infinite sparkle;position:absolute;top:10px;right:10px}.upload-zone:hover{border-color:var(--grass-green);background:linear-gradient(45deg,var(--cloud-white),#f8f9fa);transform:scale(1.02)}.upload-zone.active{border-color:var(--grass-green);background:var(--grass-green);color:var(--cloud-white);animation:1s ease-in-out infinite pulse}@keyframes sparkle{0%,to{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.2)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.progress-bar{background:var(--cloud-white);border:3px solid var(--outline-black);border-radius:15px;width:100%;height:20px;position:relative;overflow:hidden}.progress-fill{background:linear-gradient(45deg,var(--cherry-red),var(--sunshine-yellow));border-radius:12px;height:100%;transition:width .3s;position:relative}.progress-fill:after{content:"";background:linear-gradient(45deg,#0000 25%,#ffffff4d 25% 50%,#0000 50% 75%,#ffffff4d 75%) 0 0/20px 20px;animation:1s linear infinite progressStripes;position:absolute;inset:0}@keyframes progressStripes{0%{background-position:0 0}to{background-position:20px 0}}.mascot{background:var(--sunshine-yellow);border:4px solid var(--outline-black);border-radius:50%;width:80px;height:80px;animation:4s ease-in-out infinite bobFloat;position:relative}.mascot:before{content:"😊";font-size:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes bobFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:768px){.heading-1{font-size:2.5rem}.heading-2{font-size:1.8rem}.btn-primary{min-height:50px;padding:12px 20px;font-size:16px}.paper-card{margin:10px;transform:rotate(0)}.speech-bubble{transform:rotate(0)}}.loading-spinner{border:5px solid var(--cloud-white);border-top:5px solid var(--cherry-red);border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes celebrate{0%,to{transform:scale(1)rotate(0)}25%{transform:scale(1.1)rotate(-5deg)}50%{transform:scale(1.2)rotate(0)}75%{transform:scale(1.1)rotate(5deg)}}.celebrate{animation:.6s ease-in-out celebrate}.rotate-slight{transform:rotate(-1deg)}.rotate-slight-right{transform:rotate(1deg)}.shadow-sticker{box-shadow:var(--sticker-shadow)}.shadow-paper{box-shadow:var(--paper-shadow)}.border-crayon{border:4px solid var(--outline-black)}.rounded-crayon{border-radius:20px}.bg-crayon-yellow{background:var(--sunshine-yellow)}.bg-crayon-red{background:var(--cherry-red)}.bg-crayon-blue{background:var(--sky-blue)}.bg-crayon-purple{background:var(--grape-purple)}.bg-crayon-green{background:var(--grass-green)}.text-crayon-outline{color:var(--outline-black)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}