*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation}html,body,#root{width:100%;height:100%;background:#fff1b3;overscroll-behavior:none}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#root{position:fixed;inset:0;height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center;overflow:hidden}.app{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;background:#fff1b3}@media(min-width:640px){.app{width:min(100%,460px);height:min(100dvh,920px);border-radius:36px;box-shadow:0 24px 70px #0000002e}}.donate-btn-wrap{position:absolute;bottom:max(-8px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);z-index:40;pointer-events:auto}.settings-dot{position:absolute;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));width:36px;height:36px;border-radius:50%;background:#00000014;z-index:100;display:flex;align-items:center;justify-content:center;color:#0006;cursor:pointer}.settings-dot svg{width:20px;height:20px}.prompt-text{position:absolute;top:12%;font-size:clamp(1.4rem,6vw,2.2rem);font-weight:700;color:#7e3b26;text-align:center;animation:gentle-bounce 2s ease-in-out infinite}@keyframes gentle-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.bite-counter{position:absolute;top:12%;font-size:clamp(1.2rem,5vw,1.8rem);font-weight:700;color:#8d6e63;opacity:.7}.character{position:relative;width:min(65vw,65vh,280px);height:min(78vw,76vh,330px);display:flex;align-items:center;justify-content:center;animation:idle-bounce 2.5s ease-in-out infinite}@keyframes idle-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.character.dancing{animation:dance .5s ease-in-out infinite}@keyframes dance{0%{transform:translateY(0) rotate(0) scale(1)}25%{transform:translateY(-15px) rotate(-8deg) scale(1.05)}50%{transform:translateY(-5px) rotate(0) scale(1)}75%{transform:translateY(-15px) rotate(8deg) scale(1.05)}to{transform:translateY(0) rotate(0) scale(1)}}.character-body{width:min(56vw,56vh,240px);height:min(56vw,56vh,240px);background:#5bd6a0;border:clamp(3px,1.4vw,5px) solid #7E3B26;border-radius:50%;position:relative;z-index:1;box-shadow:inset -10px -14px #00000012,inset 14px 18px #ffffff4d,0 10px 22px #0000001f}.character-body.wiggle{animation:wiggle .3s ease-in-out}@keyframes wiggle{0%{transform:rotate(0)}25%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}75%{transform:rotate(-3deg)}to{transform:rotate(0)}}.antenna{position:absolute;top:-10%;left:50%;transform:translate(-50%);width:2%;height:12%;background:#7e3b26;border-radius:9999px}.bobble{position:absolute;top:-22%;left:50%;width:12%;aspect-ratio:1;background:#ff5a2e;border:clamp(2px,1.2vw,3px) solid #7E3B26;border-radius:50%;transform:translate(-50%);transform-origin:bottom center;box-shadow:inset -3px -3px #00000026,inset 4px 4px #ffffff59;animation:bobble-wobble 1.6s ease-in-out infinite}@keyframes bobble-wobble{0%,to{transform:translate(-50%) rotate(0)}25%{transform:translate(-50%) rotate(-10deg)}75%{transform:translate(-50%) rotate(10deg)}}.brow{position:absolute;top:12%;width:12%;height:3.5%;background:#7e3b26;border-radius:9999px;animation:brow-raise 4s ease-in-out infinite}.brow-left{left:24%;--r: -12deg;transform:rotate(-12deg)}.brow-right{right:24%;--r: 12deg;transform:rotate(12deg)}@keyframes brow-raise{0%,to{transform:translateY(0) rotate(var(--r, 0deg))}30%{transform:translateY(-3px) rotate(var(--r, 0deg))}}.eye{position:absolute;top:22%;width:17%;height:19%;background:#fff;border:clamp(2px,1.2vw,3px) solid #7E3B26;border-radius:50%;overflow:hidden;animation:blink 4s ease-in-out infinite}.eye-left{left:26%}.eye-right{right:26%}.eye.wide{width:20%;height:23%;transition:width .3s ease,height .3s ease}.pupil{position:absolute;top:18%;left:15%;width:47%;height:53%;background:#241a17;border-radius:50%;animation:look 5s ease-in-out infinite}.shine{position:absolute;top:12%;left:16%;width:36%;height:28%;background:#fff;border-radius:50%}.shine.tiny{top:56%;left:58%;width:16%;height:12%}@keyframes blink{0%,92%,to{transform:scaleY(1)}96%{transform:scaleY(.08)}}@keyframes look{0%,40%{transform:translate(0)}45%,55%{transform:translate(22%,8%)}60%,to{transform:translate(0)}}.cheek{position:absolute;top:39%;width:12%;height:8%;background:#ff8a95;border-radius:50%;opacity:.75}.cheek-left{left:8%}.cheek-right{right:8%}.mouth{position:absolute;top:48%;left:50%;transform:translate(-50%);width:27%;height:13%;background:#7e3b26;border:clamp(2px,1.2vw,3px) solid #7E3B26;border-radius:0 0 50% 50%/0 0 90% 90%;overflow:hidden;transition:width .3s var(--ease-spring, cubic-bezier(.34, 1.56, .64, 1)),height .3s var(--ease-spring, cubic-bezier(.34, 1.56, .64, 1)),border-radius .3s ease}.mouth.happy{height:15%}.mouth.big{width:32%;height:18%}.mouth.surprised{width:13%;height:14%;border-radius:50%}.mouth.surprised .tooth,.mouth.surprised .tongue{opacity:0}.tooth{position:absolute;top:0;width:13%;height:26%;background:#fff;border-radius:0 0 3px 3px}.tooth-left{left:18%}.tooth-right{right:18%}.tongue{position:absolute;bottom:-8%;left:50%;transform:translate(-50%);width:56%;height:54%;background:#ff8a95;border-radius:50%}.arm{position:absolute;top:50%;width:16%;height:26%;background:#5bd6a0;border:clamp(2px,1.2vw,3px) solid #7E3B26;border-radius:9999px;z-index:0}.arm-left{left:-8%;transform-origin:top center;animation:arm-sway-l 1.8s ease-in-out infinite}.arm-right{right:-8%;transform-origin:top center;animation:arm-sway-r 1.8s ease-in-out infinite}.hand{position:absolute;bottom:-18%;left:50%;transform:translate(-50%);width:78%;aspect-ratio:1;background:#5bd6a0;border:clamp(2px,1.2vw,3px) solid #7E3B26;border-radius:50%}@keyframes arm-sway-l{0%,to{transform:rotate(20deg)}50%{transform:rotate(8deg)}}@keyframes arm-sway-r{0%,to{transform:rotate(-20deg)}50%{transform:rotate(-8deg)}}.dancing .arm-left{animation:wave-left .4s ease-in-out infinite alternate}.dancing .arm-right{animation:wave-right .4s ease-in-out infinite alternate}@keyframes wave-left{0%{transform:rotate(20deg)}to{transform:rotate(-30deg)}}@keyframes wave-right{0%{transform:rotate(-20deg)}to{transform:rotate(30deg)}}.foot{position:absolute;bottom:-6%;width:22%;height:11%;background:#7e3b26;border-radius:50%;box-shadow:inset 0 -3px #0000002e;z-index:2}.foot-left{left:22%}.foot-right{right:22%}.belly-container{position:absolute;bottom:7%;left:50%;transform:translate(-50%);width:54%;height:28%}.belly-window{position:absolute;inset:0;background:#fff;border:clamp(2px,1.2vw,3px) solid #7E3B26;border-radius:50%;overflow:hidden;box-shadow:inset 0 -4px #0000000f}.belly-fill{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,#ff5a2e,#ff9800,#ffd54f);border-radius:0 0 50% 50%;transition:height .4s cubic-bezier(.34,1.56,.64,1)}.belly-fill:after{content:"";position:absolute;top:12%;left:16%;width:18%;height:16%;background:#ffffffb3;border-radius:50%}.ground-shadow{position:absolute;bottom:2%;left:50%;transform:translate(-50%);width:52%;height:4%;background:#0000001a;border-radius:50%;filter:blur(2px);z-index:0;animation:shadow-bob 2.5s ease-in-out infinite}@keyframes shadow-bob{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(.92)}}.sparkle{position:absolute;width:clamp(10px,3vw,16px);height:clamp(10px,3vw,16px);pointer-events:none;z-index:3;animation:sparkle-pop 2.4s ease-in-out infinite}.sparkle:before,.sparkle:after{content:"";position:absolute;left:50%;top:50%;background:#ffd54f;border-radius:2px;transform:translate(-50%,-50%)}.sparkle:before{width:100%;height:22%}.sparkle:after{width:22%;height:100%}.sparkle.s1{top:6%;left:10%;animation-delay:0s}.sparkle.s2{top:15%;right:8%;animation-delay:.6s}.sparkle.s3{top:50%;right:2%;animation-delay:1.2s}.sparkle.s3:before,.sparkle.s3:after{background:#ff5a2e}.sparkle.s4{top:42%;left:2%;animation-delay:1.8s}.sparkle.s4:before,.sparkle.s4:after{background:#23c6e6}@keyframes sparkle-pop{0%,to{transform:scale(0) rotate(0)}50%{transform:scale(1) rotate(45deg)}}.food-emoji{position:absolute;font-size:2rem;pointer-events:none;z-index:50;animation:float-up .8s ease-out forwards;transform:translate(-50%,-50%)}@keyframes float-up{0%{opacity:1;transform:translate(-50%,-50%) scale(1) translateY(0) translate(0)}to{opacity:0;transform:translate(-50%,-50%) scale(.4) translateY(-130px) translate(var(--drift, 0px))}}.tap-particles{position:absolute;pointer-events:none;z-index:49}.particle{position:absolute;border-radius:50%;animation:particle-burst .5s ease-out forwards;transform:translate(-50%,-50%)}@keyframes particle-burst{0%{opacity:1;transform:translate(-50%,-50%) rotate(var(--angle)) translate(0)}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--angle)) translate(var(--distance))}}.celebration-overlay{position:absolute;inset:0;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:15%;pointer-events:none}.confetti-canvas{position:absolute;inset:0;width:100%;height:100%}.celebration-text{text-align:center;z-index:201;animation:celebration-pop .5s cubic-bezier(.34,1.56,.64,1) forwards;text-shadow:0 2px 8px rgba(0,0,0,.1)}.celebration-main{font-size:clamp(2.5rem,12vw,5rem);font-weight:900;background:linear-gradient(90deg,#ff5722,#ff9800,#ffeb3b,#4caf50,#2196f3,#9c27b0);background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:rainbow-slide 2s linear infinite;text-shadow:none}.celebration-sub{font-size:clamp(1.2rem,5vw,2rem);font-weight:700;color:#7e3b26;margin-top:8px}@keyframes celebration-pop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes rainbow-slide{0%{background-position:0% 50%}to{background-position:300% 50%}}.play-again-btn{position:absolute;bottom:15%;z-index:300;padding:16px 48px;font-size:clamp(1.2rem,5vw,1.6rem);font-weight:700;color:#fff;background:#ff5a2e;border:none;border-radius:50px;cursor:pointer;box-shadow:0 6px 20px #ff5a2e66;animation:pulse-btn 1.5s ease-in-out infinite;pointer-events:auto}.play-again-btn:active{transform:scale(.95)}@keyframes pulse-btn{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.settings-overlay{position:absolute;inset:0;background:#0006;z-index:500;display:flex;align-items:center;justify-content:center}.settings-panel{background:#fff;border-radius:24px;padding:32px;text-align:center;box-shadow:0 12px 40px #0003;min-width:260px}.settings-title{font-size:1.4rem;font-weight:700;color:#7e3b26;margin-bottom:20px}.settings-slider-row{width:100%;margin-bottom:24px}.settings-slider-value{display:block;text-align:center;font-size:2.5rem;font-weight:700;color:#ff5a2e;margin-bottom:8px;line-height:1}.settings-slider{width:100%;-webkit-appearance:none;appearance:none;height:8px;border-radius:4px;background:#e0e0e0;outline:none;cursor:pointer}.settings-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:28px;height:28px;border-radius:50%;background:#ff5a2e;cursor:pointer}.settings-slider::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:#ff5a2e;cursor:pointer;border:none}.settings-slider-labels{display:flex;justify-content:space-between;font-size:.8rem;color:#aaa;margin-top:4px}.settings-done{padding:12px 40px;font-size:1.1rem;font-weight:700;color:#fff;background:#5bd6a0;border:none;border-radius:50px;cursor:pointer}.scan-config-backdrop{position:absolute;inset:0;background:#0000004d;z-index:300;display:flex;align-items:flex-end}.scan-config-sheet{width:100%;background:#fff;border-radius:24px 24px 0 0;padding:12px 24px 40px;animation:sheet-slide-up .3s cubic-bezier(.34,1.2,.64,1);text-align:center}@keyframes sheet-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.scan-config-handle{width:40px;height:4px;background:#e0e0e0;border-radius:2px;margin:0 auto 16px}.scan-config-title{font-size:clamp(1.1rem,4.5vw,1.5rem);font-weight:700;color:#7e3b26;margin-bottom:12px}.scan-now-btn{margin-top:20px;padding:16px 48px;font-size:clamp(1.1rem,5vw,1.5rem);font-weight:700;color:#fff;background:linear-gradient(135deg,#23c6e6,#1aa7c9);border:none;border-radius:50px;cursor:pointer;box-shadow:0 4px 16px #23c6e666;width:100%;max-width:280px}.settings-divider{width:100%;height:1px;background:#e0e0e0;margin:20px 0}.settings-subtitle{font-size:1.2rem;font-weight:700;color:#7e3b26;margin-bottom:16px}.settings-label{font-size:.85rem;font-weight:600;color:#a1887f;margin-bottom:8px;margin-top:12px;text-transform:uppercase;letter-spacing:.05em}.settings-pills{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:8px}.settings-pill{padding:8px 14px;border-radius:20px;border:2px solid #E0E0E0;background:#fff;font-size:.85rem;font-weight:600;color:#7e3b26;cursor:pointer;transition:all .2s}.settings-pill.active{border-color:#23c6e6;background:#23c6e6;color:#fff}.scan-button{position:relative;margin-top:clamp(20px,5vh,48px);z-index:50;padding:14px 32px;font-size:clamp(1.1rem,4.5vw,1.4rem);font-weight:700;color:#fff;background:linear-gradient(135deg,#23c6e6,#1aa7c9);border:none;border-radius:50px;cursor:pointer;box-shadow:0 4px 16px #23c6e666;display:flex;align-items:center;gap:10px;animation:pulse-btn 1.5s ease-in-out infinite;pointer-events:auto}.scan-button:active{transform:scale(.95)}.scan-button svg{width:24px;height:24px}.scan-overlay{position:absolute;inset:0;z-index:200;background:#00143c33;display:flex;flex-direction:column;align-items:center;overflow:hidden;pointer-events:none}.scan-grid{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 29px,rgba(0,229,255,.08) 29px,rgba(0,229,255,.08) 30px),repeating-linear-gradient(90deg,transparent,transparent 29px,rgba(0,229,255,.08) 29px,rgba(0,229,255,.08) 30px);animation:grid-fade-in .5s ease-out}@keyframes grid-fade-in{0%{opacity:0}to{opacity:1}}.scan-text{position:absolute;top:10%;font-size:clamp(1.3rem,5.5vw,2rem);font-weight:700;color:#00e5ff;letter-spacing:.2em;text-transform:uppercase;text-shadow:0 0 20px rgba(0,229,255,.5);animation:text-pulse .8s ease-in-out infinite;z-index:210}@keyframes text-pulse{0%,to{opacity:1}50%{opacity:.5}}.scan-sweep{position:absolute;left:0;top:0;width:100%;height:4px;background:#00e5ff;box-shadow:0 0 20px #00e5ff,0 0 60px #00e5ff4d;animation:sweep-down 2s linear forwards;z-index:205}@keyframes sweep-down{0%{top:5%}to{top:95%}}.scan-blip{position:absolute;width:8px;height:8px;background:#00e5ff;border-radius:50%;box-shadow:0 0 8px #00e5ff;animation:blip-pop .5s ease-out forwards;z-index:206}@keyframes blip-pop{0%{transform:scale(0);opacity:1}50%{transform:scale(1.8);opacity:.8}to{transform:scale(0);opacity:0}}.scan-reticle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(40vw,160px);height:min(40vw,160px);border:3px solid #00E5FF;border-radius:50%;animation:reticle-in .3s cubic-bezier(.34,1.56,.64,1) forwards;box-shadow:0 0 20px #00e5ff66;z-index:207}.scan-reticle-inner{position:absolute;inset:12px;border:2px solid rgba(0,229,255,.5);border-radius:50%}@keyframes reticle-in{0%{transform:translate(-50%,-50%) scale(0);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.character-body.being-scanned{animation:scan-glow 1s ease-in-out infinite}@keyframes scan-glow{0%,to{box-shadow:inset -10px -14px #00000012,inset 14px 18px #ffffff4d,0 10px 22px #0000001f,0 0 20px #00e5ff40}50%{box-shadow:inset -10px -14px #00000012,inset 14px 18px #ffffff4d,0 10px 22px #0000001f,0 0 42px #00e5ff8c}}.scan-results-overlay{position:absolute;inset:0;z-index:200;background:#fff1b3f2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px}.scan-results-title{font-size:clamp(1.5rem,7vw,2.4rem);font-weight:900;color:#7e3b26;text-align:center;letter-spacing:.05em;animation:celebration-pop .5s cubic-bezier(.34,1.56,.64,1) forwards}.energy-bar-container{width:80%;max-width:300px;height:28px;background:#e0e0e0;border-radius:14px;overflow:hidden;box-shadow:inset 0 2px 4px #0000001a}.energy-bar-fill{height:100%;width:0%;border-radius:14px;transition:width 1s cubic-bezier(.25,.46,.45,.94)}.energy-bar-fill.low{background:linear-gradient(90deg,#ef5350,#ff8a80)}.energy-bar-fill.medium{background:linear-gradient(90deg,#ffa726,#ffd54f)}.energy-bar-fill.high{background:linear-gradient(90deg,#cddc39,#c6ff00)}.energy-bar-fill.full{background:linear-gradient(90deg,#66bb6a,#a5d6a7)}.energy-percent{font-size:clamp(2.5rem,10vw,4rem);font-weight:900;color:#7e3b26}.food-recommendation{text-align:center;animation:celebration-pop .5s cubic-bezier(.34,1.56,.64,1) .3s both}.food-emoji-large{font-size:clamp(3rem,14vw,5rem)}.food-label{font-size:clamp(1.1rem,4.5vw,1.6rem);font-weight:700;color:#7e3b26;text-transform:uppercase;letter-spacing:.05em;margin-top:4px}.got-it-btn{padding:16px 48px;font-size:clamp(1.2rem,5vw,1.6rem);font-weight:700;color:#fff;background:#ff5a2e;border:none;border-radius:50px;cursor:pointer;box-shadow:0 6px 20px #ff5a2e66;animation:pulse-btn 1.5s ease-in-out infinite;pointer-events:auto;margin-top:12px}.got-it-btn:active{transform:scale(.95)}