.App{color:#1a1206;background:#fff8f0;min-height:100vh;overflow-x:hidden}::selection{color:#fff8e7;background:#e63946}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#fff8e7}::-webkit-scrollbar-thumb{background:linear-gradient(#f77f00,#d62828);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#d62828}.noise-overlay{pointer-events:none;opacity:.04;z-index:1;background-image:url("data:image/svg+xml;utf8,<svg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:fixed;inset:0}.tilt-card{transform-style:preserve-3d;will-change:transform;transition:transform .4s cubic-bezier(.2,.9,.3,1.4),box-shadow .4s}.tilt-card:hover{transform:perspective(1000px)rotateX(6deg)rotateY(-6deg)translateZ(20px)scale(1.02);box-shadow:0 30px 60px -20px #d6282859,0 18px 36px -18px #f77f0066}@keyframes float-slow{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-18px)rotate(3deg)}}@keyframes float-fast{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-10px)rotate(3deg)}}.float-slow{animation:6s ease-in-out infinite float-slow}.float-fast{animation:4s ease-in-out infinite float-fast}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-slow{animation:24s linear infinite spin-slow}@keyframes pulse-glow{0%,to{box-shadow:0 0 #e6394680,0 14px 30px -10px #f77f0073}50%{box-shadow:0 0 0 16px #e6394600,0 14px 30px -10px #f77f0080}}.pulse-glow{animation:2.4s ease-in-out infinite pulse-glow}@keyframes reveal-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.reveal-up{animation:.9s cubic-bezier(.2,.9,.3,1) both reveal-up}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-track{width:max-content;animation:30s linear infinite marquee;display:flex}.diagonal-stripes{background-image:repeating-linear-gradient(45deg,#ffffff14 0 12px,#0000 12px 24px)}.font-display{letter-spacing:.01em;font-family:Bebas Neue,Anton,Impact,sans-serif}.font-script{font-family:Caveat,Pacifico,cursive}.font-body{font-family:Inter,system-ui,sans-serif}.stamp-rotate{transform:rotate(-8deg)}.btn-3d{color:#fff8e7;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;background:linear-gradient(#e63946 0%,#c81d2a 100%);border:none;border-radius:14px;align-items:center;gap:10px;padding:14px 28px;font-size:14px;font-weight:800;text-decoration:none;transition:transform .15s,box-shadow .15s,filter .2s;display:inline-flex;position:relative;box-shadow:0 6px #7a0d17,0 14px 24px -8px #7a0d178c}.btn-3d:hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 8px #7a0d17,0 18px 30px -10px #7a0d1799}.btn-3d:active{transform:translateY(4px);box-shadow:0 2px #7a0d17,0 8px 16px -6px #7a0d1799}.menu-add-button{transition:transform .15s,box-shadow .15s,background .2s;color:#fff8e7!important;background:#1a1206!important;box-shadow:0 6px #000,0 14px 24px -10px #0000008c!important}.menu-add-button:hover{transform:translateY(-2px);background:#000!important;box-shadow:0 8px #000,0 18px 30px -12px #0009!important}.menu-add-button:active{transform:translateY(3px);box-shadow:0 2px #000,0 8px 16px -8px #0009!important}.btn-3d-amber{color:#1a1206;background:linear-gradient(#ffb627 0%,#f77f00 100%);box-shadow:0 6px #b25700,0 14px 24px -8px #f77f008c}.btn-3d-amber:hover{box-shadow:0 8px #b25700,0 18px 30px -10px #f77f00a6}.btn-3d-amber:active{box-shadow:0 2px #b25700,0 8px 16px -6px #f77f0099}.glass-card{-webkit-backdrop-filter:blur(14px);background:#fff8e799;border:1px solid #fff9;box-shadow:0 18px 40px -20px #7a0d1740,inset 0 1px #fff9}.heading-underline{display:inline-block;position:relative}.heading-underline:after{content:"";background:linear-gradient(90deg,#ffb627,#e63946);border-radius:6px;height:6px;position:absolute;bottom:-10px;left:10%;right:10%}.dish-3d{filter:drop-shadow(0 30px 30px #7a0d1759)}.hot-tag{color:#fff8f0;letter-spacing:.08em;background:linear-gradient(#ffb627,#e63946);border-radius:999px;padding:6px 12px;font-size:11px;font-weight:900;display:inline-block;box-shadow:0 8px 18px -10px #7a0d17b3}.menu-card{background:linear-gradient(#ffffffc7,#fff8f0f5),#fff8f0;border:1px solid #f77f0029;border-radius:24px;flex-direction:column;height:100%;transition:transform .28s,box-shadow .28s,border-color .28s;display:flex;position:relative;box-shadow:0 22px 55px -34px #4a20087a,inset 0 2px #fffc}.menu-card:after{content:"";pointer-events:none;border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffffb8}.menu-card:hover{border-color:#ffb627b8;box-shadow:0 34px 74px -38px #7a0d176b,0 14px 30px -26px #f77f00cc,inset 0 2px #ffffffe6}.menu-image-stage{background:radial-gradient(circle at 50% 57%,#ffb62757 0 22%,#ffb62700 54%),radial-gradient(circle at 16% 18%,#e639461f,#0000 34%),linear-gradient(#fffdf8 0%,#fff1dc 100%);height:250px;overflow:hidden}.menu-poster-stage{background:radial-gradient(circle,#ffb6273d 0 26%,#ffb62700 62%),linear-gradient(#fffdf8 0%,#fff1dc 100%);justify-content:center;align-items:center;padding:16px;display:flex}.menu-modal-stage{background:radial-gradient(circle at 50% 55%,#ffb6275c 0 24%,#ffb62700 58%),linear-gradient(#fffdf8 0%,#fff1dc 100%);min-height:360px}.menu-poster-modal-stage{background:radial-gradient(circle,#ffb62738 0 28%,#ffb62700 64%),linear-gradient(#fffdf8 0%,#fff1dc 100%);min-height:min(76vh,620px);padding:18px}.menu-image-glow{aspect-ratio:1;background:radial-gradient(circle,#ffd6666b,#ffd66600 66%);border-radius:999px;width:74%;transition:transform .45s,opacity .45s;position:absolute;top:54%;left:50%;transform:translate(-50%,-50%)}.food-ground-shadow{filter:blur(14px);opacity:.8;background:#5223083d;border-radius:999px;width:62%;height:22px;transition:transform .45s,opacity .45s;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.menu-food-img{z-index:1;width:calc(100% - 28px);height:calc(100% - 48px);margin:auto;transition:transform .45s cubic-bezier(.2,.8,.2,1),filter .45s;position:absolute;inset:18px 14px 30px}.menu-food-cutout{object-fit:contain;filter:drop-shadow(0 24px 18px #4a200833)}.menu-food-photo{object-fit:cover;filter:saturate(1.08)contrast(1.02);width:100%;height:100%;inset:0}.menu-menu-poster{object-fit:contain;filter:saturate(1.03)contrast(1.02);background:#090909;border-radius:18px;width:calc(100% - 32px);height:calc(100% - 32px);inset:16px;box-shadow:0 22px 34px -26px #4a2008b8,0 0 0 1px #ffffffb8}.menu-card:hover .menu-food-img{transform:translateY(-8px)scale(1.045)rotate(-.4deg)}.menu-card:hover .menu-menu-poster{transform:translateY(-4px)scale(1.025)}.menu-card:hover .menu-image-glow{opacity:.95;transform:translate(-50%,-50%)scale(1.08)}.menu-card:hover .food-ground-shadow{opacity:.64;transform:translate(-50%)scale(.9)}.menu-rating-pill{z-index:2;color:#1a1206;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff8f0f0;border:1px solid #ffffffb8;border-radius:999px;align-items:center;gap:4px;padding:6px 10px;font-size:12px;font-weight:900;display:inline-flex;box-shadow:0 12px 24px -18px #4a2008bf}.menu-tag-chip{color:#8b3a08;letter-spacing:.08em;text-transform:uppercase;background:#ffe9c8;border-radius:999px;align-items:center;padding:5px 9px;font-size:10px;font-weight:900;display:inline-flex}.menu-modal-img{z-index:1;object-fit:contain;width:calc(100% - 56px);height:calc(100% - 56px);margin:auto;position:absolute;inset:28px}.menu-modal-stage .menu-food-photo{object-fit:cover;width:100%;height:100%;inset:0}.menu-modal-stage .menu-menu-poster{object-fit:contain;border-radius:20px;width:calc(100% - 36px);height:calc(100% - 36px);inset:18px}@media (max-width:640px){.menu-image-stage{height:220px}.menu-modal-stage{min-height:300px}.menu-poster-stage{padding:12px}.menu-poster-modal-stage{min-height:min(72vh,520px);padding:12px}.menu-menu-poster{border-radius:14px;width:calc(100% - 24px);height:calc(100% - 24px);inset:12px}}.blob{filter:blur(60px);opacity:.5;pointer-events:none;border-radius:50%;position:absolute}.sticker{color:#e63946;letter-spacing:.15em;text-transform:uppercase;background:#fff8e7;border:3px dashed #e63946;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:900;display:inline-flex}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}