.loading-screen{height:auto;min-height:100svh;padding:32px 22px 40px;overflow:hidden;background:var(--paper)}
.loading-screen h1{margin:12px 0 0;letter-spacing:-1.3px;line-height:1.12}
.loading-screen .eyebrow{letter-spacing:2.6px;font-size:10px}
.meal-scene{position:relative;width:310px;max-width:100%;height:290px;flex-shrink:0;margin:12px 0 20px;perspective:800px;isolation:isolate}
.meal-halo{position:absolute;inset:20px -10px;background:radial-gradient(ellipse,#b9d87650,transparent 68%);border-radius:50%;animation:meal-breathe 4s ease-in-out infinite}
.meal-ring{position:absolute;inset:40px 8px;border:1px solid #94b66350;border-radius:50%;transform:rotateX(58deg) rotateZ(-24deg);box-shadow:0 0 25px #bad98b18,inset 0 0 20px #bad98b18}
.meal-plate{position:absolute;left:50%;top:50%;width:174px;height:174px;margin:-87px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 25%,#fffef5,#ececda 65%,#d2d9bc 68%,#f9f8ea 72%);box-shadow:0 18px 28px -16px #162b3860,inset 0 2px 3px #fff;transform:rotateX(12deg);animation:meal-plate-float 5s ease-in-out infinite}
.meal-plate .brand-logo-img{width:133px;height:108px;object-fit:contain;filter:drop-shadow(0 5px 3px #10241c18)}
.meal-food{position:absolute;width:112px;height:112px;will-change:transform;filter:drop-shadow(0 14px 9px #14281e26)}
.meal-food img{display:block;width:100%;height:100%;object-fit:contain}
.food-0{left:0;top:30px;animation:meal-tomato 5.6s ease-in-out infinite}
.food-1{right:0;top:14px;width:120px;height:120px;animation:meal-corn 6.2s ease-in-out infinite}
.food-2{right:25px;bottom:0;width:126px;height:126px;animation:meal-avocado 5s ease-in-out infinite}
.meal-spark{position:absolute;width:7px;height:7px;background:#a7bf67;border-radius:50%;animation:meal-breathe 3s ease-in-out infinite}
.spark-one{left:38px;bottom:57px}.spark-two{right:16px;top:145px;width:4px;height:4px;animation-delay:-1.5s}
.loading-checks{max-width:350px;width:100%;gap:15px}.loading-check{line-height:1.5;transition:opacity .4s ease}.loading-check svg{flex-shrink:0}
.loading-status{max-width:320px}
@keyframes meal-tomato{0%,100%{transform:translate3d(0,0,10px) rotate(-12deg)}50%{transform:translate3d(12px,-14px,35px) rotate(8deg)}}
@keyframes meal-corn{0%,100%{transform:translate3d(0,0,-15px) rotate(12deg)}50%{transform:translate3d(-10px,16px,15px) rotate(-7deg)}}
@keyframes meal-avocado{0%,100%{transform:translate3d(0,0,40px) rotate(-10deg)}50%{transform:translate3d(-22px,-8px,65px) rotate(10deg)}}
@keyframes meal-plate-float{0%,100%{transform:translateY(0) rotateX(12deg)}50%{transform:translateY(6px) rotateX(8deg)}}
@keyframes meal-breathe{0%,100%{opacity:.5;transform:scale(.94)}50%{opacity:1;transform:scale(1.04)}}
@media(max-height:700px){.loading-screen{padding-top:20px}.meal-scene{height:230px;width:280px;margin:0 0 12px}.meal-food{width:90px;height:90px}.food-1,.food-2{width:105px;height:105px}.meal-plate{width:150px;height:150px;margin:-75px}.loading-screen h1{font-size:30px}}
@media(prefers-reduced-motion:reduce){.meal-scene *,.meal-scene *:before,.meal-scene *:after{animation:none!important;will-change:auto}.loading-check{transition:none}}