:root{--font-sans: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--bg-primary: #0a0f1c;--bg-secondary: #05080f;--bg-surface: rgba(15, 23, 42, .65);--bg-surface-hover: rgba(30, 41, 59, .85);--border-color: rgba(0, 240, 255, .15);--border-hover: rgba(245, 176, 51, .5);--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #64748b;--accent-saffron: #f5b033;--accent-saffron-rgb: 245, 176, 51;--accent-orange: #f97316;--accent-orange-rgb: 249, 115, 22;--accent-blue: #00f0ff;--accent-blue-rgb: 0, 240, 255;--accent-gold: #fbbf24;--accent-gold-rgb: 251, 191, 36;--accent-green: #10b981;--accent-red: #ef4444;--glass-blur: blur(24px);--shadow-premium: 0 20px 40px -10px rgba(0, 0, 0, .8);--shadow-glow: 0 0 30px rgba(var(--accent-blue-rgb), .25);--shadow-glow-hover: 0 0 40px rgba(var(--accent-saffron-rgb), .4);--radius-xl: 24px;--radius-lg: 16px;--radius-md: 12px;--radius-sm: 8px;--header-height: 80px;--transition-smooth: all .4s cubic-bezier(.16, 1, .3, 1);--transition-spring: all .6s cubic-bezier(.175, .885, .32, 1.275)}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;min-height:100vh;font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--accent-gold)}.app-container{display:flex;flex-direction:column;min-height:100vh}.content-wrapper{flex:1;max-width:1400px;width:100%;margin:0 auto;padding:24px 16px 80px}.glass-panel{background:var(--bg-surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-premium);transition:var(--transition-smooth)}.glass-panel-hover:hover{background:var(--bg-surface-hover);border-color:var(--border-hover);box-shadow:var(--shadow-glow),var(--shadow-premium);transform:translateY(-2px)}h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:-.02em}.gradient-text{background:linear-gradient(135deg,var(--accent-saffron) 0%,var(--accent-orange) 50%,var(--accent-blue) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-bg{background:linear-gradient(135deg,var(--accent-saffron) 0%,var(--accent-orange) 100%)}.gradient-bg-blue{background:linear-gradient(135deg,var(--accent-blue) 0%,#3b82f6 100%)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;font-family:var(--font-sans);font-size:14px;font-weight:500;border-radius:var(--radius-md);border:none;cursor:pointer;transition:var(--transition-smooth)}.btn-primary{background:linear-gradient(135deg,var(--accent-saffron) 0%,var(--accent-orange) 100%);color:#000;font-weight:700;box-shadow:0 4px 12px rgba(var(--accent-orange-rgb),.3);position:relative;overflow:hidden}.btn-primary:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.8) 0%,transparent 60%);opacity:0;transform:scale(.5);transition:opacity .3s,transform .3s;pointer-events:none}.btn-primary:hover:after{opacity:.15;transform:scale(1)}.btn-primary:hover{box-shadow:0 8px 25px rgba(var(--accent-saffron-rgb),.5),var(--shadow-glow);transform:translateY(-2px)}.btn-secondary{background:var(--border-color);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-surface-hover);border-color:var(--text-secondary)}.btn-danger{background:#ef444426;color:var(--accent-red);border:1px solid rgba(239,68,68,.3)}.btn-danger:hover{background:var(--accent-red);color:#fff}.btn-icon{width:40px;height:40px;padding:0;border-radius:50%}.input-control{width:100%;padding:12px 16px;font-family:var(--font-sans);font-size:15px;background:#fff9f2e6;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);outline:none;transition:var(--transition-smooth)}body.dark .input-control{background:#fff3e414}.input-control:focus{border-color:var(--accent-gold);box-shadow:0 0 0 3px rgba(var(--accent-gold-rgb),.15)}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px rgba(var(--accent-saffron-rgb),.15)}50%{box-shadow:0 0 25px rgba(var(--accent-saffron-rgb),.35)}}@keyframes voicePulse{0%{transform:scale(1);box-shadow:0 0 rgba(var(--accent-saffron-rgb),.6),0 0 rgba(var(--accent-gold-rgb),.4)}70%{transform:scale(1.08);box-shadow:0 0 0 12px rgba(var(--accent-saffron-rgb),0),0 0 0 20px rgba(var(--accent-gold-rgb),0)}to{transform:scale(1);box-shadow:0 0 rgba(var(--accent-saffron-rgb),0),0 0 rgba(var(--accent-gold-rgb),0)}}@keyframes soundwave{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1.4)}}@keyframes timerPulse{0%{box-shadow:0 0 rgba(var(--accent-gold-rgb),.5)}70%{box-shadow:0 0 0 12px rgba(var(--accent-gold-rgb),0)}to{box-shadow:0 0 rgba(var(--accent-gold-rgb),0)}}@keyframes strike{0%{width:0}to{width:100%}}@keyframes wave{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.animate-fade-in{animation:fadeIn .45s cubic-bezier(.34,1.56,.64,1) forwards}.animate-slide-up{animation:slideUp .6s cubic-bezier(.34,1.56,.64,1) forwards}.animate-pulse-glow{animation:pulseGlow 2s infinite ease-in-out}.animate-voice-active{animation:voicePulse 1.5s infinite cubic-bezier(.66,0,0,1)}.timer-active-pulse{animation:timerPulse 1.8s infinite cubic-bezier(.66,0,0,1)}.wave-bar{transform-origin:center;animation:soundwave 1.2s infinite ease-in-out}.strike-through-animated{position:relative;display:inline-block;width:100%}.strike-through-animated:after{content:"";position:absolute;left:0;top:50%;height:1.5px;background:var(--text-muted);width:0;animation:strike .25s cubic-bezier(.4,0,.2,1) forwards}.bottom-nav-btn{transition:var(--transition-smooth)}.bottom-nav-btn:hover{transform:translateY(-2px) scale(1.05)}.bottom-nav-btn:active{transform:scale(.92)}.badge{display:inline-flex;align-items:center;padding:4px 10px;font-size:12px;font-weight:500;border-radius:20px;text-transform:capitalize}.badge-diet-veg{background:#10b98126;color:var(--accent-green);border:1px solid rgba(16,185,129,.3)}.badge-diet-nonveg{background:#ef444426;color:var(--accent-red);border:1px solid rgba(239,68,68,.3)}.badge-diet-vegan{background:#10b98140;color:#34d399;border:1px solid rgba(52,211,153,.4)}.badge-diet-gf{background:rgba(var(--accent-gold-rgb),.15);color:var(--accent-gold);border:1px solid rgba(var(--accent-gold-rgb),.3)}.grid-cols-responsive{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.store-map-canvas{width:100%;height:300px;border-radius:var(--radius-md);position:relative;overflow:hidden;background-color:#fff4ea;border:1px solid var(--border-color)}body.dark .store-map-canvas{background-color:#2b190f}.pulse-marker{position:absolute;width:14px;height:14px;background-color:var(--accent-saffron);border-radius:50%;transform:translate(-50%,-50%);z-index:10;box-shadow:0 0 10px #00000080}.pulse-marker:after{content:"";position:absolute;top:-6px;left:-6px;right:-6px;bottom:-6px;border:2px solid var(--accent-saffron);border-radius:50%;animation:wave 1.5s infinite linear}.user-marker{position:absolute;width:16px;height:16px;background-color:#3b82f6;border:2px solid #fff;border-radius:50%;transform:translate(-50%,-50%);z-index:20;box-shadow:0 0 15px #3b82f699}.store-marker-label{position:absolute;font-size:11px;font-weight:500;background:var(--bg-secondary);color:var(--text-primary);padding:2px 6px;border-radius:var(--radius-sm);border:1px solid var(--border-color);pointer-events:none;white-space:nowrap;transform:translate(-50%,-32px);z-index:12}@media print{body{background:#fff!important;color:#000!important}.no-print{display:none!important}.print-only{display:block!important}.glass-panel{background:none!important;border:1px solid #ccc!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}@media (min-width: 769px){body.forced-mobile{display:flex;justify-content:center;align-items:center;min-height:100vh;background:radial-gradient(circle at top left,var(--bg-secondary),var(--bg-primary))!important;padding:20px 0}body.forced-mobile .app-container{width:420px;height:880px;max-height:95vh;border-radius:40px;border:12px solid #2a1324;box-shadow:var(--shadow-premium),var(--shadow-glow),0 25px 50px -12px #000000b3;overflow-y:auto;overflow-x:hidden;position:relative;background-color:var(--bg-primary);-webkit-overflow-scrolling:touch}body.forced-mobile header{border-radius:28px 28px 0 0!important}body.forced-mobile .app-container::-webkit-scrollbar{width:5px}body.forced-mobile .app-container::-webkit-scrollbar-thumb{background:rgba(var(--accent-saffron-rgb),.2);border-radius:10px}}@media (max-width: 768px){.content-wrapper{padding-bottom:100px!important}}.bg-mesh-container{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:-1;overflow:hidden;opacity:.65;transition:opacity .5s ease}.bg-mesh-orb{position:absolute;border-radius:50%;filter:blur(130px);mix-blend-mode:multiply;opacity:.15;animation:float-mesh 25s infinite alternate ease-in-out}body.dark .bg-mesh-orb{mix-blend-mode:screen;opacity:.25}.bg-mesh-orb-1{top:-10%;left:10%;width:500px;height:500px;background:radial-gradient(circle,var(--accent-saffron) 0%,transparent 80%);animation-duration:20s}.bg-mesh-orb-2{bottom:-10%;right:15%;width:600px;height:600px;background:radial-gradient(circle,var(--accent-gold) 0%,transparent 80%);animation-duration:28s;animation-delay:-5s}.bg-mesh-orb-3{top:40%;left:50%;width:450px;height:450px;background:radial-gradient(circle,var(--accent-green) 0%,transparent 80%);animation-duration:24s;animation-delay:-10s}@keyframes float-mesh{0%{transform:translate(0) scale(1) rotate(0)}50%{transform:translate(8%,12%) scale(1.15) rotate(180deg)}to{transform:translate(-8%,-8%) scale(.9) rotate(360deg)}}.cursor-glow{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9999;background:radial-gradient(600px circle at var(--mouse-x, -1000px) var(--mouse-y, -1000px),rgba(var(--accent-saffron-rgb),.04),transparent 85%);transition:opacity .3s ease}body.dark .cursor-glow{background:radial-gradient(600px circle at var(--mouse-x, -1000px) var(--mouse-y, -1000px),rgba(var(--accent-gold-rgb),.07),transparent 85%)}.btn{position:relative;overflow:hidden;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease,background-color .25s ease,border-color .25s ease,color .25s ease!important}.btn:hover{transform:scale(1.05) translateY(-1px);box-shadow:0 6px 20px rgba(var(--accent-saffron-rgb),.15)}.btn:active{transform:scale(.97) translateY(0)}.btn:before{content:"";position:absolute;top:0;left:-150%;width:50%;height:100%;background:linear-gradient(to right,#fff0,#ffffff59,#fff0);transform:skew(-25deg);transition:none;pointer-events:none}.btn:hover:before{animation:button-shine 1.1s ease-in-out}@keyframes button-shine{to{left:150%}}@keyframes fadeInUpStagger{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.animate-reveal{opacity:0;animation:fadeInUpStagger .85s cubic-bezier(.34,1.56,.64,1) forwards}.delay-50{animation-delay:50ms}.delay-100{animation-delay:.1s}.delay-150{animation-delay:.15s}.delay-200{animation-delay:.2s}.delay-250{animation-delay:.25s}.delay-300{animation-delay:.3s}.delay-350{animation-delay:.35s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.delay-600{animation-delay:.6s}.glass-panel-hover{transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s ease,border-color .4s ease,background-color .4s ease!important}.glass-panel-hover:hover{border-color:rgba(var(--accent-gold-rgb),.55)!important;transform:translateY(-6px) scale(1.015)!important;box-shadow:0 16px 38px #0000001f,0 0 24px rgba(var(--accent-saffron-rgb),.12),0 0 1px 1px rgba(var(--accent-gold-rgb),.25)!important}.zoom-container{overflow:hidden;position:relative}.zoom-image{transition:transform .75s cubic-bezier(.25,1,.5,1)!important}.glass-panel-hover:hover .zoom-image{transform:scale(1.07)}.icon-container-hover{transition:var(--transition-spring)!important}.glass-panel-hover:hover .icon-container-hover{transform:scale(1.15) rotate(8deg)}.glass-nav{background:#0a0f1c66;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,240,255,.1);box-shadow:0 4px 30px #00000080}.glow-border{position:relative}.glow-border:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;padding:1px;background:linear-gradient(45deg,var(--accent-blue),transparent 40%,var(--accent-saffron) 60%,transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.3;transition:opacity .4s ease}.glass-panel-hover:hover.glow-border:before{opacity:1;background:linear-gradient(45deg,var(--accent-saffron),var(--accent-orange),var(--accent-blue));animation:borderRotate 4s linear infinite}@keyframes borderRotate{to{filter:hue-rotate(360deg)}}.tilt-card-wrapper{perspective:1200px;transform-style:preserve-3d}.tilt-card{transform-style:preserve-3d;will-change:transform}.tilt-card-inner{transform:translateZ(30px)}.tilt-card-badge{transform:translateZ(50px)}.tilt-card-image{transform:translateZ(20px)}.category-bubble{position:relative;overflow:hidden;border:1px solid rgba(0,240,255,.15);background:#0f172a80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:var(--transition-spring)}.category-bubble:hover{background:#0f172acc;border-color:var(--accent-blue);box-shadow:0 0 20px #00f0ff4d;transform:translateY(-4px) scale(1.05)}.category-bubble-active{background:linear-gradient(135deg,#f5b03333,#f9731633);border-color:var(--accent-saffron);box-shadow:0 0 25px #f5b03340}