@font-face{font-family:Fredoka;src:url(../fonts/fredoka.woff2) format("woff2");font-weight:300 700;font-display:block}:root{--font: "Fredoka", "Arial Rounded MT Bold", "Comic Sans MS", system-ui, sans-serif;--u: 5px;--tu: 4.4px;--tool: 56px;--tray-w: clamp(250px, 29vw, 410px);--wall: #fff3dc;--wall-dot: #ffe0b3;--ink: #4a3426;--fc: #f4f7fa;--fc-d: #c9d3dd;--fc-l: color-mix(in srgb, var(--fc) 55%, white);--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px)}*,*:before,*:after{box-sizing:border-box}html{touch-action:manipulation}html,body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none}body{background:var(--wall);color:var(--ink);font-family:var(--font);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}img{-webkit-user-drag:none;user-select:none}button{font:inherit;color:inherit;border:0;padding:0;background:none;cursor:pointer;touch-action:manipulation}[hidden]{display:none!important}.app{position:fixed;inset:0;display:grid;grid-template-columns:1fr;grid-template-rows:1fr auto}.scene{position:relative;min-height:0;min-width:0}@media(min-aspect-ratio:5/4){.app{grid-template-columns:1fr var(--tray-w);grid-template-rows:1fr}}.emoji-img{display:block;width:100%;height:100%;pointer-events:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.wall{position:absolute;inset:0;background-color:var(--wall);background-image:radial-gradient(circle,var(--wall-dot) 0 2.6px,transparent 3.2px),radial-gradient(circle,var(--wall-dot) 0 2.6px,transparent 3.2px);background-size:44px 44px;background-position:0 0,22px 22px}.wainscot{position:absolute;left:0;right:0;bottom:var(--floor-h, 60px);height:17%;background:repeating-linear-gradient(90deg,#ffe4bd 0 34px,#fbd9ab 34px 37px);box-shadow:0 -10px #fff8ec,0 -13px #f1d3a2}.floor{position:absolute;left:0;right:0;bottom:0;height:var(--floor-h, 60px);overflow:hidden;perspective:260px;perspective-origin:50% 0%;background:#e3c59a}.floor:before{content:"";position:absolute;left:-60%;right:-60%;top:0;height:420%;background:conic-gradient(#f5e6cb 25%,#e2c496 0 50%,#f5e6cb 0 75%,#e2c496 0) 0 0 / 64px 64px;transform:rotateX(62deg);transform-origin:50% 0%}.floor:after{content:"";position:absolute;inset:0 0 auto;height:9px;background:linear-gradient(#fffaf2,#efdcbd);box-shadow:0 3px 6px #78501e2e}.window{position:absolute;pointer-events:none}.window .glass{position:absolute;inset:0;overflow:hidden;border-radius:14px;border:10px solid #fff;background:linear-gradient(#6ec3ff,#bde7ff 65%,#e6f6ff);box-shadow:0 0 0 4px #f0d7b0,0 12px 20px #78501e29}.window .glass:before,.window .glass:after{content:"";position:absolute;background:#fff;z-index:3}.window .glass:before{left:calc(50% - 4px);top:0;bottom:0;width:8px}.window .glass:after{top:calc(50% - 4px);left:0;right:0;height:8px}.window .sun{position:absolute;right:14%;top:12%;width:26%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 40% 40%,#fff7b0,#ffd43b 55%,#ffb000);box-shadow:0 0 24px 10px #ffd6508c;animation:sun-glow 4s ease-in-out infinite}.window .cloud{position:absolute;width:34%;height:11%;background:#fff;border-radius:99px;animation:cloud-drift 32s linear infinite}.window .cloud:before,.window .cloud:after{content:"";position:absolute;background:#fff;border-radius:50%}.window .cloud:before{width:46%;aspect-ratio:1;left:14%;bottom:30%}.window .cloud:after{width:34%;aspect-ratio:1;left:48%;bottom:28%}.window .cloud.c1{top:30%;animation-delay:-9s}.window .cloud.c2{top:58%;width:26%;animation-duration:44s;animation-delay:-30s}.window .hill{position:absolute;left:-20%;right:-20%;bottom:-26%;height:48%;border-radius:50% 50% 0 0;background:radial-gradient(ellipse at 50% 0%,#9de67f,#6cc458)}.window .sill{position:absolute;left:-8%;right:-8%;bottom:-9px;height:16px;border-radius:6px;background:linear-gradient(#fffaf2,#ecd6b2);box-shadow:0 6px 10px #78501e33}.window .plant{position:absolute;right:6%;bottom:4px;width:30%;aspect-ratio:1;z-index:4}@keyframes sun-glow{50%{box-shadow:0 0 34px 16px #ffd650b3}}@keyframes cloud-drift{0%{transform:translate(-120%)}to{transform:translate(420%)}}.fridge-wrap{position:absolute;left:0;top:0}.fridge-wrap.door-open{z-index:35}.fridge{position:absolute;inset:0}.fridge.rumble{animation:rumble .9s linear}@keyframes rumble{0%,to{transform:none}10%,50%,90%{transform:translate(-.6%,.2%) rotate(-.4deg)}30%,70%{transform:translate(.6%,-.2%) rotate(.4deg)}}.fridge-shadow{position:absolute;left:-6%;right:-6%;bottom:-3%;height:7%;background:radial-gradient(ellipse at center,rgba(90,55,20,.38),transparent 70%)}.fridge-body{position:absolute;inset:0 0 4.2%;border-radius:11% 11% 6% 6%/6.8% 6.8% 3.8% 3.8%;background:linear-gradient(90deg,var(--fc-d),var(--fc) 7%,var(--fc-l) 40%,var(--fc) 80%,var(--fc-d));box-shadow:inset 0 3px #fffc,inset 0 -4px 10px #0000001f,14px 12px #9664281a,0 18px 40px #5a3c1940;transition:background .5s}.fridge-base{position:absolute;left:8%;right:8%;bottom:.4%;height:5%;border-radius:0 0 18px 18px;background:linear-gradient(#5c636b,#353a3f)}.fridge-base:before{content:"";position:absolute;inset:26% 22% 30%;border-radius:4px;background:repeating-linear-gradient(90deg,#23272b 0 5px,#6a727a 5px 9px)}.doors{position:absolute;inset:2.4% 3.2% 2.6%;border-radius:9% 9% 5% 5%/6% 6% 3.4% 3.4%;background:color-mix(in srgb,var(--fc-d) 45%,#2f3438)}.door,.interior{position:absolute;left:0;right:0}.door-freezer,.int-freezer{top:0;height:calc(var(--split) - var(--gap) / 2);border-radius:8.5% 8.5% 1.6% 1.6%/16% 16% 3% 3%}.door-main,.int-main{top:calc(var(--split) + var(--gap) / 2);bottom:0;border-radius:1.6% 1.6% 5% 5%}.door{transform-origin:0% 50%;transform-style:preserve-3d;z-index:2}.door-face{position:absolute;inset:0;border-radius:inherit;backface-visibility:hidden;-webkit-backface-visibility:hidden}.door-front{background:linear-gradient(104deg,transparent 28%,rgba(255,255,255,.42) 34%,transparent 41%,transparent 44%,rgba(255,255,255,.25) 47%,transparent 50%),linear-gradient(90deg,var(--fc-d),var(--fc) 5%,var(--fc-l) 36%,var(--fc) 78%,var(--fc-d));box-shadow:inset 0 2px #ffffffd9,inset 0 0 0 1px #00000012,inset 0 -5px 8px #00000014;transition:background .5s}.door-back{transform:rotateY(180deg);background:linear-gradient(90deg,#dfe6ec,#f7fafc 30%,#e8eef3);border:calc(var(--u) * 1.4) solid #cfd8df;cursor:pointer}.door-back .bin{position:absolute;left:9%;right:9%;height:15%;border-radius:0 0 10px 10px;background:#c8e4fab3;border:2px solid rgba(255,255,255,.9);border-top:0;display:flex;justify-content:space-evenly;align-items:flex-end}.door-back .bin img{width:28%;object-fit:contain;object-position:center bottom}.handle{position:absolute;right:5.5%;width:4.6%;border-radius:99px;background:linear-gradient(90deg,#7f8891,#fdfdfd 38%,#c3cad0 62%,#737c85);box-shadow:3px 5px 8px #00000040,inset 0 0 0 1px #0000001f;cursor:pointer;z-index:2}.handle:before{content:"";position:absolute;inset:-12% -170%}.handle:active{filter:brightness(.92)}.door-freezer .handle{bottom:10%;height:40%}.door-main .handle{top:5%;height:24%}.brand{position:absolute;left:50%;top:6%;transform:translate(-50%);padding:.12em .7em .18em;border-radius:99px;font-size:calc(var(--u) * 3.6);font-weight:700;font-style:italic;letter-spacing:.04em;color:#fff;background:linear-gradient(#d5dbe1,#8b96a1);box-shadow:inset 0 1px #fff,0 1px 3px #0000004d;text-shadow:0 1px 1px rgba(0,0,0,.3);pointer-events:none}.door-magnets{position:absolute;inset:0}.door-magnets .m-body{pointer-events:none}.interior{overflow:hidden;visibility:hidden;background:linear-gradient(#f9fcff,#dcecf8);box-shadow:inset 0 0 0 calc(var(--u) * .8) #edf4fa,inset calc(var(--u) * 2) calc(var(--u) * 2) calc(var(--u) * 3) #00326429,inset calc(var(--u) * -2) calc(var(--u) * -1) calc(var(--u) * 3) #0032641f}.interior.lit{visibility:visible}.interior:before{content:"";position:absolute;left:20%;right:20%;top:-30%;height:70%;border-radius:50%;background:radial-gradient(ellipse at center,#fffadcf2,#fffadc00);opacity:0;transition:opacity .4s .15s;pointer-events:none}.interior.lit:before{opacity:1}.int-freezer{background:radial-gradient(ellipse at 50% 100%,rgba(255,255,255,.85),transparent 45%),linear-gradient(#eef9ff,#c6e5fa)}.shelf{position:absolute;left:2.5%;right:2.5%;height:1.8%;border-radius:3px;background:linear-gradient(#fffffff2,#aad2f0cc);box-shadow:0 calc(var(--u) * .8) calc(var(--u) * 1.2) #003c782e}.int-freezer .shelf{height:4%}.crisper{position:absolute;bottom:3%;height:21%;width:45%;border-radius:10px;background:#cde8fc99;border:2px solid rgba(255,255,255,.9);box-shadow:inset 0 -10px 16px #003c781a}.crisper.left{left:3%}.crisper.right{right:3%}.food{position:absolute;width:calc(var(--u) * 12);aspect-ratio:1;transform:translate(-50%,-100%);cursor:pointer;z-index:1}.food img{filter:drop-shadow(0 calc(var(--u) * .6) calc(var(--u) * .6) rgba(0,40,80,.25))}.food.in-crisper{z-index:0}.food.jiggle{animation:food-jiggle .6s ease}.food.friend{width:calc(var(--u) * 17)}.food.friend.wave{animation:friend-wave 1.2s ease}.close-spot{position:absolute;right:0;width:15%;cursor:pointer}.int-freezer .close-spot{bottom:4%;height:50%}.int-main .close-spot{top:2%;height:30%}@keyframes food-jiggle{0%,to{transform:translate(-50%,-100%)}25%{transform:translate(-50%,-112%) rotate(-10deg) scale(1.1)}55%{transform:translate(-50%,-100%) rotate(8deg)}80%{transform:translate(-50%,-104%) rotate(-3deg)}}@keyframes friend-wave{0%,to{transform:translate(-50%,-100%)}15%{transform:translate(-50%,-125%) scale(1.1)}35%{transform:translate(-50%,-100%) rotate(-12deg)}55%{transform:translate(-50%,-100%) rotate(12deg)}75%{transform:translate(-50%,-100%) rotate(-8deg)}}.cat{position:absolute;right:9%;bottom:98.6%;width:25%;aspect-ratio:1;cursor:pointer;transform-origin:50% 100%;animation:cat-breathe 3.4s ease-in-out infinite}.cat.jump{animation:cat-jump .8s cubic-bezier(.3,1.3,.5,1)}.cat-awake,.cat-asleep{transition:opacity .8s ease-in-out}.cat-asleep{position:absolute;inset:0;opacity:0}.cat.sleepy .cat-awake{opacity:0}.cat.sleepy .cat-asleep{opacity:1}.cat .zzz{position:absolute;left:-10%;top:14%;width:34%;opacity:0;pointer-events:none}.cat.sleepy .zzz{animation:zzz 4s ease-out .6s infinite}@keyframes cat-breathe{50%{transform:scale(1.025,.975)}}@keyframes cat-jump{0%{transform:none}18%{transform:scale(1.12,.84)}50%{transform:translateY(-45%) scale(.94,1.08) rotate(-6deg)}80%{transform:scale(1.08,.9)}to{transform:none}}@keyframes zzz{0%{opacity:0;transform:translateY(20%) scale(.6)}25%{opacity:1}to{opacity:0;transform:translate(-40%,-80%) scale(1.1)}}.magnet-layer{position:fixed;inset:0;z-index:40;pointer-events:none}.magnet,.m-lift,.m-anim{position:absolute;left:0;top:0;width:0;height:0}.magnet.fading{transition:opacity .35s;opacity:0}.m-body{position:absolute;left:0;top:0;transform:translate(-50%,-50%) rotate(var(--rot, 0deg));pointer-events:auto;touch-action:none;cursor:grab}.magnet.held .m-body{cursor:grabbing}.magnet.held .m-lift{will-change:transform}.mv-char{position:relative;display:block;padding:0 .04em;font-family:var(--font);font-weight:700;font-size:calc(var(--u) * 15);line-height:.95;white-space:nowrap;color:var(--c);-webkit-text-stroke:.05em var(--c);filter:drop-shadow(0 .025em 0 var(--d)) drop-shadow(0 .025em 0 var(--d)) drop-shadow(0 .025em 0 var(--d)) drop-shadow(0 .03em .07em rgba(0,0,0,.32))}.mv-char:after{content:attr(data-ch);position:absolute;inset:0;padding:inherit;color:transparent;-webkit-text-stroke:0;background:linear-gradient(170deg,#ffffffbf 8%,#fff0 46%);-webkit-background-clip:text;background-clip:text;pointer-events:none}.mv-char.symbol{font-size:calc(var(--u) * 13)}.held .mv-char{filter:drop-shadow(0 .025em 0 var(--d)) drop-shadow(0 .025em 0 var(--d)) drop-shadow(0 .025em 0 var(--d)) drop-shadow(0 .19em .2em rgba(0,0,0,.24))}.mv-emoji{--o: calc(var(--u) * .42);width:calc(var(--u) * var(--s, 12));height:calc(var(--u) * var(--s, 12))}.mv-emoji img{display:block;width:100%;height:100%;pointer-events:none;filter:drop-shadow(var(--o) 0 0 #fff) drop-shadow(calc(var(--o) * -1) 0 0 #fff) drop-shadow(0 var(--o) 0 #fff) drop-shadow(0 calc(var(--o) * -1) 0 #fff) drop-shadow(0 calc(var(--u) * .45) 0 rgba(0,0,0,.13)) drop-shadow(0 calc(var(--u) * .9) calc(var(--u) * .7) rgba(0,0,0,.28))}.held .mv-emoji img{filter:drop-shadow(var(--o) 0 0 #fff) drop-shadow(calc(var(--o) * -1) 0 0 #fff) drop-shadow(0 var(--o) 0 #fff) drop-shadow(0 calc(var(--o) * -1) 0 #fff) drop-shadow(0 calc(var(--u) * .45) 0 rgba(0,0,0,.13)) drop-shadow(0 calc(var(--u) * 3) calc(var(--u) * 2) rgba(0,0,0,.22))}.mv-svg svg{display:block;width:calc(var(--u) * var(--w));height:calc(var(--u) * var(--h));overflow:visible;filter:drop-shadow(0 calc(var(--u) * .55) 0 var(--d, rgba(0, 0, 0, .25))) drop-shadow(0 calc(var(--u) * 1) calc(var(--u) * .8) rgba(0,0,0,.26))}.held .mv-svg svg{filter:drop-shadow(0 calc(var(--u) * .55) 0 var(--d, rgba(0, 0, 0, .25))) drop-shadow(0 calc(var(--u) * 3) calc(var(--u) * 2) rgba(0,0,0,.2))}.mv-googly{display:flex;gap:calc(var(--u) * .5)}.eye{position:relative;width:calc(var(--u) * var(--s));height:calc(var(--u) * var(--s));border-radius:50%;background:radial-gradient(circle at 40% 35%,#fff 0 45%,#eef1f4 72%,#d4dae0);box-shadow:inset 0 0 0 calc(var(--u) * .3) #00000021,inset 0 calc(var(--u) * -.6) calc(var(--u) * .9) #00000014,0 calc(var(--u) * .6) calc(var(--u) * .8) #0000004d}.held .eye{box-shadow:inset 0 0 0 calc(var(--u) * .3) #00000021,0 calc(var(--u) * 2.4) calc(var(--u) * 1.8) #00000038}.pupil{position:absolute;left:23%;top:23%;width:54%;height:54%;border-radius:50%;background:radial-gradient(circle at 40% 35%,#3a3a3a,#0b0b0b 60%)}.eye:after{content:"";position:absolute;left:18%;top:9%;width:46%;height:30%;border-radius:50%;background:linear-gradient(#fffffff2,#fff0);transform:rotate(-22deg);pointer-events:none}.mv-art{position:relative;width:calc(var(--u) * 36);padding:calc(var(--u) * 1.3);background:#fff;border-radius:3px;box-shadow:0 calc(var(--u) * .8) calc(var(--u) * 1.6) #00000040}.held .mv-art{box-shadow:0 calc(var(--u) * 3) calc(var(--u) * 3) #0003}.mv-art img{display:block;width:100%;aspect-ratio:4 / 3;pointer-events:none}.mv-art .pin{position:absolute;left:50%;top:calc(var(--u) * -2.2);width:calc(var(--u) * 6.5);height:calc(var(--u) * 6.5);margin-left:calc(var(--u) * -3.25);border-radius:50%;background:radial-gradient(circle at 34% 30%,rgba(255,255,255,.85) 0 14%,transparent 18%),radial-gradient(circle at 50% 45%,var(--c) 0 58%,var(--d) 100%);box-shadow:0 calc(var(--u) * .7) calc(var(--u) * .9) #00000059}.a-hop{animation:a-hop .65s cubic-bezier(.3,.7,.4,1)}.a-wiggle{animation:a-wiggle .7s ease-in-out}.a-spin{animation:a-spin .8s cubic-bezier(.4,0,.3,1)}.a-pulse{animation:a-pulse .8s ease-in-out}.a-shake{animation:a-shake .6s linear}.a-drive{animation:a-drive 1.1s ease-in-out}.a-blast{animation:a-blast 2.4s cubic-bezier(.5,0,.3,1)}.a-float{animation:a-float 1.4s ease-in-out}.a-swim{animation:a-swim 1.2s ease-in-out}.a-flip{animation:a-flip .8s ease-in-out}.a-stretch{animation:a-stretch .9s ease-in-out}.a-jiggle{animation:a-jiggle .9s linear}@keyframes a-hop{0%,to{transform:none}15%{transform:scale(1.12,.86)}45%{transform:translateY(calc(var(--u) * -7)) scale(.94,1.08)}75%{transform:scale(1.06,.94)}}@keyframes a-wiggle{0%,to{transform:none}20%{transform:rotate(-14deg) scale(1.08)}40%{transform:rotate(12deg) scale(1.08)}60%{transform:rotate(-8deg)}80%{transform:rotate(5deg)}}@keyframes a-spin{0%{transform:none}to{transform:rotate(360deg)}}@keyframes a-pulse{0%,to{transform:none}25%{transform:scale(1.28)}45%{transform:scale(.94)}65%{transform:scale(1.14)}}@keyframes a-shake{0%,to{transform:none}10%,30%,50%,70%,90%{transform:translate(calc(var(--u) * -1.2)) rotate(-4deg)}20%,40%,60%,80%{transform:translate(calc(var(--u) * 1.2)) rotate(4deg)}}@keyframes a-drive{0%,to{transform:none}20%{transform:translate(calc(var(--u) * -3)) rotate(-4deg)}55%{transform:translate(calc(var(--u) * 9)) translateY(calc(var(--u) * -1))}80%{transform:translate(calc(var(--u) * -1))}}@keyframes a-blast{0%,to{transform:none}8%,16%{transform:translate(calc(var(--u) * -.6))}12%,20%{transform:translate(calc(var(--u) * .6))}46%,56%{transform:translateY(-130vh)}88%{transform:translateY(calc(var(--u) * 2))}}@keyframes a-float{0%,to{transform:none}35%{transform:translate(calc(var(--u) * 2),calc(var(--u) * -8)) rotate(8deg)}70%{transform:translate(calc(var(--u) * -2),calc(var(--u) * -4)) rotate(-6deg)}}@keyframes a-swim{0%,to{transform:none}25%{transform:translate(calc(var(--u) * 4)) rotate(8deg)}50%{transform:translate(calc(var(--u) * -3)) rotate(-8deg)}75%{transform:translate(calc(var(--u) * 2)) rotate(5deg)}}@keyframes a-flip{0%{transform:none}50%{transform:translateY(calc(var(--u) * -6)) rotateY(180deg)}to{transform:rotateY(360deg)}}@keyframes a-stretch{0%,to{transform:none}30%{transform:scale(.9,1.3);transform-origin:50% 100%}60%{transform:scale(1.1,.9)}}@keyframes a-jiggle{0%,to{transform:none}15%{transform:translate(calc(var(--u) * -1.5),calc(var(--u) * 1)) rotate(-9deg)}30%{transform:translate(calc(var(--u) * 1.5),calc(var(--u) * -1)) rotate(8deg)}45%{transform:translate(calc(var(--u) * -1),calc(var(--u) * -1.5)) rotate(-6deg)}60%{transform:translate(calc(var(--u) * 1),calc(var(--u) * 1)) rotate(5deg)}80%{transform:translate(calc(var(--u) * -.5)) rotate(-2deg)}}.tray{position:relative;z-index:20;display:flex;flex-direction:column;gap:8px;min-width:0;min-height:0;padding:10px calc(10px + var(--safe-r)) calc(10px + var(--safe-b)) calc(10px + var(--safe-l));background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.25) 0 2px,transparent 3px) 0 0 / 22px 22px,linear-gradient(#ffd27a,#ffb947);border-top:6px solid #eb9a34;border-radius:26px 26px 0 0;box-shadow:0 -8px 18px #78460a2e}.tabs{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;touch-action:pan-x;padding:8px;margin:-6px -6px 0;flex:0 0 auto}.tabs::-webkit-scrollbar{display:none}.tabs>:first-child{margin-left:auto}.tabs>:last-child{margin-right:auto}.tab{flex:0 0 auto;display:grid;place-items:center;width:54px;height:54px;border-radius:17px;background:#fff4de;box-shadow:0 4px #dd8f2d;transition:transform .15s,background .15s}.tab.active{background:#fff;box-shadow:0 4px #c96f14,0 0 0 3px #fff,0 0 0 6px #ff7eb6;transform:translateY(-2px) scale(1.06)}.tab:active{transform:translateY(3px);box-shadow:0 1px #dd8f2d}.tab .tab-icon{width:68%;height:68%;display:grid;place-items:center;pointer-events:none}.tab .tab-text{font-weight:700;font-size:17px;letter-spacing:-.02em}.tab .tab-text span{-webkit-text-stroke:.6px currentColor}.tab .tab-preview{--u: 2.6px}.items{flex:1 1 auto;min-height:0;display:grid;grid-auto-flow:column;grid-auto-columns:86px;grid-template-rows:86px;gap:8px;padding:8px;overflow-x:auto;overflow-y:hidden;touch-action:pan-x;overscroll-behavior:contain;border-radius:20px;background:#fff4de8c;box-shadow:inset 0 4px 10px #96500040;scrollbar-width:thin;scrollbar-color:#e39a3b transparent}.item{position:relative;display:grid;place-items:center;border-radius:18px;background:#fff9;touch-action:pan-x;cursor:grab;transition:transform .12s,background .12s;animation:item-in .35s cubic-bezier(.2,1.5,.4,1) backwards}.item:hover{background:#ffffffe6}.item.pressed{transform:scale(.92)}.item .preview{--u: var(--tu);transform:scale(var(--k, 1));pointer-events:none}.item .preview .m-body,.tab-preview .m-body{position:static;transform:rotate(var(--rot, 0deg));pointer-events:none}.item .pupil,.tab .pupil{transform:translate(8%,34%)}@keyframes item-in{0%{transform:scale(.4);opacity:0}}@media(min-aspect-ratio:5/4){.tray{border-top:0;border-left:6px solid #eb9a34;border-radius:26px 0 0 26px;padding:calc(12px + var(--safe-t)) calc(12px + var(--safe-r)) calc(12px + var(--safe-b)) 12px;box-shadow:-8px 0 18px #78460a2e}.tabs{flex-wrap:wrap;justify-content:center;overflow:visible}.tabs>:first-child,.tabs>:last-child{margin:0}.items{grid-auto-flow:row;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));grid-template-rows:none;grid-auto-rows:86px;grid-auto-columns:auto;overflow-x:hidden;overflow-y:auto;touch-action:pan-y}.item{touch-action:pan-y}}@media(min-aspect-ratio:5/4)and (max-height:560px){.tabs{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;justify-content:flex-start}.tabs>:first-child{margin-left:auto}.tabs>:last-child{margin-right:auto}.tab{width:46px;height:46px;border-radius:14px}.tab .tab-text{font-size:14px}.items{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));grid-auto-rows:76px}}.tools{position:absolute;left:calc(12px + var(--safe-l));top:calc(8px + var(--safe-t));bottom:8px;z-index:30;display:flex;flex-direction:column;justify-content:center;gap:calc(var(--tool) * .2);pointer-events:none}.tool{--tc: #ffc85a;--tcd: #d8962c;pointer-events:auto;display:grid;place-items:center;width:var(--tool);height:var(--tool);border-radius:50%;background:#fff;border:4px solid var(--tc);box-shadow:0 5px 0 var(--tcd),0 9px 14px #5a320a33;transition:transform .12s,box-shadow .12s}.tool img{width:58%;height:58%;pointer-events:none}.tool:active,.tool.bump{transform:translateY(4px);box-shadow:0 1px 0 var(--tcd),0 3px 6px #5a320a33}.tool.small{width:calc(var(--tool) * .7);height:calc(var(--tool) * .7);border-width:3px;--tc: #e2d6c6;--tcd: #b9a78f;margin-left:calc(var(--tool) * .15)}.tool-gap{height:calc(var(--tool) * .1)}.tool[data-tool=draw]{--tc: #ff7eb6;--tcd: #d4487f}.tool[data-tool=color]{--tc: #a57bff;--tcd: #7449d2}.tool[data-tool=shake]{--tc: #3cc9c9;--tcd: #188e8e}.tool[data-tool=clear]{--tc: #58a6ff;--tcd: #2c6fd0}.tool[data-tool=color] .swatch{position:absolute;right:-3px;bottom:-3px;width:36%;height:36%;border-radius:50%;border:3px solid #fff;background:var(--fc);box-shadow:0 1px 3px #0000004d}.tool[data-tool=color]{position:relative}.undo-btn{position:absolute;left:50%;bottom:calc(var(--floor-h, 60px) + 20px);z-index:45;transform:translate(-50%);--tool: 78px;--tc: #ffc85a;--tcd: #d8962c;animation:undo-in .4s cubic-bezier(.2,1.6,.4,1)}@keyframes undo-in{0%{transform:translate(-50%) scale(0)}}.modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:max(12px,var(--safe-t)) max(12px,var(--safe-r)) max(12px,var(--safe-b)) max(12px,var(--safe-l));background:#3c230f73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade-in .2s}.card{max-width:100%;max-height:100%;overflow:auto;padding:22px;border-radius:30px;background:#fffaf2;box-shadow:0 20px 50px #0000004d;animation:card-in .4s cubic-bezier(.2,1.5,.4,1)}.row{display:flex;gap:22px;justify-content:center;align-items:center}.big-btn{--bc: #ffc85a;--bd: #d8962c;display:grid;place-items:center;width:86px;height:86px;border-radius:28px;background:#fff;border:5px solid var(--bc);box-shadow:0 6px 0 var(--bd),0 10px 18px #0000002e;transition:transform .12s,box-shadow .12s}.big-btn img{width:60%;height:60%;pointer-events:none}.big-btn:active{transform:translateY(5px);box-shadow:0 1px 0 var(--bd),0 3px 8px #0003}.big-btn.yes{--bc: #3cc451;--bd: #1f8431}.big-btn.no{--bc: #ff6161;--bd: #c02f35}.big-btn.small{width:64px;height:64px;border-radius:22px;border-width:4px}.confirm-card{text-align:center}.confirm-art{width:120px;height:120px;margin:0 auto 6px;animation:sweep 1.2s ease-in-out infinite}.confirm-text{margin:0 0 20px;font-size:26px;font-weight:600}@keyframes sweep{0%,to{transform:rotate(-14deg)}50%{transform:rotate(14deg) translate(8px)}}.draw-card{display:flex;flex-direction:column;align-items:center;gap:14px;padding:16px;overflow:hidden;background:#ffe9c7}.paper-wrap{position:relative;flex:0 0 auto;border-radius:6px;background:#fff;box-shadow:0 8px 18px #78460a40,inset 0 0 0 1px #0000000d}.paper-wrap canvas{display:block;width:100%;height:100%;border-radius:6px;touch-action:none;cursor:crosshair}.palette{display:flex;flex-direction:column;align-items:center;gap:12px}.crayons{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;align-items:flex-end}.crayon{position:relative;width:34px;height:64px;background:var(--c);clip-path:polygon(34% 0,66% 0,100% 30%,100% 100%,0 100%,0 30%);border-radius:0 0 8px 8px;transform:translateY(10px);transition:transform .15s}.crayon:after{content:"";position:absolute;left:0;right:0;top:48%;height:20%;background:#ffffff59}.crayon.selected{transform:translateY(-4px)}.crayon.rainbow{background:linear-gradient(#ff4a4a,#ff9419,#ffd21a,#3cc451,#2f86ff,#9a5bff)}.tool-chip{display:grid;place-items:center;width:50px;height:50px;border-radius:16px;background:#fff;box-shadow:0 4px #d9a25a;transition:transform .12s}.tool-chip img{width:66%;pointer-events:none}.tool-chip.selected{box-shadow:0 4px #d9a25a,0 0 0 4px #ff7eb6;transform:translateY(-3px)}.sizes{display:flex;gap:10px;align-items:center}.size-dot{display:grid;place-items:center;width:50px;height:50px;border-radius:16px;background:#fff;box-shadow:0 4px #d9a25a}.size-dot span{display:block;border-radius:50%;background:#4a3426}.size-dot.selected{box-shadow:0 4px #d9a25a,0 0 0 4px #ff7eb6}.draw-actions{display:flex;gap:14px;align-items:center}@media(min-aspect-ratio:5/4){.draw-card{flex-direction:row;align-items:stretch}.palette{justify-content:center;max-width:250px}}.settings-card{width:min(480px,100%);font-size:18px}.settings-card h2{margin:0 0 14px;font-size:26px}.settings-card input[type=text]{width:100%;margin-top:6px;padding:10px 14px;font:inherit;font-size:22px;text-transform:uppercase;border:3px solid #f0cf9c;border-radius:14px;background:#fff;user-select:text;-webkit-user-select:text;touch-action:auto}.settings-card .field{display:block;font-weight:600}.settings-card .hint{margin:6px 0 16px;font-size:15px;opacity:.75}.settings-card .switch{display:flex;gap:10px;align-items:center;margin:10px 0;font-weight:500}.settings-card .switch input{width:26px;height:26px;accent-color:#ff7eb6}.voice-opts{margin:4px 0 12px 36px}.voice-opts[hidden]{display:none}.settings-card select{display:block;width:100%;margin-top:6px;padding:8px 12px;font:inherit;font-size:17px;border:3px solid #f0cf9c;border-radius:14px;background:#fff;touch-action:auto}.settings-card .slider{display:flex;gap:12px;align-items:center;margin:10px 0;font-weight:500}.settings-card .slider input{flex:1;accent-color:#ff7eb6;touch-action:auto}.settings-card .credits{font-size:13px;opacity:.65;margin:16px 0}.settings-card .credits a{color:inherit}.settings-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-top:10px}.text-btn{padding:12px 18px;border-radius:14px;font-weight:600;background:#fff;box-shadow:0 3px #d9a25a}.text-btn.primary{background:#3cc451;color:#fff;box-shadow:0 3px #1f8431}.text-btn.danger{color:#c02f35}.splash{position:fixed;inset:0;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6vmin;background:radial-gradient(circle at 50% 38%,#fffaf0,#ffe0ab 70%,#ffc774);cursor:pointer;overflow:hidden}.splash.leaving{animation:splash-out .55s ease-in forwards;pointer-events:none}.splash-title{--u: min(1.25vmin, 1.6vw, 9px);display:flex;flex-wrap:wrap;justify-content:center;gap:0 calc(var(--u) * 5);max-width:94vw}.splash-title .word{display:flex;gap:calc(var(--u) * .6)}.splash-title .mv-char{font-size:calc(var(--u) * 17)}.splash-title .t-letter{display:inline-block;animation:letter-drop .8s cubic-bezier(.3,1.5,.5,1) backwards,letter-bob 2.6s ease-in-out infinite;animation-delay:calc(var(--i) * 90ms),calc(var(--i) * .15s + 1s);transform:rotate(var(--r))}.play-btn{display:grid;place-items:center;width:clamp(110px,26vmin,180px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 40% 32%,#86ee8f,#30b545 68%);box-shadow:0 10px #1d8a30,0 18px 30px #00000038;animation:play-pulse 1.5s ease-in-out infinite}.play-btn svg{width:56%;height:56%}.splash-deco img{position:absolute;width:clamp(54px,11vmin,96px);animation:deco-bob 3s ease-in-out infinite;filter:drop-shadow(3px 0 0 #fff) drop-shadow(-3px 0 0 #fff) drop-shadow(0 3px 0 #fff) drop-shadow(0 -3px 0 #fff) drop-shadow(0 6px 8px rgba(0,0,0,.2))}@keyframes letter-drop{0%{transform:translateY(-80vh) rotate(-30deg)}}@keyframes letter-bob{0%,to{transform:rotate(var(--r))}50%{transform:translateY(calc(var(--u) * -1.2)) rotate(calc(var(--r) * -1))}}@keyframes play-pulse{50%{transform:scale(1.07)}}@keyframes deco-bob{0%,to{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-10px) rotate(6deg)}}@keyframes splash-out{to{opacity:0;transform:scale(1.15)}}.fx-layer{position:fixed;inset:0;z-index:60;pointer-events:none;overflow:hidden}#confetti{position:fixed;inset:0;width:100%;height:100%;z-index:61;pointer-events:none}.bubble{position:absolute;display:flex;align-items:center;gap:10px;padding:10px 18px;border-radius:24px;background:#fff;box-shadow:0 10px 24px #0003;font-size:clamp(20px,3.4vmin,32px);font-weight:600;white-space:nowrap;transform:translate(-50%,-100%);transform-origin:50% 100%;animation:bubble-in .45s cubic-bezier(.2,1.6,.4,1) both}.bubble:after{content:"";position:absolute;left:50%;bottom:-9px;width:20px;height:20px;border-radius:3px;background:#fff;transform:translate(-50%) rotate(45deg)}.bubble.out{animation:bubble-out .3s ease-in forwards}.bubble .b-emoji{width:clamp(44px,8vmin,76px);height:clamp(44px,8vmin,76px)}.bubble .first{color:var(--c);font-weight:700}.bubble .stars{display:grid;grid-template-columns:repeat(var(--cols, 5),auto);gap:3px}.bubble .stars img{width:clamp(22px,3.6vmin,34px);height:clamp(22px,3.6vmin,34px)}.bubble .b-big{font-size:1.5em;font-weight:700;color:var(--c, #4a3426)}@keyframes bubble-in{0%{opacity:0;transform:translate(-50%,-80%) scale(.3)}}@keyframes bubble-out{to{opacity:0;transform:translate(-50%,-120%) scale(.8)}}.word-pop{position:absolute;display:flex;flex-direction:column;align-items:center;transform:translate(-50%,-50%);animation:word-pop 3.2s cubic-bezier(.2,1.2,.4,1) forwards}.word-pop img{width:clamp(100px,24vmin,220px);height:clamp(100px,24vmin,220px);filter:drop-shadow(0 10px 14px rgba(0,0,0,.25));animation:pop-wobble .9s ease-in-out .4s 2}.word-pop .word-text{margin-top:-.1em;font-size:clamp(36px,8vmin,84px);font-weight:700;letter-spacing:.06em;color:#fff;-webkit-text-stroke:.04em #ff4f93;text-shadow:0 .06em 0 #d23a78,0 .16em .2em rgba(0,0,0,.25)}@keyframes word-pop{0%{opacity:0;transform:translate(-50%,-30%) scale(.2)}14%{opacity:1;transform:translate(-50%,-50%) scale(1.12)}24%{transform:translate(-50%,-50%) scale(1)}78%{opacity:1;transform:translate(-50%,-58%) scale(1)}to{opacity:0;transform:translate(-50%,-85%) scale(.85)}}@keyframes pop-wobble{25%{transform:rotate(-10deg) scale(1.05)}75%{transform:rotate(10deg) scale(1.05)}}.flake{position:absolute;width:22px;height:22px;animation:flake-fall linear forwards}@keyframes flake-fall{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(var(--dx),var(--dy)) rotate(260deg);opacity:0}}@keyframes fade-in{0%{opacity:0}}@keyframes card-in{0%{transform:scale(.6);opacity:0}}