@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@300;400;500;600;700&family=Permanent+Marker&display=swap";:root{--bg-primary:#0a0a0f;--bg-secondary:#12121c;--bg-card:#1a1a2e;--bg-card-hover:#1f1f35;--bg-surface:#16213e;--accent-purple:#9b59b6;--accent-purple-glow:#9b59b666;--accent-teal:#00d4aa;--accent-teal-glow:#00d4aa4d;--accent-red:#e84545;--accent-red-glow:#e845454d;--accent-gold:#f5a623;--accent-gold-glow:#f5a6234d;--accent-pink:#ff6b9d;--text-primary:#fff;--text-secondary:#9ca3af;--text-muted:#6b7280;--text-accent:var(--accent-teal);--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:50%;--shadow-card:0 4px 24px #0000004d;--shadow-card-hover:0 8px 32px #00000080;--shadow-glow-purple:0 0 20px var(--accent-purple-glow);--shadow-glow-teal:0 0 15px var(--accent-teal-glow);--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.3s cubic-bezier(.4, 0, .2, 1);--transition-spring:.4s cubic-bezier(.34, 1.56, .64, 1);--font-display:"Bebas Neue", sans-serif;--font-body:"Inter", sans-serif;--font-accent:"Permanent Marker", cursive;--header-height:60px;--category-bar-height:56px;--max-width:480px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent;font-size:16px}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow-x:hidden}#root{flex-direction:column;min-height:100dvh;display:flex}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--accent-purple);border-radius:4px}.hero{width:100%;min-height:340px;padding:var(--space-2xl) var(--space-lg) var(--space-lg);text-align:center;background:var(--bg-secondary);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero__bg{z-index:0;position:absolute;inset:0}.hero__bg-img{object-fit:cover;object-position:center 25%;width:100%;height:100%;display:block}.hero__bg-overlay{background:linear-gradient(#0a0a0f73 0%,#0a0a0fa6 50%,#0a0a0feb 100%);position:absolute;inset:0}.hero:before{content:"";z-index:1;background:radial-gradient(ellipse at 20% 50%, var(--accent-purple-glow) 0%, transparent 60%), radial-gradient(ellipse at 80% 20%, var(--accent-teal-glow) 0%, transparent 50%), radial-gradient(ellipse at 50% 80%, var(--accent-red-glow) 0%, transparent 50%);opacity:.4;pointer-events:none;animation:8s ease-in-out infinite alternate heroGlow;position:absolute;inset:0}@keyframes heroGlow{0%{opacity:.25;transform:scale(1)}to{opacity:.5;transform:scale(1.05)}}.hero__logo-container{z-index:2;border-radius:var(--radius-full);width:100px;height:100px;box-shadow:0 0 30px var(--accent-purple-glow), 0 0 60px #9b59b626;background:#fff;border:2px solid #ffffff26;animation:3s ease-in-out infinite logoFloat;position:relative;overflow:hidden}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.hero__logo{object-fit:cover;width:100%;height:100%}.hero__title{z-index:2;font-family:var(--font-display);letter-spacing:3px;margin-top:var(--space-md);background:linear-gradient(135deg, var(--text-primary) 0%, var(--accent-teal) 50%, var(--accent-purple) 100%);-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;font-size:2.5rem;animation:4s ease-in-out infinite titleShimmer;position:relative}.hero__title-sub{vertical-align:sub;letter-spacing:0;font-size:1.55rem}@keyframes titleShimmer{0%,to{background-position:0%}50%{background-position:100%}}.hero__subtitle{z-index:2;color:var(--text-secondary);letter-spacing:4px;text-transform:uppercase;margin-top:var(--space-xs);font-size:.8rem;position:relative}.hero__tagline{z-index:2;font-family:var(--font-accent);color:var(--accent-gold);margin-top:var(--space-md);opacity:.9;font-size:.85rem;position:relative}.category-bar-wrapper{z-index:100;-webkit-backdrop-filter:blur(20px);background:#0a0a0fd9;border-bottom:1px solid #ffffff0f;position:sticky;top:0}.category-bar{gap:var(--space-xs);padding:var(--space-sm) var(--space-md);scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;max-width:var(--max-width);margin:0 auto;display:flex;overflow-x:auto}.category-bar::-webkit-scrollbar{display:none}.category-tab{border-radius:var(--radius-lg);color:var(--text-secondary);font-family:var(--font-body);cursor:pointer;transition:all var(--transition-smooth);white-space:nowrap;-webkit-user-select:none;user-select:none;background:0 0;border:none;flex-shrink:0;align-items:center;gap:6px;padding:8px 16px;font-size:.8rem;font-weight:500;display:flex;position:relative}.category-tab__icon{transition:transform var(--transition-spring);font-size:1.1rem}.category-tab:hover{color:var(--text-primary);background:#ffffff0d}.category-tab:hover .category-tab__icon{transform:scale(1.15)}.category-tab--active{color:var(--text-primary);background:linear-gradient(135deg, var(--accent-purple), var(--accent-teal));box-shadow:0 2px 12px var(--accent-purple-glow);font-weight:600}.category-tab--active .category-tab__icon{transform:scale(1.1)}.menu-section{width:100%;max-width:var(--max-width);padding:var(--space-lg) var(--space-md) var(--space-2xl);flex:1;margin:0 auto}.menu-section__header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:1px solid #ffffff0f;display:flex}.menu-section__icon{font-size:1.5rem}.menu-section__title{font-family:var(--font-display);letter-spacing:1.5px;color:var(--text-primary);font-size:1.6rem}.menu-section__count{color:var(--text-muted);border-radius:var(--radius-lg);background:#ffffff0d;margin-left:auto;padding:2px 10px;font-size:.75rem}.menu-grid{gap:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}.menu-grid--animating-out .menu-card{animation:.2s ease-in forwards cardFadeOut}.menu-grid--animating-in .menu-card{opacity:0;animation:.35s ease-out forwards cardFadeIn}.menu-card:first-child{animation-delay:0s}.menu-card:nth-child(2){animation-delay:50ms}.menu-card:nth-child(3){animation-delay:.1s}.menu-card:nth-child(4){animation-delay:.15s}.menu-card:nth-child(5){animation-delay:.2s}.menu-card:nth-child(6){animation-delay:.25s}.menu-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-md);cursor:default;transition:all var(--transition-smooth);gap:var(--space-sm);border:1px solid #ffffff0a;flex-direction:column;display:flex;position:relative;overflow:hidden}.menu-card:before{content:"";border-radius:var(--radius-lg);opacity:0;transition:opacity var(--transition-smooth);pointer-events:none;background:linear-gradient(135deg,#9b59b614 0%,#00d4aa0d 100%);position:absolute;inset:0}.menu-card:hover{box-shadow:var(--shadow-card-hover);border-color:#9b59b626;transform:translateY(-2px)}.menu-card:hover:before{opacity:1}.menu-card:active{transform:translateY(0)scale(.98)}.menu-card__image-container{aspect-ratio:1;border-radius:var(--radius-md);width:100%;margin-bottom:var(--space-xs);background:#0003;overflow:hidden}.menu-card__image{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-spring)}.menu-card:hover .menu-card__image{transform:scale(1.05)}.menu-card__emoji{filter:drop-shadow(0 2px 4px #0000004d);transition:transform var(--transition-spring);font-size:2.2rem;line-height:1}.menu-card:hover .menu-card__emoji{transform:scale(1.1)rotate(-3deg)}.menu-card__name{font-family:var(--font-body);color:var(--text-primary);font-size:.9rem;font-weight:600;line-height:1.2}.menu-card__description{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.7rem;line-height:1.4;display:-webkit-box;overflow:hidden}.menu-card__price{font-family:var(--font-display);letter-spacing:.5px;color:var(--accent-teal);align-items:center;gap:2px;margin-top:auto;font-size:1.3rem;display:inline-flex}.menu-card__currency{font-family:var(--font-body);color:var(--accent-teal);opacity:.8;font-size:.7rem;font-weight:600}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(16px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes cardFadeOut{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-8px)scale(.95)}}.reveal{opacity:0;transition:opacity .5s ease-out,transform .5s ease-out;transform:translateY(20px)}.reveal--visible{opacity:1;transform:translateY(0)}.footer{width:100%;max-width:var(--max-width);padding:var(--space-xl) var(--space-md) var(--space-2xl);text-align:center;border-top:1px solid #ffffff0f;margin:0 auto}.footer__logo-small{border-radius:var(--radius-full);width:48px;height:48px;margin:0 auto var(--space-md);opacity:.8;border:1px solid #ffffff1a}.footer__brand{font-family:var(--font-display);letter-spacing:2px;color:var(--text-primary);margin-bottom:var(--space-xs);font-size:1.2rem}.footer__location{color:var(--text-muted);margin-bottom:var(--space-lg);font-size:.75rem;text-decoration:none;display:inline-block}.footer__location--link{transition:color var(--transition-fast)}.footer__location--link:hover{color:var(--accent-teal);text-underline-offset:3px;text-decoration:underline}.footer__social{justify-content:center;gap:var(--space-md);margin-bottom:var(--space-lg);display:flex}.footer__social-link{align-items:center;gap:var(--space-sm);color:var(--text-secondary);border-radius:var(--radius-lg);transition:all var(--transition-smooth);background:#ffffff0a;border:1px solid #ffffff0f;padding:8px 16px;font-size:.8rem;font-weight:500;text-decoration:none;display:flex}.footer__social-link:hover{color:var(--accent-pink);background:#ff6b9d14;border-color:#ff6b9d33;transform:translateY(-1px)}.footer__social-link svg{width:16px;height:16px}.footer__divider{background:linear-gradient(90deg, var(--accent-purple), var(--accent-teal));width:40px;height:2px;margin:0 auto var(--space-md);border-radius:2px}.footer__hours{margin-bottom:var(--space-md)}.footer__hours-title{text-transform:uppercase;letter-spacing:2px;color:var(--text-muted);margin-bottom:var(--space-xs);font-size:.7rem}.footer__hours-text{color:var(--text-secondary);font-size:.8rem}.footer__made-with{color:var(--text-muted);margin-top:var(--space-lg);font-size:.65rem}.footer__made-with span{color:var(--accent-red)}.loading-screen{z-index:9999;background:var(--bg-primary);flex-direction:column;justify-content:center;align-items:center;transition:opacity .5s,visibility .5s;display:flex;position:fixed;inset:0}.loading-screen--hidden{opacity:0;visibility:hidden;pointer-events:none}.loading-screen__logo{border-radius:var(--radius-full);border:2px solid #ffffff1a;width:80px;height:80px;animation:1.5s ease-in-out infinite loadingPulse}@keyframes loadingPulse{0%,to{box-shadow:0 0 0 0 var(--accent-purple-glow);transform:scale(1)}50%{box-shadow:0 0 30px 10px var(--accent-purple-glow);transform:scale(1.05)}}.loading-screen__text{margin-top:var(--space-md);font-family:var(--font-display);letter-spacing:3px;color:var(--text-secondary);font-size:1.2rem;animation:1.5s ease-in-out infinite loadingFade}@keyframes loadingFade{0%,to{opacity:.4}50%{opacity:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width>=600px){.menu-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=359px){:root{font-size:14px}.hero__title{font-size:2rem}.menu-card__emoji{font-size:1.8rem}}.menu-card{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.menu-card__image{pointer-events:none}.preview-overlay{z-index:1000;-webkit-backdrop-filter:blur(15px);padding:var(--space-xl);background:#0a0a0fb3;justify-content:center;align-items:center;animation:.2s cubic-bezier(.16,1,.3,1) forwards overlayFadeIn;display:flex;position:fixed;inset:0}.preview-modal{background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid #ffffff14;width:100%;max-width:380px;animation:.3s cubic-bezier(.34,1.56,.64,1) forwards modalScaleIn;overflow:hidden;box-shadow:0 20px 40px #00000080,0 0 30px #9b59b626}.preview-modal__image-wrapper{aspect-ratio:1;background:#000;width:100%;position:relative}.preview-modal__close{top:var(--space-md);right:var(--space-md);z-index:10;width:32px;height:32px;color:var(--text-primary);cursor:pointer;transition:all var(--transition-smooth);-webkit-backdrop-filter:blur(5px);background:#0a0a0f99;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;display:flex;position:absolute}.preview-modal__close:hover{border-color:var(--accent-purple);background:#9b59b6cc;transform:scale(1.1)}.preview-modal__image{object-fit:cover;width:100%;height:100%}.preview-modal__badge{bottom:var(--space-md);right:var(--space-md);background:var(--accent-teal);color:var(--bg-primary);font-family:var(--font-display);border-radius:var(--radius-md);box-shadow:var(--shadow-neon-teal);padding:6px 14px;font-size:1.1rem;font-weight:700;position:absolute}.preview-modal__content{padding:var(--space-lg);text-align:left}.preview-modal__title{font-family:var(--font-body);color:var(--text-primary);margin-bottom:var(--space-xs);font-size:1.2rem;font-weight:700}.preview-modal__desc{color:var(--text-secondary);font-size:.85rem;line-height:1.5}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}