:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,sans-serif}body{background:linear-gradient(#fff7ed,#ffe4e6)}.container{flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100vh;padding:20px;display:flex}.footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffa6;border:1px solid #ff4d6d33;border-radius:999px;align-items:center;gap:14px;padding:12px 24px;display:flex;box-shadow:0 4px 20px #ff006e14}.footer-line{background:linear-gradient(90deg,#0000,#ff8fab,#0000);border-radius:2px;width:28px;height:2px}.footer-text{color:#666;letter-spacing:.3px;white-space:nowrap;font-size:13px}.footer-heart{color:#ff006e;animation:1.4s ease-in-out infinite heartbeat;display:inline-block}.footer-name{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#ff006e,#ff4d6d,#ff8fab);-webkit-background-clip:text;background-clip:text;font-weight:700;text-decoration:none;transition:opacity .2s}.footer-name:hover{opacity:.75}@keyframes heartbeat{0%,to{transform:scale(1)}15%{transform:scale(1.25)}30%{transform:scale(1)}45%{transform:scale(1.15)}}.card{text-align:center;background:#fff;border-radius:24px;width:100%;max-width:420px;padding:30px;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000001a}.title{color:#ff4d6d;margin-bottom:10px;font-size:32px;font-weight:700}.subtitle{color:#666;margin-bottom:30px;font-size:15px}.icecream-wrapper{flex-direction:column;align-items:center;width:180px;height:320px;margin:auto;display:flex;position:relative}.chocobar{background:linear-gradient(145deg,#8b4513,#4a2404 45%,#2d1503);border-radius:64px;width:128px;height:228px;padding:4px;transition:box-shadow .3s,transform .3s;animation:2s infinite bounce;position:relative;box-shadow:0 12px 28px #4a240459,inset 0 2px 4px #ffffff26}.chocobar--active{animation:2s infinite bounce,1.5s ease-in-out infinite chocobar-glow}.chocobar-shell{background:linear-gradient(165deg,#6b3410 0%,#5c2c06 25%,#4a2404 55%,#3d1e03 100%);border-radius:60px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 8px 16px #00000059,inset 0 -4px 8px #ffffff0f}.chocobar-texture{opacity:.2;pointer-events:none;z-index:2;background-image:radial-gradient(circle at 20% 30%,#5a2d0ae6 2px,#0000 2.5px),radial-gradient(circle at 65% 18%,#3c1e08d9 1.5px,#0000 2px),radial-gradient(circle at 40% 55%,#64320ccc 2px,#0000 2.5px),radial-gradient(circle at 78% 48%,#46230ad9 1.5px,#0000 2px),radial-gradient(circle at 30% 75%,#552a0acc 2px,#0000 2.5px),radial-gradient(circle at 55% 82%,#371c08e6 1.5px,#0000 2px);background-size:100% 100%;position:absolute;inset:0}.choco-chips{pointer-events:none;position:absolute;inset:0}.choco-chips--shell{z-index:3}.choco-chips--fill{z-index:2}.choco-chip{filter:drop-shadow(0 2px 3px #00000080);display:block;position:absolute}.choco-chip-body{clip-path:polygon(50% 2%,88% 32%,96% 58%,72% 96%,50% 90%,28% 96%,4% 58%,12% 32%);position:absolute;inset:0}.choco-chip--dark .choco-chip-body{background:radial-gradient(45% 35% at 32% 22%,#ffd29b80 0%,#0000 100%),radial-gradient(30% 25% at 68% 55%,#00000040 0%,#0000 100%),linear-gradient(155deg,#7a4518 0%,#5c2c06 22%,#3d1e03 50%,#2a1202 78%,#150a02 100%);box-shadow:inset 2px 3px 5px #ffd2a033,inset -2px -4px 6px #00000073}.choco-chip--light .choco-chip-body{background:radial-gradient(50% 40% at 35% 20%,#ffe1b9a6 0%,#0000 100%),radial-gradient(28% 22% at 70% 60%,#0000002e 0%,#0000 100%),linear-gradient(150deg,#8b5a2b 0%,#6b3a12 25%,#4a2404 55%,#321808 100%);box-shadow:inset 2px 3px 6px #ffe6be40,inset -2px -3px 5px #00000059}.choco-chip-highlight{pointer-events:none;background:radial-gradient(#fff0d2bf 0%,#ffdcaa4d 45%,#0000 70%);border-radius:50%;width:42%;height:28%;position:absolute;top:12%;left:20%;transform:rotate(-12deg)}.choco-chip-ridge{pointer-events:none;opacity:.7;background:linear-gradient(90deg,#0000,#ffc88c26 20%,#ffdcaa59 50%,#ffc88c26 80%,#0000);border-radius:2px;width:64%;height:3px;position:absolute;top:38%;left:18%;transform:rotate(-5deg)}.choco-chips--fill .choco-chip{filter:drop-shadow(0 1px 3px #0000008c)}.choco-chips--fill .choco-chip--dark .choco-chip-body{background:radial-gradient(40% 30% at 30% 20%,#ffc39159 0%,#0000 100%),linear-gradient(160deg,#5c2c06 0%,#3d1e03 40%,#1f0f02 75%,#0d0602 100%)}.choco-chips--fill .choco-chip--light .choco-chip-body{background:radial-gradient(45% 35% at 32% 18%,#ffd2a066 0%,#0000 100%),linear-gradient(155deg,#6b3a12 0%,#4a2404 45%,#2d1503 100%)}.chocobar-shine{filter:blur(1px);pointer-events:none;z-index:5;background:linear-gradient(#ffffff59,#ffffff14 60%,#0000);border-radius:30px;width:28px;height:90px;position:absolute;top:10px;left:14px}.chocobar-drip{z-index:5;background:linear-gradient(#5c2c06,#4a2404);border-radius:0 0 10px 10px;width:18px;height:14px;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:-22px 0 0 -4px #5c2c06,22px 0 0 -4px #5c2c06}.fill{z-index:1;background:linear-gradient(#ff8fab 0%,#ff4d6d 35%,#ff006e 65%,#d9045c 100%);width:100%;transition:height .2s;position:absolute;bottom:0;left:0;overflow:hidden}.fill-surface{width:120%;height:14px;position:absolute;top:-6px;left:-10%;overflow:hidden}.fill-wave{background:radial-gradient(#ffc8dcb3 0%,#ff8fab66 40%,#0000 70%);width:200%;height:100%;animation:2.5s linear infinite fill-wave}.fill-shimmer{pointer-events:none;background:linear-gradient(105deg,#0000 30%,#ffffff2e 50%,#0000 70%) 0 0/200% 100%;animation:3s ease-in-out infinite fill-shimmer;position:absolute;inset:0}.fill-bubbles{pointer-events:none;background-image:radial-gradient(circle at 25% 70%,#ffffff40 3px,#0000 3.5px),radial-gradient(circle at 60% 40%,#fff3 2px,#0000 2.5px),radial-gradient(circle at 80% 65%,#ffffff2e 2.5px,#0000 3px);animation:4s ease-in-out infinite bubble-rise;position:absolute;inset:0}.stick{background:linear-gradient(#e8c896,#deb887 30%,#c68642 70%,#a0682a);border:4px solid #b87333;border-top:none;border-radius:0 0 19px 19px;width:38px;height:92px;margin-top:-4px;position:relative;overflow:hidden;box-shadow:inset -3px 0 6px #0000001f,inset 3px 0 4px #ffffff26,0 6px 12px #8b5a2b4d}.stick-grain{opacity:.6;background:repeating-linear-gradient(90deg,#0000,#0000 6px,#8b5a2b26 6px 7px);position:absolute;inset:0}.icecream-shadow{pointer-events:none;background:radial-gradient(#4a240440,#0000 70%);border-radius:50%;width:100px;height:12px;position:absolute;bottom:0}@keyframes chocobar-glow{0%,to{box-shadow:0 12px 28px #4a240459,0 0 #ff006e4d,inset 0 2px 4px #ffffff26}50%{box-shadow:0 12px 28px #4a240459,0 0 24px 4px #ff006e40,inset 0 2px 4px #ffffff26}}@keyframes fill-wave{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes fill-shimmer{0%,to{background-position:200% 0}50%{background-position:-200% 0}}@keyframes bubble-rise{0%,to{opacity:.7;transform:translateY(0)}50%{opacity:1;transform:translateY(-6px)}}.meter{background:#eee;border-radius:20px;width:100%;height:16px;margin-top:30px;overflow:hidden}.meter-fill{background:linear-gradient(90deg,#ff758f,#ff006e);height:100%;transition:width .2s}.score{color:#ff006e;margin-top:18px;font-size:22px;font-weight:700}.discount{color:#2a9d8f;margin-top:12px;font-size:28px;font-weight:700}.btn{color:#fff;cursor:pointer;background:#ff006e;border:none;border-radius:999px;margin-top:25px;padding:14px 24px;font-size:16px;font-weight:700;transition:all .3s}.btn:hover:not(:disabled){background:#d9045c;transform:scale(1.05)}.btn:disabled{cursor:not-allowed;opacity:.85}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.splash{z-index:100;background:linear-gradient(#fff7ed,#ffe4e6);justify-content:center;align-items:center;transition:opacity .6s,visibility .6s;display:flex;position:fixed;inset:0}.splash--entering,.splash--visible{opacity:1;visibility:visible}.splash--exiting{opacity:0;visibility:hidden;pointer-events:none}.splash-backdrop{pointer-events:none;position:absolute;inset:0;overflow:hidden}.splash-sparkle{opacity:0;background:#ff8fab;border-radius:50%;width:8px;height:8px;animation:2.4s ease-in-out infinite splash-sparkle;position:absolute}.splash-sparkle--1{animation-delay:0s;top:18%;left:22%}.splash-sparkle--2{animation-delay:.6s;top:28%;right:18%}.splash-sparkle--3{animation-delay:1.2s;bottom:32%;left:16%}.splash-sparkle--4{animation-delay:1.8s;bottom:22%;right:24%}.splash-content{z-index:1;text-align:center;max-width:360px;padding:24px;position:relative}.splash-icon-wrap{justify-content:center;align-items:center;width:120px;height:120px;margin:0 auto 24px;display:flex;position:relative}.splash-icon{filter:drop-shadow(0 8px 16px #ff006e40);font-size:72px;line-height:1;animation:1.2s ease-in-out infinite splash-icon-bounce;display:block}.splash-icon-ring{border:3px solid #ff006e40;border-radius:50%;animation:1.6s ease-out infinite splash-ring-pulse;position:absolute;inset:0}.splash-badge{color:#fff;letter-spacing:.5px;text-transform:uppercase;background:linear-gradient(90deg,#ff758f,#ff006e);border-radius:999px;margin-bottom:16px;padding:6px 14px;font-size:12px;font-weight:700;animation:.6s .3s both splash-fade-up;display:inline-block;box-shadow:0 4px 14px #ff006e4d}.splash-headline{color:#ff4d6d;margin-bottom:12px;font-size:32px;font-weight:700;animation:.6s .5s both splash-fade-up}.splash-offer{color:#2a9d8f;margin-bottom:10px;font-size:26px;font-weight:800;animation:.6s .7s both splash-fade-up}.splash-subtext{color:#666;font-size:15px;animation:.6s .9s both splash-fade-up}.app-content{transition:opacity .6s .1s}.app-content--hidden{opacity:0}.app-content--visible{opacity:1}@keyframes splash-icon-bounce{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-14px)scale(1.06)}}@keyframes splash-ring-pulse{0%{opacity:.8;transform:scale(.85)}70%{opacity:0;transform:scale(1.15)}to{opacity:0;transform:scale(1.15)}}@keyframes splash-fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes splash-sparkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:.8;transform:scale(1.2)}}