html{overflow:hidden;height:-webkit-fill-available}body{margin:0;padding:20px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;height:-webkit-fill-available;background-color:#f4f4f9;font-family:Jura,sans-serif;font-weight:600;gap:15px;position:fixed;width:100%;top:0;left:0;overflow:hidden}.robot-wrapper{width:100%;flex:0 1 auto;min-height:280px;display:flex;align-items:center;justify-content:center;perspective:1200px;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.robot-inner{position:relative;width:100%;max-width:300px;aspect-ratio:4 / 3;max-height:100%;display:flex;justify-content:center;align-items:center;transform-origin:center bottom;transform-style:preserve-3d}.robot-btn{background:none;border:none;padding:0;cursor:pointer;outline:none;display:block;width:100%;height:100%;transform-style:preserve-3d;--rx: 0deg;--ry: 0deg;--scale: 1;transform:rotateX(var(--rx)) rotateY(var(--ry)) scale(var(--scale));transition:transform .1s linear,filter .2s}.robot-btn:hover{--scale: 1.05}.robot-btn:active{--scale: .95}.robot-btn svg{width:100%;height:100%;display:block;overflow:visible}#robot-face{transform-origin:300px 240px;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.robot-base{filter:drop-shadow(1px 0px 0px #cbd5e1) drop-shadow(2px 0px 0px #94a3b8) drop-shadow(3px 0px 0px #64748b) drop-shadow(5px 0px 15px rgba(0,0,0,.25))}@keyframes eyeZoom{0%,92%,to{transform:scale(1)}96%{transform:scale(0)}}.eye-inner{transform-origin:center;transform-box:fill-box;animation:eyeZoom 10s infinite;transition:opacity .3s}.eye-inner ellipse{transition:fill .1s ease-out,filter .1s ease-out}.hypno-spiral{opacity:0;transform-origin:0 0;transition:opacity .3s}@keyframes hypnoSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes waveJump{0%,88%,to{transform:scaleY(1)}90%{transform:scaleY(2.2)}91%{transform:scaleY(.2)}92%{transform:scaleY(2.5)}93%{transform:scaleY(.1)}94%{transform:scaleY(2)}95%{transform:scaleY(.4)}96%{transform:scaleY(1.5)}}.signal-wave-left{transform-origin:150px 340px;animation:waveJump 4s infinite}.signal-wave-right{transform-origin:440px 340px;animation:waveJump 4s infinite;animation-delay:.32s}@keyframes earPulse{0%,85%,to{transform:scale(1)}92.5%{transform:scale(1.15)}96%{transform:scale(.98)}}.ear-left{transform-origin:120px 185px;animation:earPulse 4s infinite ease-in-out}.ear-right{transform-origin:480px 185px;animation:earPulse 4s infinite ease-in-out}.robot-wrapper.hypnotized .eye-inner{opacity:0;animation:none}.robot-wrapper.hypnotized .hypno-spiral{opacity:1;animation:hypnoSpin .6s linear infinite}@keyframes subtleWobble{0%{transform:rotate(0)}25%{transform:rotate(-.8deg)}50%{transform:rotate(.8deg)}75%{transform:rotate(-.3deg)}to{transform:rotate(0)}}.wobbling{animation:subtleWobble 1.5s ease-in-out}#receipt-paper{transition:transform .5s cubic-bezier(.34,1.56,.64,1) .2s,opacity .2s}.robot-wrapper.thinking-paper #receipt-paper{transform:translateY(-25px);transition:transform .3s ease-in 0s}.robot-wrapper.thinking-food #receipt-paper{transform:translateY(-90px);transition:transform .3s ease-in 0s}#food-emoji{transition:transform .5s cubic-bezier(.34,1.56,.64,1),opacity .2s}.robot-wrapper.thinking-food #food-emoji{transform:translateY(-80px);transition:transform .3s ease-in}.mouth-chew{transform-origin:288px 320px}.robot-wrapper.thinking .mouth-chew,.robot-wrapper.speaking .mouth-chew{animation:chew .8s ease-in-out infinite}@keyframes chew{0%{transform:scaleY(1)}16%{transform:scaleY(.6)}33%{transform:scaleY(1)}50%{transform:scaleY(.6)}66%{transform:scaleY(1)}83%{transform:scaleY(.6)}to{transform:scaleY(1)}}.speech-bubble{position:absolute;bottom:calc(82.2% + 24px);left:50%;background-color:#fff;border:2.5px solid black;border-radius:20px;padding:15px 25px;font-weight:800;font-size:14px;color:#000;text-align:center;width:max-content;max-width:280px;z-index:10;pointer-events:auto;opacity:0;transform-origin:bottom center;transform:translate(-50%,10px) scale(.9) translateZ(30px);transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.speech-bubble.active{opacity:1;transform:translate(-50%) scale(1) translateZ(30px)}.speech-bubble:after{content:"";position:absolute;bottom:-16px;left:50%;transform:translate(-50%);border-width:14px 12px 0 12px;border-style:solid;border-color:black transparent transparent transparent}.speech-bubble:before{content:"";position:absolute;bottom:-13px;left:50%;transform:translate(-50%);border-width:14px 10px 0 10px;border-style:solid;border-color:white transparent transparent transparent;z-index:1}.controls-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:380px;padding-bottom:5px;z-index:20;position:relative}#default-controls{display:flex;flex-direction:column;gap:10px;width:100%}#target-menu{display:none;flex-direction:column;gap:10px;width:100%;background-color:#fff;border:4px solid black;border-radius:12px;padding:12px;box-shadow:4px 4px #000;box-sizing:border-box;overflow-y:auto;max-height:50vh;position:relative}.action-row{display:flex;width:100%;gap:10px}input[type=text]{width:100%;box-sizing:border-box;padding:12px 10px;border:3px solid black;border-radius:8px;font-family:inherit;font-weight:700;font-size:16px;outline:none;background:#fff;appearance:none}.btn-common{border:3px solid black;border-radius:8px;cursor:pointer;font-weight:900;box-shadow:3px 3px #000;transition:all .1s;text-transform:uppercase}.btn-common:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px #000}.btn-common:disabled{cursor:not-allowed;opacity:.7}.send-btn{background-color:#4facfe;padding:12px 15px;flex-grow:1;font-size:16px}.eat-btn{background-color:#ff2a00;color:#fff;font-size:16px;padding:12px 15px;flex-grow:1}.pin-btn{background-color:#8b5cf6;color:#fff;font-size:20px;padding:0 20px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.play-btn{background-color:#39ff14;color:#000;font-size:16px;padding:12px 20px;width:100%}.google-btn{background-color:#fca311;color:#000;font-size:14px;padding:12px 20px;width:100%;display:flex;align-items:center;justify-content:center;gap:10px;border-color:#000}.google-btn svg{width:18px;height:18px}.profile-btn{background-color:#1e293b;color:#fff;font-size:14px;padding:12px 20px;width:100%;display:none;align-items:center;justify-content:center;gap:8px}.menu-header{font-size:12px;color:#64748b;text-align:center;text-transform:uppercase;letter-spacing:1px;margin-bottom:2px;font-weight:900}.loc-btn{position:relative;padding:8px 10px;width:100%;box-sizing:border-box;letter-spacing:.5px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.back-to-chat-btn{background-color:#cbd5e1!important;color:#000!important;padding:10px!important;margin-top:5px}.history-item{border:2px solid black;border-radius:8px;padding:12px;margin-bottom:8px;background:#fff;text-align:left}.loading-dots:after{content:"...";animation:dots 1s steps(5,end) infinite}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%{content:"..."}80%,to{content:""}}.zone-badge{display:flex;align-items:center;justify-content:space-between;background-color:#fff;border:3px solid black;border-radius:8px;padding:8px 12px;font-weight:900;font-size:14px;color:#000;width:100%;box-sizing:border-box;cursor:pointer;box-shadow:2px 2px #000;transition:all .1s}.zone-badge:active{transform:translate(2px,2px);box-shadow:0 0 #000}.zone-badge-label{color:#64748b;font-size:11px;margin-right:8px;font-weight:800;letter-spacing:1px}.zone-badge-val{color:#8b5cf6;font-size:16px;font-weight:900}.expand-btn{position:absolute;top:6px;right:12px;background:none;border:none;cursor:pointer;color:#64748b;padding:5px;z-index:101;transition:color .2s}.expand-btn:hover{color:#000}.close-btn{position:absolute;top:10px;right:15px;background:#000;color:#fff;border:3px solid white;border-radius:50%;width:36px;height:36px;font-size:16px;font-weight:900;cursor:pointer;display:none;align-items:center;justify-content:center;z-index:101;box-shadow:0 4px 6px #0000004d;transition:transform .1s}.close-btn:active{transform:scale(.9)}body.menu-expanded .expand-btn{display:none}body.menu-expanded .close-btn{display:flex}@keyframes slideUpFullscreen{0%{transform:translate(-50%,100%)}to{transform:translate(-50%)}}body.menu-expanded #target-menu{position:fixed;bottom:0;left:50%;width:100vw;max-width:600px;height:calc(100vh - 180px);max-height:none;border-radius:24px 24px 0 0;border-bottom:none;box-shadow:0 -15px 40px #0006;z-index:100;margin:0;padding-top:25px;animation:slideUpFullscreen .35s cubic-bezier(.175,.885,.32,1) forwards}body.menu-expanded .robot-wrapper{position:fixed;top:20px;left:60%;transform:translate(-50%) scale(.85);z-index:10;min-height:0}body.menu-expanded .speech-bubble{z-index:110;inset:40% 95% auto auto;transform-origin:right center;transform:translateY(-50%) scale(.9) translateZ(30px)}body.menu-expanded .speech-bubble.active{transform:translateY(-50%) scale(1) translateZ(30px)}body.menu-expanded .speech-bubble:after{inset:50% -14px auto auto;transform:translateY(-50%);border-width:12px 0 12px 14px;border-style:solid;border-color:transparent transparent transparent black}body.menu-expanded .speech-bubble:before{inset:50% -11px auto auto;transform:translateY(-50%);border-width:10px 0 10px 14px;border-style:solid;border-color:transparent transparent transparent white}