:root{--cream:#fbf5e9;--ink:#2b2233;--pink:#f7a8c4;--mint:#9fe0c8;--lav:#c7b8f0;--tomato:#e4572e}
body{margin:0;background:var(--cream);color:var(--ink);font-family:'Nunito',sans-serif;
background-image:radial-gradient(#e8dcc4 1px,transparent 1px),linear-gradient(180deg,#fbf5e9,#f6ecdc);background-size:18px 18px,100% 100%;min-height:100vh}
.marker{font-family:'Permanent Marker',cursive}
.hand{font-family:'Caveat',cursive}
.sticker{display:inline-block;transform:rotate(-2deg);background:#fff;padding:.2em .5em;box-shadow:5px 5px 0 var(--ink);border:3px solid var(--ink)}
.panel{background:#fffdf8;border:2.5px solid var(--ink);border-radius:18px;box-shadow:6px 6px 0 var(--ink);position:relative}
.tape{position:absolute;top:-12px;left:50%;width:90px;height:24px;transform:translateX(-50%) rotate(-3deg);background:repeating-linear-gradient(45deg,rgba(247,168,196,.85) 0 8px,rgba(255,220,232,.85) 8px 16px);}
.tape.mint{background:repeating-linear-gradient(45deg,rgba(159,224,200,.9) 0 8px,rgba(210,245,230,.9) 8px 16px)}
.chunky{border:2.5px solid var(--ink);border-radius:999px;box-shadow:3px 3px 0 var(--ink);transition:transform .12s,box-shadow .12s;background:#fff}
.chunky:hover{transform:translate(-1px,-2px);box-shadow:5px 5px 0 var(--ink)}
.chunky:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}
.on{background:var(--ink);color:#fff}
.wob:hover{animation:wob .5s infinite}
@keyframes wob{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}
.pop{animation:pop .45s cubic-bezier(.3,1.6,.5,1) both}
@keyframes pop{from{opacity:0;transform:scale(.85) rotate(var(--r,0deg))}to{opacity:1;transform:scale(1) rotate(var(--r,0deg))}}
.rise{animation:rise .6s ease both}
@keyframes rise{from{opacity:0;transform:translateY(16px)}}
input,textarea,select{border:2px solid var(--ink);border-radius:12px;background:#fff;padding:.45rem .7rem;outline:none;width:100%}
input:focus,textarea:focus,select:focus{box-shadow:0 0 0 3px var(--lav)}
.genbtn{background:var(--tomato);color:#fff;font-family:'Permanent Marker';font-size:1.35rem}
@media(max-width:767px){.genwrap{position:fixed;left:0;right:0;bottom:0;padding:10px 14px;background:rgba(251,245,233,.95);z-index:30;border-top:2px solid var(--ink)}}