@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Playfair+Display:wght@700;800;900&family=Outfit:wght@400;600;700&display=swap";:root{--color-bg: #020a1a;--color-bg-card: #040d24;--color-bg-elevated: #071530;--color-primary: #0052d4;--color-primary-hover: #0063f5;--color-primary-light: rgba(0, 82, 212, .14);--color-accent-gold: #c9a84c;--color-accent-gold-light: #f5d88a;--color-accent-gold-pale: rgba(201,168,76,.12);--color-accent-secondary: #ffb703;--color-text-main: #f0f4ff;--color-text-muted: #6a7fa8;--color-border: rgba(255, 255, 255, .07);--color-border-hover: rgba(255, 255, 255, .13);--color-surface-hover: rgba(255, 255, 255, .04);--color-header-bg: rgba(2, 10, 26, .82);--color-nav-bg: rgba(2, 10, 26, .9);--font-sans: "Inter", "Outfit", sans-serif;--font-display: "Playfair Display", serif;--shadow-sm: 0 1px 3px rgba(0,0,0,.35);--shadow-md: 0 6px 20px rgba(0,0,0,.4), 0 2px 6px rgba(0,0,0,.25);--shadow-lg: 0 14px 35px rgba(0,0,0,.55), 0 4px 12px rgba(0,0,0,.3);--shadow-hover: 0 22px 45px rgba(0,0,0,.5);--shadow-glow-blue: 0 0 35px rgba(0,82,212,.18);--shadow-glow-gold: 0 0 30px rgba(201,168,76,.2);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 9999px;--transition-fast: all .18s ease;--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: all .5s cubic-bezier(.34, 1.56, .64, 1)}:root[data-theme=light]{--color-bg: #f5f7fc;--color-bg-card: #ffffff;--color-bg-elevated: #ebf0f7;--color-primary: #004ac2;--color-primary-hover: #0056e0;--color-primary-light: rgba(0, 74, 194, .08);--color-accent-gold: #b58c2a;--color-accent-gold-light: #cfa84a;--color-accent-gold-pale: rgba(181, 140, 42, .08);--color-accent-secondary: #f59e0b;--color-text-main: #0b132b;--color-text-muted: #5e6b8c;--color-border: rgba(11, 19, 43, .08);--color-border-hover: rgba(11, 19, 43, .15);--color-surface-hover: rgba(11, 19, 43, .03);--color-header-bg: rgba(245, 247, 252, .85);--color-nav-bg: rgba(245, 247, 252, .92);--shadow-sm: 0 1px 3px rgba(11,19,43,.06);--shadow-md: 0 6px 20px rgba(11,19,43,.08), 0 2px 6px rgba(11,19,43,.03);--shadow-lg: 0 14px 35px rgba(11,19,43,.12), 0 4px 12px rgba(11,19,43,.04)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth}body{background-color:var(--color-bg);color:var(--color-text-main);font-family:var(--font-sans);overflow-x:hidden;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(ellipse at 20% 50%,rgba(0,52,200,.06) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(201,168,76,.04) 0%,transparent 50%)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#6a7fa84d;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#6a7fa880}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem;width:100%}.search-input{width:100%;padding:13px 20px 13px 46px;font-size:.93rem;font-family:var(--font-sans);border:1.5px solid var(--color-border);border-radius:var(--radius-full);background:#ffffff06;color:var(--color-text-main);outline:none;transition:border-color .25s,box-shadow .25s,background .25s}.search-input:focus{border-color:var(--color-primary);background:#ffffff0b;box-shadow:0 0 0 3px #0052d41f}.search-input::placeholder{color:var(--color-text-muted)}.app-card{background:#040d24b3;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition-smooth);overflow:hidden}.app-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-hover)}.food-card{background:linear-gradient(160deg,#060f28b8,#030a1cb8);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);will-change:transform}.food-card:hover{box-shadow:0 12px 35px #0000008c,0 0 0 1px #cfaf7540}.glass-panel{background:#040c24a6;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);transition:var(--transition-smooth)}.glass-panel:hover{border-color:var(--color-border-hover)}.hero-banner{border-radius:var(--radius-xl)!important}.hero-orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(50px)}.hero-orb-1{width:350px;height:350px;top:-100px;right:-80px;background:radial-gradient(circle,rgba(201,168,76,.12) 0%,transparent 70%);animation:orb-float 8s ease-in-out infinite}.hero-orb-2{width:250px;height:250px;bottom:-60px;left:30%;background:radial-gradient(circle,rgba(0,82,212,.15) 0%,transparent 70%);animation:orb-float 6s ease-in-out infinite reverse}@keyframes orb-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:.8rem 1.5rem;font-family:var(--font-sans);font-size:.95rem;font-weight:700;color:#fff;background:var(--color-primary);border:none;border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-fast);letter-spacing:.2px}.btn-primary:hover{background:var(--color-primary-hover);box-shadow:0 5px 22px #0052d461;transform:translateY(-1px)}.btn-primary:active{transform:scale(.96)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:.75rem 1.4rem;font-family:var(--font-sans);font-size:.92rem;font-weight:700;color:var(--color-primary);background:var(--color-primary-light);border:1px solid rgba(0,82,212,.2);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-fast)}.btn-secondary:hover{background:#0052d438;border-color:#0052d459}.btn-luxury{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:1rem 2rem;font-family:var(--font-sans);font-size:1rem;font-weight:800;color:#0a0a0a;background:linear-gradient(135deg,var(--color-accent-gold) 0%,var(--color-accent-gold-light) 60%,var(--color-accent-gold) 100%);background-size:200% auto;border:none;border-radius:var(--radius-full);cursor:pointer;transition:background-position .4s ease,transform .2s ease,box-shadow .2s ease;box-shadow:0 5px 22px #c9a84c47;letter-spacing:.3px}.btn-luxury:hover{background-position:right center;transform:translateY(-2px);box-shadow:0 10px 32px #c9a84c61}.btn-luxury:active{transform:scale(.97)}.btn-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-full);background:#ffffff0b;color:var(--color-text-main);border:1px solid var(--color-border);cursor:pointer;transition:var(--transition-fast)}.btn-icon:hover{background:#ffffff17;border-color:var(--color-border-hover);transform:scale(1.08)}.text-brand{color:var(--color-primary)}.text-gold{color:var(--color-accent-gold)}.text-muted{color:var(--color-text-muted)}.font-bold{font-weight:700}.font-black{font-weight:900}.app-header{position:sticky;top:0;background:var(--color-header-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--color-border);z-index:500;padding:.7rem 0;box-shadow:0 1px #ffffff0a,0 4px 20px #0000004d}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--color-nav-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1px solid var(--color-border);z-index:500;padding:.45rem 0 calc(.45rem + env(safe-area-inset-bottom,0px));display:flex;justify-content:space-around;align-items:center}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 18px;cursor:pointer;color:var(--color-text-muted);font-size:.68rem;font-weight:700;background:none;border:none;border-radius:var(--radius-md);transition:var(--transition-fast);letter-spacing:.3px;position:relative}.bottom-nav-item:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%) scaleX(0);width:20px;height:2px;background:var(--color-primary);border-radius:var(--radius-full);transition:transform .2s ease}.bottom-nav-item:hover{color:var(--color-text-main)}.bottom-nav-item.active{color:var(--color-primary)}.bottom-nav-item.active:after{transform:translate(-50%) scaleX(1)}.horizontal-feed{display:flex;gap:1.25rem;overflow-x:auto;padding-bottom:1rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.horizontal-feed>*{flex-shrink:0;scroll-snap-align:start}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:7px;font-size:.74rem;font-weight:800;background:var(--color-primary);color:#fff;letter-spacing:.3px}.badge-gold{background:var(--color-accent-gold-pale);color:var(--color-accent-gold);border:1px solid rgba(201,168,76,.28)}.badge-light{background:#ffffff0f;color:var(--color-text-muted)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-bottom:2rem}.detail-modal-grid{display:grid;grid-template-columns:1fr 1fr}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.25)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px #c9a84c26}50%{box-shadow:0 0 40px #c9a84c4d}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.fade-in{animation:fadeIn .4s ease-out forwards}.slide-up{animation:slideUp .5s ease-out forwards}.float{animation:float 3s ease-in-out infinite}.glow-pulse{animation:glow-pulse 2.5s ease-in-out infinite}.shimmer{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14,#ffffff0a 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.img-skeleton{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff12,#ffffff0a 75%);background-size:200% 100%;animation:shimmer 1.6s infinite;border-radius:var(--radius-md)}@keyframes ripple-gold{0%{box-shadow:0 0 #c9a84c73}70%{box-shadow:0 0 0 10px #c9a84c00}to{box-shadow:0 0 #c9a84c00}}.ripple-gold-active{animation:ripple-gold 1.8s infinite cubic-bezier(.25,0,0,1)}@keyframes wave-flow{0%,to{border-radius:42% 58% 70% 30%/45% 45% 55% 55%}33%{border-radius:70% 30% 52% 48%/60% 40%}66%{border-radius:50% 50% 30% 70%/40% 60% 30% 70%}}.liquid-blob{animation:wave-flow 6s ease-in-out infinite alternate}:root[data-theme=light] .food-card{background:linear-gradient(160deg,#ffffffd9,#f3f6fcd9);box-shadow:0 10px 30px #0b132b0d,0 1px 3px #0b132b05}:root[data-theme=light] .search-input{background:#0b132b09}:root[data-theme=light] .btn-icon{background:#0b132b0a}:root[data-theme=light] .btn-secondary{color:var(--color-primary);background:#004ac212}:root[data-theme=light] .bottom-nav-item{color:#5e6b8c}:root[data-theme=light] .bottom-nav-item.active{color:var(--color-primary)}@media (max-width: 1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.detail-modal-grid{grid-template-columns:1fr}}@media (max-width: 768px){.container{padding:0 1rem}.hide-mobile{display:none!important}.stats-grid{grid-template-columns:1fr 1fr;gap:.75rem}.detail-modal-grid{grid-template-columns:1fr}.app-header{padding:.6rem 0}.hero-banner{min-height:180px!important;padding:1.5rem!important}.bottom-nav-item{padding:5px 12px}.btn-luxury{padding:.9rem 1.5rem;font-size:.95rem}.food-card{width:100%!important;max-width:100%;min-width:0}.glass-panel{border-radius:var(--radius-lg)}.horizontal-feed>*{flex-shrink:0}.food-detail-full{flex-direction:column!important}.portal-tab-group{flex-wrap:wrap;justify-content:center}.search-input{font-size:.88rem}}@media (max-width: 480px){.container{padding:0 .85rem}.stats-grid{grid-template-columns:1fr}.bottom-nav-item{padding:5px 6px;font-size:.6rem}.hero-banner{min-height:160px!important;padding:1.25rem!important}.home-feed-gap{gap:1.75rem!important}.glass-panel{border-radius:var(--radius-md)}}@media (max-width: 360px){.container{padding:0 .75rem}.bottom-nav-item{padding:4px;font-size:.56rem;letter-spacing:0}.category-chip-circle{width:56px!important;height:56px!important}}.bottom-nav{padding-bottom:calc(.45rem + env(safe-area-inset-bottom,0px))}*{max-width:100%}img,video,canvas,svg{max-width:100%}input,select,textarea{max-width:100%;box-sizing:border-box}