:root{--pink:#ff719d;--deep:#d94e7a;--ink:#694a55}*{box-sizing:border-box}html,body{margin:0;min-height:100%;overflow-x:hidden}body{font-family:"Arial Rounded MT Bold","Apple SD Gothic Neo","Malgun Gothic",sans-serif;color:var(--ink)}button,input{font:inherit}.shell{min-height:100svh;display:grid;place-items:center;padding:28px 14px;position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(160deg,#ffd4df 0%,#fff1cf 52%,#cfeeee 100%)}.blob{position:absolute;border-radius:999px;z-index:-1}.b1{width:300px;height:300px;background:#fff7ac;left:-150px;top:-90px}.b2{width:350px;height:350px;background:#ffb8cc;right:-190px;bottom:-130px}.card{width:min(100%,430px);min-height:630px;padding:48px 28px 38px;position:relative;display:flex;flex-direction:column;justify-content:center;background:#fffdf8f2;border:3px solid #fff;border-radius:46px;box-shadow:0 22px 0 #d8618420,0 28px 70px #77455533;text-align:center}.card:after{content:"";position:absolute;inset:10px;border:2px dashed #ffd2de;border-radius:36px;pointer-events:none}.ears{position:absolute;top:-19px;left:50%;transform:translateX(-50%);display:flex;gap:90px;z-index:-1}.ears i{width:65px;height:80px;border-radius:60% 60% 45% 45%;background:#fff9f7;border:3px solid #fff;transform:rotate(-16deg)}.ears i+i{transform:rotate(16deg)}.tiny,.made{position:absolute;left:0;right:0;font-size:9px;font-weight:800;letter-spacing:.18em;color:#c98c9e}.tiny{top:24px}.made{bottom:16px}.step{display:none;animation:show .38s ease both}.step.active{display:block}@keyframes show{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}.mascot{position:relative;width:92px;height:92px;margin:0 auto 16px;display:grid;place-items:center;border-radius:35px;background:#fff1bd;font-size:55px;transform:rotate(-3deg);box-shadow:0 8px 0 #f5d477}.mascot span{position:absolute;right:-12px;top:-13px;font-size:30px;color:var(--pink)}h1{margin:0;font-size:35px;line-height:1.25;letter-spacing:-.05em}h1 em{font-style:normal;color:var(--pink)}.sub{margin:18px 0 28px;color:#a17c87;font-size:15px;line-height:1.65}.sub.compact{margin-bottom:20px}.buttons{display:flex;justify-content:center;gap:10px;min-height:54px}.primary,.secondary{border:0;border-radius:999px;padding:15px 24px;cursor:pointer}.primary{background:linear-gradient(135deg,#ff86aa,var(--pink));color:#fff;box-shadow:0 7px 0 var(--deep),0 12px 24px #ff719d40}.primary:active{transform:translateY(5px);box-shadow:0 2px 0 var(--deep)}.primary:disabled{opacity:.72}.secondary{background:#eee7e9;color:#907a81}.escaping{position:fixed;z-index:99;transition:left .1s,top .1s}.full{width:100%}.pop{font-size:78px;margin-bottom:18px;animation:bop .8s ease infinite alternate}.pop.small{font-size:62px}@keyframes bop{to{transform:scale(1.08) rotate(4deg)}}.progress{display:flex;align-items:center;justify-content:center;margin:0 auto 20px;width:135px}.progress span{height:4px;flex:1;background:#ffd0dc}.progress b,.progress i{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;font-size:12px;font-style:normal}.progress b{background:var(--pink);color:#fff}.progress i{background:#ffe5ec;color:#c98094}.input-wrap{text-align:left;margin:12px 0;padding:11px 14px 13px;background:#fff4f6;border:2px solid #ffd7e1;border-radius:22px}.input-wrap label{display:block;margin:0 0 7px;font-size:13px;color:#9c6e7c}.input-wrap input{display:block;width:100%;min-width:0;height:46px;padding:8px 10px;border:0;border-radius:14px;background:#fff;color:var(--ink);font-size:16px;outline:none;-webkit-appearance:none;appearance:none}.hint{min-height:21px;margin:8px 0 12px;color:var(--deep);font-size:13px}.foods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.foods button{min-width:0;padding:13px 4px 11px;border:2px solid #ffe0e8;border-radius:22px;background:#fff;color:var(--ink);font-size:12px;box-shadow:0 5px 0 #f6d6df}.foods span{display:block;font-size:28px;margin-bottom:5px}.summary{margin:20px 0;padding:7px 17px;background:#fff0f4;border:2px dashed #f7a9be;border-radius:24px;text-align:left}.summary p{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:10px 0;border-bottom:1px solid #f7ced9;font-size:14px}.summary p:last-child{border:0}.summary span{color:#b8798b;font-size:12px}.summary b{text-align:right;white-space:nowrap}.success{margin:14px 0 0;color:var(--pink);font-size:14px}.again{margin-top:15px;border:0;background:none;color:#a8838d;text-decoration:underline}.floaty{position:fixed;bottom:-40px;z-index:10;pointer-events:none;font-size:24px;animation:up 6s linear forwards}@keyframes up{from{transform:translateY(0);opacity:0}10%{opacity:.85}to{transform:translateY(-110vh) rotate(35deg);opacity:0}}@media(max-width:420px){.shell{padding:22px 10px}.card{min-height:610px;padding:46px 18px 36px;border-radius:38px}.card:after{border-radius:29px}h1{font-size:30px}.input-wrap{padding:10px 11px 12px}.input-wrap input{font-size:16px;padding:7px 8px}.summary b{font-size:13px}}