.hand-drawn-border{position:relative;border:none}.hand-drawn-border:before{content:"";position:absolute;inset:-3px;background:transparent;border:3px solid;border-image:url("data:image/svg+xml,%3csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2,2 Q25,1 50,3 T98,2 Q98,25 97,50 T98,98 Q75,99 50,97 T2,98 Q1,75 3,50 T2,2 Z' stroke='%23ff6b6b' stroke-width='3' fill='none'/%3e%3c/svg%3e") 30;border-radius:20px;pointer-events:none}.hand-drawn-border-blue:before{border-image:url("data:image/svg+xml,%3csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2,2 Q25,1 50,3 T98,2 Q98,25 97,50 T98,98 Q75,99 50,97 T2,98 Q1,75 3,50 T2,2 Z' stroke='%2342a5f5' stroke-width='3' fill='none'/%3e%3c/svg%3e") 30}.hand-drawn-border-green:before{border-image:url("data:image/svg+xml,%3csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2,2 Q25,1 50,3 T98,2 Q98,25 97,50 T98,98 Q75,99 50,97 T2,98 Q1,75 3,50 T2,2 Z' stroke='%2366bb6a' stroke-width='3' fill='none'/%3e%3c/svg%3e") 30}.hand-drawn-border-purple:before{border-image:url("data:image/svg+xml,%3csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2,2 Q25,1 50,3 T98,2 Q98,25 97,50 T98,98 Q75,99 50,97 T2,98 Q1,75 3,50 T2,2 Z' stroke='%23ab47bc' stroke-width='3' fill='none'/%3e%3c/svg%3e") 30}.hand-drawn-border-orange:before{border-image:url("data:image/svg+xml,%3csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2,2 Q25,1 50,3 T98,2 Q98,25 97,50 T98,98 Q75,99 50,97 T2,98 Q1,75 3,50 T2,2 Z' stroke='%23ffa726' stroke-width='3' fill='none'/%3e%3c/svg%3e") 30}.squiggly-underline-red{text-decoration:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 8'%3e%3cpath d='M0,6 Q10,2 20,6 T40,6' stroke='%23ff6b6b' stroke-width='3' fill='none'/%3e%3c/svg%3e");background-repeat:repeat-x;background-position:0 100%;background-size:40px 8px;padding-bottom:8px}.squiggly-underline-blue{text-decoration:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 8'%3e%3cpath d='M0,6 Q10,2 20,6 T40,6' stroke='%2342a5f5' stroke-width='3' fill='none'/%3e%3c/svg%3e");background-repeat:repeat-x;background-position:0 100%;background-size:40px 8px;padding-bottom:8px}.squiggly-underline-green{text-decoration:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 8'%3e%3cpath d='M0,6 Q10,2 20,6 T40,6' stroke='%2366bb6a' stroke-width='3' fill='none'/%3e%3c/svg%3e");background-repeat:repeat-x;background-position:0 100%;background-size:40px 8px;padding-bottom:8px}.crayon-button{position:relative;background:linear-gradient(135deg,#ff6b6b,#ffa726);border:none;border-radius:25px;padding:12px 24px;font-family:var(--font-childish, "Comic Neue", "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif);font-weight:700;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.2);box-shadow:0 4px 8px #0000001a,inset 0 1px #ffffff4d;transform:rotate(-1deg);transition:all .2s ease}.crayon-button:hover{transform:rotate(0) scale(1.05);box-shadow:0 6px 12px #00000026,inset 0 1px #ffffff4d}.crayon-button:active{transform:rotate(1deg) scale(.98)}.crayon-button-blue{background:linear-gradient(135deg,#42a5f5,#66bb6a)}.crayon-button-purple{background:linear-gradient(135deg,#ab47bc,#ec407a)}.crayon-button-green{background:linear-gradient(135deg,#66bb6a,#42a5f5)}.paper-texture{background-color:#faf8f3;background-image:radial-gradient(circle at 20% 80%,rgba(120,119,198,.03) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,107,107,.03) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(255,167,38,.03) 0%,transparent 50%);position:relative}.paper-texture:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.02) 2px,rgba(0,0,0,.02) 4px);pointer-events:none}.scribble-decoration{position:relative}.scribble-decoration:after{content:"";position:absolute;top:-10px;right:-10px;width:30px;height:30px;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath d='M5,15 Q10,5 15,15 Q20,25 25,15' stroke='%23ff6b6b' stroke-width='2' fill='none'/%3e%3cpath d='M8,8 Q12,12 16,8 Q20,4 24,8' stroke='%2342a5f5' stroke-width='2' fill='none'/%3e%3c/svg%3e");background-size:contain;background-repeat:no-repeat;opacity:.6;animation:wiggle 3s ease-in-out infinite}.childish-card{background:#fefefe;border-radius:20px;padding:20px;position:relative;box-shadow:0 8px 16px #0000001a,inset 0 1px #fffc;transform:rotate(-.5deg);transition:all .3s ease}.childish-card:hover{transform:rotate(0) translateY(-4px);box-shadow:0 12px 24px #00000026,inset 0 1px #fffc}.childish-card:nth-child(2n){transform:rotate(.5deg)}.childish-card:nth-child(2n):hover{transform:rotate(0) translateY(-4px)}.crayon-stroke{position:relative}.crayon-stroke:before{content:"";position:absolute;top:50%;left:-10px;right:-10px;height:4px;background:linear-gradient(90deg,transparent 0%,#ff6b6b 10%,#ffa726 30%,#ffeb3b 50%,#66bb6a 70%,#42a5f5 90%,transparent 100%);transform:translateY(-50%) rotate(-1deg);opacity:.3;border-radius:2px}@keyframes crayon-draw{0%{stroke-dashoffset:100;opacity:0}50%{opacity:1}to{stroke-dashoffset:0;opacity:1}}@keyframes bounce-playful{0%,20%,50%,80%,to{transform:translateY(0) rotate(-1deg)}40%{transform:translateY(-10px) rotate(0)}60%{transform:translateY(-5px) rotate(1deg)}}@keyframes wiggle-gentle{0%,to{transform:rotate(-1deg)}25%{transform:rotate(1deg)}50%{transform:rotate(-.5deg)}75%{transform:rotate(.5deg)}}@keyframes color-shift{0%{filter:hue-rotate(0deg)}25%{filter:hue-rotate(90deg)}50%{filter:hue-rotate(180deg)}75%{filter:hue-rotate(270deg)}to{filter:hue-rotate(360deg)}}.animate-crayon-draw{animation:crayon-draw 2s ease-out}.animate-bounce-playful{animation:bounce-playful 2s ease-in-out infinite}.animate-wiggle-gentle{animation:wiggle-gentle 4s ease-in-out infinite}.animate-color-shift{animation:color-shift 8s ease-in-out infinite}.simple-bg{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3e%3ccircle cx='50' cy='50' r='15' fill='%2366bb6a' opacity='0.3'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3e%3crect x='40' y='40' width='30' height='30' fill='%23ff6b6b' opacity='0.3'/%3e%3c/svg%3e");background-size:200px 200px,180px 180px;background-position:0 0,100px 100px;background-repeat:repeat}.childish-title{font-family:var(--font-childish, "Comic Neue", "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif);font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.1);position:relative;display:inline-block}.childish-title:after{content:"";position:absolute;bottom:-5px;left:0;right:0;height:3px;background:linear-gradient(90deg,#ff6b6b,#ffa726,#ffeb3b,#66bb6a,#42a5f5);border-radius:2px;transform:rotate(-1deg)}.sticker{position:relative;background:#fff;border-radius:50%;padding:10px;box-shadow:0 4px 8px #0000001a,inset 0 1px #fffc;transform:rotate(-5deg);transition:all .2s ease}.sticker:hover{transform:rotate(0) scale(1.1)}.sticker:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#ff6b6b,#ffa726,#ffeb3b,#66bb6a,#42a5f5,#ab47bc);border-radius:50%;z-index:-1;opacity:.3}.crayon-texture{position:relative}.crayon-texture:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 1px,rgba(255,255,255,.1) 1px,rgba(255,255,255,.1) 2px);pointer-events:none;border-radius:inherit}.hand-drawn-arrow{position:relative;display:inline-block}.hand-drawn-arrow:after{content:"";position:absolute;top:50%;left:100%;margin-left:10px;width:40px;height:20px;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 20'%3e%3cpath d='M2,10 Q15,5 25,10 Q30,8 35,10 L30,6 M35,10 L30,14' stroke='%23ff6b6b' stroke-width='2' fill='none'/%3e%3c/svg%3e");background-size:contain;background-repeat:no-repeat;transform:translateY(-50%);animation:wiggle-gentle 3s ease-in-out infinite}@media (max-width: 768px){.hand-drawn-border:before{border-width:2px}.crayon-button{padding:10px 20px;font-size:14px}.childish-card{padding:15px;border-radius:15px}}