@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Caveat:wght@500;600&family=Noto+Nastaliq+Urdu:wght@400;600;700&display=swap");body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}body.lang-ur,html[lang=ur] body{font-family:Noto Nastaliq Urdu,Segoe UI,Urdu Typesetting,Jameel Noori Nastaleeq,sans-serif}.block-title,.blog-title,.chatbot-title,.empty-state h2,.hero-text h1,.logo-text,.result-section .section-title,.settings-title{font-family:Segoe UI,Roboto,Helvetica Neue,Arial,cursive,sans-serif}.settings-section-title{font-size:14px;font-weight:600;color:var(--text);margin-bottom:12px}.settings-hint{font-size:12px;color:var(--text-light);margin-bottom:8px}.api-key-input{width:100%;padding:12px 16px;border:2px solid var(--border);border-radius:var(--radius-sm);font-size:14px;margin-bottom:12px;background:#fff}.api-key-input:focus{outline:none;border-color:var(--green)}.save-api-key-btn{width:100%;padding:12px 16px;background:var(--green);border:none;border-radius:var(--radius-sm);color:white;font-size:14px;font-weight:600;cursor:pointer;min-height:44px}.settings-section{margin-bottom:16px}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:local("Inter Light"),local("Inter-Light")}@font-face{font-family:Caveat;font-style:normal;font-weight:500;font-display:swap;src:local("Caveat Regular"),local("Caveat-Regular")}@font-face{font-family:Caveat;font-style:normal;font-weight:600;font-display:swap;src:local("Caveat SemiBold"),local("Caveat-SemiBold")}.unicode-instead{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{margin:0;padding:0;box-sizing:border-box}:root{--green:#22C55E;--green-dark:#16A34A;--orange:#F97316;--bg:#F8FAFC;--card:#FFFFFF;--text:#1F2937;--text-light:#6B7280;--border:#E5E7EB;--radius:16px;--radius-sm:12px;--radius-xs:8px;--header-height:64px;--bottom-nav-height:64px;--safe-bottom:env(safe-area-inset-bottom,0px)}html{font-size:16px;-webkit-tap-highlight-color:transparent}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif;background:var(--bg);color:var(--text);height:100vh;height:100dvh;overflow:hidden;margin:0;padding:0;position:fixed;width:100%}.loading-screen{position:fixed;z-index:99999;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);transition:opacity .5s ease}.loading-bg,.loading-screen{top:0;left:0;width:100%;height:100%}.loading-bg{position:absolute}#loadingCanvas{width:100%;height:100%}.loading-content{position:relative;z-index:10;text-align:center;margin-top:100px}.loading-logo{margin-bottom:30px}.loading-icon{font-size:60px;display:block;margin-bottom:16px;animation:bounce 1s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(255,150,50,.5))}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.loading-title{font-size:32px;font-weight:700;background:linear-gradient(135deg,#FF6B35,#F7931E 50%,#FFD93D);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 4px 8px rgba(255,107,53,.3));letter-spacing:2px}.loading-spinner{width:60px;height:60px;margin:0 auto 24px;position:relative}.spinner-ring{position:absolute;width:100%;height:100%;border-radius:50%;border:3px solid transparent;animation:spin 2s linear infinite}.spinner-ring:first-child{border-top-color:#FF6B35;animation-duration:2s}.spinner-ring:nth-child(2){border-right-color:#F7931E;animation-duration:1.5s;animation-direction:reverse;top:8px;left:8px;width:44px;height:44px}.spinner-ring:nth-child(3){border-bottom-color:#FFD93D;animation-duration:1s;top:15px;left:15px;width:30px;height:30px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-text{color:rgba(255,255,255,.8);font-size:14px;margin-bottom:20px;letter-spacing:1px}.loading-bar{width:200px;height:6px;background:rgba(255,255,255,.1);border-radius:10px;margin:0 auto 12px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.3)}.loading-progress{width:0;height:100%;background:linear-gradient(90deg,#FF6B35,#F7931E,#FFD93D);border-radius:10px;transition:width .1s ease;box-shadow:0 0 15px rgba(255,107,53,.5)}.loading-percent{color:#FFD93D;font-size:20px;font-weight:700;font-family:Segoe UI,monospace}body.mobile-app{background:#e2e8f0;touch-action:manipulation}body.mobile-app .app{max-width:430px;margin:0 auto;box-shadow:0 0 48px rgba(15,23,42,.12)}.app{display:flex;flex-direction:column;height:100vh;height:100dvh;background:var(--bg);width:100%}.app-header{justify-content:space-between;padding:calc(12px + env(safe-area-inset-top, 0px)) 16px 12px;background:var(--card);border-bottom:1px solid var(--border);min-height:var(--header-height);position:relative;z-index:50}.app-header,.logo{display:flex;align-items:center}.logo{gap:10px}.logo-icon{font-size:28px}.logo-text{font-family:Caveat,cursive;font-size:22px;font-weight:600;background:linear-gradient(135deg,var(--green),var(--green-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-actions{display:flex;align-items:center;gap:6px;flex-shrink:1;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.header-actions::-webkit-scrollbar{display:none}body.mobile-app .blog-btn,body.mobile-app .chatbot-btn,body.mobile-app .fridge-btn,body.mobile-app .lang-btn,body.mobile-app .settings-btn{padding:10px 12px;min-width:44px;font-size:18px}body.mobile-app .header-btn{padding:10px 12px;font-size:14px}.header-btn{padding:10px 14px;background:var(--bg);border:none;border-radius:50px;font-size:13px;font-weight:600;cursor:pointer;min-height:44px;min-width:44px}.header-auth-slot{display:inline-flex;align-items:center;gap:6px;flex-shrink:0}.header-auth-slot .auth-btn{line-height:1}.header-auth-slot .cl-userButtonTrigger{min-height:44px;min-width:44px}.blog-btn{padding:10px 14px;background:linear-gradient(135deg,#4F46E5,#4338CA);font-weight:600;min-height:44px}.blog-btn,.fridge-btn{border:none;border-radius:50px;font-size:13px;color:white;cursor:pointer;transition:all .2s}.fridge-btn{padding:8px 14px;background:linear-gradient(135deg,#06B6D4,#0891B2);font-weight:700;min-height:40px;box-shadow:0 2px 8px rgba(6,182,212,.35)}.fridge-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(6,182,212,.45)}.deluxe-btn{padding:8px 14px;background:linear-gradient(135deg,#FFD700,#FFA500);border:none;border-radius:50px;font-size:13px;font-weight:700;color:#1a1a2e;cursor:pointer;min-height:40px;transition:all .2s;pointer-events:auto;z-index:1000;position:relative}.deluxe-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(255,215,0,.4)}.settings-btn{padding:10px 12px;background:var(--bg);border:none;border-radius:50%;font-size:18px;cursor:pointer;min-height:44px;min-width:44px}.blog-panel,.mobile-header-only{display:none}.blog-panel{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--card);z-index:200;flex-direction:column;padding:calc(16px + env(safe-area-inset-top, 0px)) 16px 16px;overflow-y:auto}.blog-panel.open{display:flex}.blog-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.blog-panel-close{width:44px;height:44px;background:var(--bg);border:none;border-radius:50%;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center}.blog-title{font-family:Caveat,cursive;font-size:24px;margin-bottom:16px;color:var(--text)}.blog-tabs{display:flex;gap:8px;margin-bottom:16px;overflow-x:auto;-webkit-overflow-scrolling:touch}.blog-tab{flex:1 1;min-width:100px;padding:12px 16px;background:var(--bg);border:2px solid var(--border);border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.blog-tab.active,.blog-tab:hover{border-color:#4F46E5}.blog-tab.active{background:#4F46E5;color:white}.blog-form{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.blog-form input,.blog-form textarea{width:100%;padding:14px 16px;border:2px solid var(--border);border-radius:var(--radius-sm);font-size:16px;font-family:inherit;min-height:48px}.blog-form textarea{min-height:120px;resize:vertical}.blog-form input:focus,.blog-form textarea:focus{outline:none;border-color:#4F46E5}.submit-post-btn{padding:14px;background:linear-gradient(135deg,#4F46E5,#4338CA);border:none;border-radius:var(--radius-sm);color:white;font-size:15px;font-weight:600;cursor:pointer;min-height:48px;transition:all .2s}.blog-posts{display:flex;flex-direction:column;gap:16px;flex:1 1}.blog-post{background:var(--bg);border-radius:var(--radius-sm);padding:16px}.post-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.post-type{padding:4px 10px;border-radius:50px;font-size:11px;font-weight:600}.post-type.share{background:#D1FAE5;color:#059669}.post-type.bug{background:#FEE2E2;color:#DC2626}.post-type.hangout{background:#DBEAFE;color:#2563EB}.post-date{font-size:11px;color:var(--text-light)}.post-title{font-size:16px;font-weight:700;margin-bottom:8px;color:var(--text)}.post-content{font-size:14px;color:var(--text-light);line-height:1.5}.settings-panel{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--card);z-index:200;display:none;flex-direction:column;padding:calc(16px + env(safe-area-inset-top, 0px)) 16px 16px;overflow-y:auto}.settings-panel.open{display:flex}.settings-panel-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.settings-panel-close{width:44px;height:44px;background:var(--bg);border:none;border-radius:50%;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center}.settings-title{font-family:Caveat,cursive;font-size:24px}.color-options{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.color-option{aspect-ratio:1;border-radius:var(--radius-sm);border:3px solid transparent;cursor:pointer;transition:all .2s;min-height:60px}.color-option:hover{transform:scale(1.05)}.color-option.selected{border-color:var(--green);box-shadow:0 0 0 3px white,0 0 0 6px var(--green)}.deluxe-panel{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0f0c29,#302b63 50%,#24243e);z-index:500;display:none;flex-direction:column;padding:calc(16px + env(safe-area-inset-top, 0px)) 16px 16px;overflow-y:auto;animation:deluxeSlideIn .4s cubic-bezier(.4,0,.2,1)}@keyframes deluxeSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.deluxe-panel.open{display:flex}.deluxe-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.deluxe-title{font-family:Caveat,cursive;font-size:32px;background:linear-gradient(135deg,#FFD700,#FFA500,#FFD700);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s ease infinite}@keyframes shimmer{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.deluxe-panel-close{width:44px;height:44px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:50%;font-size:18px;color:rgba(255,255,255,.7);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.deluxe-panel-close:hover{background:rgba(255,255,255,.15);color:white;transform:rotate(90deg)}.deluxe-content{color:white;text-align:center;flex:1 1}.deluxe-locked{padding:10px 0;animation:fadeInUp .5s ease .1s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.deluxe-icon{font-size:80px;margin-bottom:20px;animation:float 3s ease-in-out infinite}.deluxe-locked h2{font-size:32px;margin-bottom:12px;background:linear-gradient(135deg,#FFD700,#FFA500);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.deluxe-locked>p{color:rgba(255,255,255,.65);margin-bottom:28px;font-size:15px;line-height:1.5}.deluxe-price{margin-bottom:20px;animation:fadeInUp .5s ease .2s both}.price-amount{font-size:56px;font-weight:800;background:linear-gradient(135deg,#FFD700,#FFA500);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.price-note{font-size:16px;color:rgba(255,255,255,.5);margin-left:8px}.deluxe-trial{background:linear-gradient(135deg,rgba(34,197,94,.2),rgba(22,163,74,.3));border:1px solid rgba(34,197,94,.4);border-radius:16px;padding:20px;margin-bottom:28px;animation:fadeInUp .5s ease .3s both;position:relative;overflow:hidden}.deluxe-trial:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shine 2s ease-in-out infinite}@keyframes shine{0%{left:-100%}to{left:100%}}.trial-badge{display:inline-block;background:linear-gradient(135deg,#22C55E,#16A34A);color:white;font-weight:700;font-size:13px;padding:6px 16px;border-radius:25px;margin-bottom:10px;text-transform:uppercase;letter-spacing:1px}.trial-text{display:block;font-size:15px;color:rgba(255,255,255,.9);font-weight:500}.deluxe-features{text-align:left;list-style:none;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:24px;margin-bottom:28px;animation:fadeInUp .5s ease .4s both}.deluxe-features li{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:12px;transition:all .2s ease}.deluxe-features li:hover{padding-left:8px;background:rgba(255,255,255,.03);border-radius:8px}.deluxe-features li span{font-size:18px}.deluxe-try-btn{padding:18px 24px;background:linear-gradient(135deg,#22C55E,#16A34A);border-radius:16px;font-size:17px;margin-bottom:14px;transition:all .3s ease;animation:fadeInUp .5s ease .5s both;box-shadow:0 4px 20px rgba(34,197,94,.3)}.deluxe-try-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(34,197,94,.4)}.deluxe-try-btn:active{transform:translateY(0)}.deluxe-subscribe-btn{padding:18px 24px;border-radius:16px;font-size:17px;transition:all .3s ease;animation:fadeInUp .5s ease .6s both;box-shadow:0 4px 20px rgba(255,215,0,.3)}.deluxe-subscribe-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(255,215,0,.4)}.deluxe-note{font-size:13px;color:rgba(255,255,255,.4);animation:fadeInUp .5s ease .7s both}.deluxe-payment{animation:fadeInUp .4s ease}.deluxe-payment h3{font-size:26px;margin-bottom:10px;color:#FFD700}.deluxe-payment>p{color:rgba(255,255,255,.6);margin-bottom:28px}.payment-form{gap:14px;margin-bottom:28px}.payment-form input{padding:16px 18px;border:2px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.05);transition:all .3s ease}.payment-form input:focus{outline:none;border-color:#FFD700;background:rgba(255,255,255,.08)}.payment-form input::placeholder{color:rgba(255,255,255,.35)}.deluxe-pay-btn{padding:18px 24px;border-radius:16px;font-size:17px;margin-bottom:14px;transition:all .3s ease;box-shadow:0 4px 20px rgba(255,215,0,.3)}.deluxe-pay-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(255,215,0,.4)}.deluxe-back-btn{padding:14px;border:2px solid rgba(255,255,255,.2);border-radius:14px;color:rgba(255,255,255,.7);font-size:15px;font-weight:600;transition:all .3s ease}.deluxe-back-btn:hover{border-color:rgba(255,255,255,.4);color:white}.deluxe-unlocked{animation:fadeInUp .5s ease}.deluxe-check{font-size:72px;margin-bottom:20px;animation:popIn .5s cubic-bezier(.4,0,.2,1)}@keyframes popIn{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.deluxe-unlocked h2{font-size:30px;margin-bottom:10px;background:linear-gradient(135deg,#22C55E,#4ADE80);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.deluxe-unlocked>p{color:rgba(255,255,255,.6);margin-bottom:28px}.deluxe-quick-actions{grid-gap:14px;gap:14px}.deluxe-feature-btn{padding:20px 16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:16px;font-weight:500;text-align:center;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:10px}.deluxe-feature-btn:hover{background:rgba(255,255,255,.1);border-color:rgba(255,215,0,.3);transform:translateY(-3px)}.deluxe-feature-btn .icon{font-size:28px}.deluxe-features li{border-bottom:1px solid rgba(255,255,255,.1);font-size:14px}.deluxe-features li:last-child{border-bottom:none}.deluxe-subscribe-btn{width:100%;padding:16px 24px;background:linear-gradient(135deg,#FFD700,#FFA500);border:none;border-radius:12px;color:#1a1a2e;font-size:18px;font-weight:700;cursor:pointer;margin-bottom:16px}.deluxe-note{font-size:12px;color:rgba(255,255,255,.5)}.deluxe-try-btn{width:100%;padding:16px 24px;background:#22C55E;border:none;border-radius:12px;color:white;font-size:18px;font-weight:700;cursor:pointer;margin-bottom:12px}.deluxe-payment{padding:20px 0}.deluxe-payment h3{font-size:24px;margin-bottom:8px}.deluxe-payment>p{color:rgba(255,255,255,.7);margin-bottom:24px}.payment-form{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.payment-form input{width:100%;padding:14px 16px;border:2px solid rgba(255,255,255,.2);border-radius:12px;background:rgba(255,255,255,.1);color:white;font-size:16px}.payment-form input::placeholder{color:rgba(255,255,255,.4)}.deluxe-pay-btn{width:100%;padding:16px 24px;background:linear-gradient(135deg,#FFD700,#FFA500);border:none;border-radius:12px;color:#1a1a2e;font-size:18px;font-weight:700;cursor:pointer;margin-bottom:12px}.deluxe-back-btn{width:100%;padding:12px;background:transparent;border:2px solid rgba(255,255,255,.3);border-radius:12px;color:white;font-size:16px;cursor:pointer}.deluxe-unlocked{padding:20px 0}.deluxe-check{font-size:64px;margin-bottom:16px}.deluxe-unlocked h2{font-size:28px;margin-bottom:8px;color:#22C55E}.deluxe-unlocked>p{color:rgba(255,255,255,.7);margin-bottom:24px}.deluxe-quick-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.deluxe-feature-btn{padding:16px;background:rgba(255,255,255,.1);border:none;border-radius:12px;color:white;font-size:14px;cursor:pointer;text-align:left}.main-content{flex:1 1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding-bottom:calc(var(--bottom-nav-height) + var(--safe-bottom));display:block}.left-panel{display:flex;flex-direction:column;min-height:0;flex:1 1}.right-panel{flex:1 1;overflow-y:auto;background:var(--bg);padding:0;min-width:0;display:none}.app-goal-banner{display:flex;align-items:flex-start;gap:14px;padding:14px 16px;background:linear-gradient(135deg,#ECFDF5,#D1FAE5 50%,#F0FDF4);border-bottom:2px solid rgba(34,197,94,.25);box-shadow:0 4px 16px rgba(34,197,94,.12);flex-shrink:0}.app-goal-icon{font-size:28px;line-height:1;flex-shrink:0;margin-top:2px}.app-goal-copy{flex:1 1;min-width:0}.app-goal-title{display:block;font-size:15px;font-weight:800;color:#15803D;margin-bottom:4px;letter-spacing:.02em}.app-goal-banner .app-goal-text,.app-goal-text{margin:0;font-size:13px;line-height:1.55;color:#166534;font-weight:500}.page-header-block{padding:16px 16px 12px;background:var(--card);border-bottom:1px solid var(--border)}.page-header-title{margin:0 0 6px;font-size:20px;font-weight:800;color:var(--text);line-height:1.25}.page-header-sub,.results-intro-text{margin:0;font-size:13px;line-height:1.5;color:var(--text-light)}.results-intro{padding:0 0 8px}.generate-recipe-fab{position:fixed;bottom:calc(var(--bottom-nav-height) + var(--safe-bottom) + 12px);left:16px;right:16px;padding:16px 20px;background:linear-gradient(135deg,var(--green),var(--green-dark));color:white;border:none;border-radius:var(--radius);font-size:16px;font-weight:800;z-index:200;box-shadow:0 8px 28px rgba(34,197,94,.45);cursor:pointer;animation:fabPopIn .35s cubic-bezier(.34,1.56,.64,1)}.generate-recipe-fab[hidden]{display:none}@keyframes fabPopIn{0%{opacity:0;transform:translateY(20px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}.search-section{padding:16px;background:var(--card);border-bottom:1px solid var(--border)}.app-goal-section{background:linear-gradient(135deg,rgba(34,197,94,.08),rgba(34,197,94,.02))}.panel-search input{width:100%;padding:14px 18px 14px 44px;border:2px solid var(--border);border-radius:var(--radius);font-size:16px;background:var(--bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%236B7280' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:14px}.panel-search input:focus{outline:none;border-color:var(--green)}.ing-mission-block{text-align:center;padding:18px 20px 14px;background:linear-gradient(135deg,#ECFDF5,#D1FAE5 50%,#F0FDF4);border-bottom:2px solid rgba(34,197,94,.2);box-shadow:0 4px 14px rgba(34,197,94,.1)}.ing-mission-icon{font-size:32px;line-height:1;margin-bottom:8px}.ing-mission-title{display:block;font-size:16px;font-weight:800;color:#15803D;margin-bottom:6px;letter-spacing:.02em}.ing-mission-text{margin:0 auto;max-width:320px;font-size:13px;line-height:1.55;color:#166534;font-weight:500}.ing-pick-header{text-align:center;padding:16px 20px 12px;background:var(--card);border-bottom:1px solid var(--border)}.ing-pick-title{margin:0 0 6px;font-size:22px;font-weight:800;color:var(--text);line-height:1.2}.ing-pick-sub{margin:0 auto;max-width:280px;font-size:13px;line-height:1.45;color:var(--text-light)}.cuisine-filter-bar{padding:12px 16px;background:var(--card);border-bottom:1px solid var(--border);overflow-x:auto;-webkit-overflow-scrolling:touch}.filter-label{font-size:12px;font-weight:600;color:var(--text-light);margin-bottom:10px;display:block}.cuisine-chips{display:flex;gap:8px;padding-bottom:4px}.cuisine-chip{padding:8px 14px;border:2px solid var(--border);border-radius:50px;background:transparent;font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer;transition:all .2s;min-height:40px}.cuisine-chip.active,.cuisine-chip:hover{border-color:var(--green)}.cuisine-chip.active{background:var(--green);color:white}.ingredients-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(85px,1fr));grid-gap:12px;gap:12px;padding:16px;background:var(--bg)}.ing-chip{display:flex;flex-direction:column;align-items:center;padding:14px 8px;background:var(--card);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .3s ease;min-height:95px;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.05)}.ing-chip:hover{border-color:var(--green);transform:translateY(-3px);box-shadow:0 6px 20px rgba(34,197,94,.15)}.ing-chip.selected{background:linear-gradient(135deg,var(--green),var(--green-dark));border-color:var(--green);color:white;box-shadow:0 6px 20px rgba(34,197,94,.3)}.ing-chip.selected .ing-name{color:white}.ing-icon{font-size:34px;margin-bottom:6px}.chatbot-icon,.cuisine-chip,.emoji,.empty-icon,.header-actions button,.ing-icon,.ing-icon-small,.logo-icon,.nav-item-icon,.quick-btn,.recipe-hero-icon{font-family:Segoe UI Emoji,Segoe UI Symbol,Apple Color Emoji,Noto Color Emoji,sans-serif;font-style:normal}body.lang-ur .chatbot-icon,body.lang-ur .emoji,body.lang-ur .empty-icon,body.lang-ur .ing-icon,body.lang-ur .ing-icon-small,body.lang-ur .logo-icon,body.lang-ur .nav-item-icon,body.lang-ur .recipe-hero-icon{font-family:Segoe UI Emoji,Segoe UI Symbol,Apple Color Emoji,Noto Color Emoji,sans-serif}.ing-name{font-size:11px;font-weight:700;text-align:center;color:var(--text);line-height:1.2;text-transform:uppercase;letter-spacing:.3px}.ing-category-header{grid-column:1/-1;font-size:15px;font-weight:800;color:var(--text);padding:16px 0 10px;border-bottom:2px solid var(--green);margin-top:4px;letter-spacing:.01em}.ing-category-header:first-child{margin-top:0}.bottom-actions{padding:16px;background:var(--card);border-top:1px solid var(--border)}.quick-actions{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.quick-btn{width:100%;padding:14px 16px;background:linear-gradient(135deg,#DCFCE7,#BBF7D0);border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;min-height:48px;transition:all .2s}.quick-btn:hover{transform:translateY(-2px)}.quick-btn.active{background:linear-gradient(135deg,#86EFAC,#4ADE80)}.view-all-btn{width:100%;padding:14px 16px;background:linear-gradient(135deg,#DBEAFE,#BFDBFE);border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;min-height:48px;transition:all .2s}.view-all-btn:hover{transform:translateY(-2px)}#selectedCount{font-size:14px;color:var(--text-light)}.empty-state{height:100%;min-height:50vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px}.empty-icon{font-size:80px;opacity:.5;margin-bottom:20px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-state h2{font-family:Caveat,cursive;font-size:28px;margin-bottom:8px}.empty-state p{color:var(--text-light);font-size:15px}.selected-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:20px}.selected-tag{background:var(--card);border:2px solid var(--green);border-radius:50px;font-size:14px;display:flex;align-items:center}.clear-selection,.selected-tag{padding:10px 16px;font-weight:600;cursor:pointer;min-height:44px}.clear-selection{background:#FEE2E2;border:none;border-radius:50px;font-size:13px;color:#DC2626;margin-top:12px}.results-container{max-width:100%;padding:0 16px}.result-section{margin-bottom:32px}.result-section .section-title{font-family:Caveat,cursive;font-size:22px;font-weight:600;margin-bottom:14px;color:var(--text)}.result-grid{grid-gap:12px;gap:12px}.result-card{padding:16px;transition:all .2s;position:relative;min-height:140px}.result-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.1)}.result-card.generated{background:linear-gradient(135deg,#FEF3C7,#FDE68A);border-color:#F59E0B}.result-icon{font-size:36px;margin-bottom:8px}.result-name{font-size:14px;margin-bottom:6px;line-height:1.3}.result-meta{gap:8px;font-size:11px}.result-cuisine{font-size:11px;margin-top:4px}.custom-badge{background:var(--orange)}.custom-badge,.verified-badge{position:absolute;top:8px;right:8px;color:white;font-size:9px;font-weight:700;padding:3px 8px;border-radius:50px}.verified-badge{background:var(--green)}.result-card.verified{border:2px solid var(--green)}.recipe-source{margin-top:10px;text-align:center}.recipe-source a{display:inline-block;color:var(--green);font-weight:600;font-size:13px;text-decoration:none;margin-bottom:4px}.source-note{display:block;font-size:11px;color:var(--text-light)}.loading-recipe,.spoon-loading{text-align:center;padding:16px;color:var(--text-light);font-size:14px}.ai-section{background:linear-gradient(135deg,#DBEAFE,#BFDBFE);border-radius:var(--radius);padding:20px;margin:16px;text-align:center}.ai-header h3{font-family:Caveat,cursive;font-size:24px;margin-bottom:8px}.ai-header p{color:var(--text-light);margin-bottom:16px;font-size:14px}.ai-buttons{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px}.ai-generate-btn{padding:14px 16px;background:linear-gradient(135deg,#4F46E5,#4338CA);border:none;border-radius:var(--radius-sm);color:white;font-size:14px;font-weight:600;cursor:pointer;min-height:48px;transition:all .2s}.ai-generate-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(79,70,229,.4)}.ai-generate-btn.drink{background:linear-gradient(135deg,#EC4899,#DB2777)}.ai-generate-btn.sauce{background:linear-gradient(135deg,#059669,#047857)}.ai-generate-btn.dessert{background:linear-gradient(135deg,#D97706,#B45309)}.recipe-view{max-width:100%;padding:16px;padding-bottom:calc(100px + var(--safe-bottom))}.recipe-hero{display:flex;flex-direction:column;align-items:center;gap:16px;background:linear-gradient(135deg,#FEF3C7,#FDE68A);border-radius:var(--radius);padding:24px;margin-bottom:16px;text-align:center}.hero-icon,.recipe-hero-icon{font-size:64px}.hero-text{width:100%}.cuisine-badge,.recipe-badge{display:inline-block;padding:6px 14px;background:var(--green);color:white;font-size:11px;font-weight:700;border-radius:50px;text-transform:uppercase}.hero-text h1,.recipe-name{font-family:Caveat,cursive;font-size:28px;margin:10px 0}.hero-meta,.recipe-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;font-size:13px;color:var(--text-light);margin-top:10px}.leftover-badge{background:#DCFCE7;color:#15803D;font-size:12px}.leftover-badge,.type-badge{padding:4px 12px;border-radius:50px;font-weight:600}.type-badge{font-size:11px;text-transform:uppercase}.type-meal{background:#FEE2E2;color:#DC2626}.type-drink{background:#DBEAFE;color:#2563EB}.type-sauce{background:#D1FAE5;color:#059669}.type-dessert{background:#FEF3C7;color:#D97706}.cal-badge{background:rgba(249,115,22,.15);color:#EA580C}.cal-badge,.serv-badge{padding:4px 10px;border-radius:50px;font-size:12px;font-weight:600}.serv-badge{background:rgba(34,197,94,.15);color:#16A34A}.meal-card-cal,.result-cal{font-size:12px;color:#EA580C;font-weight:600;text-align:center;margin-top:4px}.servings-bar,.servings-section{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;background:var(--card);border-radius:var(--radius-sm);margin-bottom:16px}.servings-bar span{font-size:14px;font-weight:600;color:var(--text-light)}.serv-btns,.serv-buttons{display:flex;gap:8px}.serv-btn{padding:10px 16px;border:2px solid var(--border);border-radius:var(--radius-xs);background:var(--card);font-size:14px;font-weight:600;cursor:pointer;min-height:44px;min-width:50px}.serv-btn.active,.serv-btn:hover{border-color:var(--green)}.serv-btn.active{background:var(--green);color:white}.recipe-view .section,.section-block{background:var(--card);border-radius:var(--radius);padding:16px;margin-bottom:12px}.recipe-view .section h3{font-size:14px;font-weight:700;color:var(--text-light);text-transform:uppercase;margin-bottom:12px}.ingredients-list{display:flex;flex-direction:column;gap:8px}.block-title{font-size:12px;font-weight:700;color:var(--text-light);text-transform:uppercase;margin-bottom:12px}.ingredients-display{display:flex;flex-direction:column;gap:8px}.ing-row{display:flex;align-items:center;gap:12px;padding:14px;background:var(--bg);border-radius:var(--radius-xs);min-height:48px}.ing-icon-small{font-size:20px}.ing-text{flex:1 1;font-size:15px}.ing-qty{font-size:14px;color:var(--green);font-weight:600;white-space:nowrap}.missing-list{display:flex;flex-wrap:wrap;gap:8px}.missing-item{display:flex;align-items:center;gap:6px;padding:8px 14px;background:rgba(239,68,68,.1);border-radius:50px;font-size:13px;color:#EF4444;min-height:40px}.all-have{color:var(--green);font-weight:600;font-size:14px}.ai-note{color:#D97706;font-style:italic}.no-subs{color:var(--text-light);font-size:14px}.steps-list{display:flex;flex-direction:column;gap:12px}.step-item{display:flex;gap:14px;padding:16px;background:var(--bg);border-radius:var(--radius-sm)}.step-num{width:32px;height:32px;background:var(--green);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;font-size:14px}.step-text{font-size:15px;line-height:1.6}.subs-list{display:flex;flex-direction:column;gap:10px}.sub-row{display:flex;align-items:center;gap:12px;padding:14px;background:var(--bg);border-radius:var(--radius-xs);font-size:14px;min-height:48px}.arrow{color:var(--text-light)}.rec-card{background:var(--card);border:2px solid var(--border);border-radius:var(--radius-sm);padding:12px;cursor:pointer;transition:border-color .2s,transform .2s;min-width:0}.rec-card:hover{border-color:var(--green);transform:translateY(-2px)}.rec-card-icon{font-size:28px;margin-bottom:6px}.rec-card-name{font-size:13px;font-weight:700;line-height:1.3;margin-bottom:4px}.rec-card-meta{font-size:11px;color:var(--text-light)}.rec-card-match{display:inline-block;margin-top:6px;padding:2px 8px;background:#DCFCE7;color:#15803D;border-radius:50px;font-size:10px;font-weight:600}.rec-main-title{font-family:Caveat,cursive;font-size:22px;margin:0 0 16px}.rec-group{margin-bottom:20px}.rec-group-title{font-size:14px;font-weight:700;margin:0 0 10px;color:var(--text)}.rec-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px}.recipe-recommendations{background:linear-gradient(135deg,rgba(34,197,94,.06),rgba(34,197,94,.02));border:2px solid rgba(34,197,94,.15);border-radius:var(--radius);padding:16px}.recipe-view.show{animation:recipeFadeIn .25s ease}@keyframes recipeFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tags-bar{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.tag-badge{padding:8px 14px;background:#E0E7FF;border-radius:50px;font-size:12px;font-weight:600;color:#4F46E5}.fav-btn{position:fixed;bottom:calc(var(--bottom-nav-height) + var(--safe-bottom) + 16px);left:16px;right:16px;padding:16px;background:linear-gradient(135deg,#F97316,#EA580C);border:none;border-radius:var(--radius);color:white;font-size:16px;font-weight:700;cursor:pointer;min-height:56px;z-index:100;box-shadow:0 4px 20px rgba(249,115,22,.4)}.generate-more-btn{width:100%;padding:14px;background:linear-gradient(135deg,#4F46E5,#4338CA);border:none;border-radius:var(--radius-sm);color:white;font-size:15px;font-weight:600;cursor:pointer;margin-top:12px;min-height:48px}.all-meals-view{padding:16px;padding-bottom:calc(100px + var(--safe-bottom))}.back-btn{padding:12px 16px;margin-bottom:20px;min-height:48px}.back-btn:hover{border-color:var(--green);color:var(--green)}.filter-section{margin-bottom:16px}.type-filter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}.type-filter-btn{padding:10px 16px;border:2px solid var(--border);border-radius:50px;background:var(--card);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;min-height:44px}.type-filter-btn:hover{border-color:var(--green)}.type-filter-btn.active{background:linear-gradient(135deg,#4F46E5,#4338CA);border-color:#4F46E5;color:white}.cuisine-filter{display:flex;gap:8px;flex-wrap:wrap}.cuisine-filter-btn{padding:8px 14px;border:2px solid var(--border);border-radius:50px;background:var(--card);font-size:12px;font-weight:600;cursor:pointer;min-height:40px}.cuisine-filter-btn:hover{border-color:var(--green)}.cuisine-filter-btn.active{background:var(--green);border-color:var(--green);color:white}.all-results-count{font-size:14px;color:var(--text-light);margin-bottom:16px}.meals-grid{grid-gap:12px;gap:12px}.meal-card{padding:16px;transition:all .2s;min-height:130px}.meal-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.1)}.meal-card.generated{background:linear-gradient(135deg,#FEF3C7,#FDE68A);border-color:#F59E0B}.meal-card-icon{font-size:40px;margin-bottom:8px}.meal-card-name{font-size:14px;margin-bottom:4px;line-height:1.3}.meal-card-meta{font-size:12px}.meal-card-type{font-size:10px;text-transform:uppercase;margin-top:6px}.no-results{text-align:center;padding:40px 24px;background:var(--card);border-radius:var(--radius)}.no-results p{color:var(--text-light);margin-bottom:16px;font-size:15px}.diff-easy{color:var(--green);font-weight:600}.diff-medium{color:#D97706;font-weight:600}.diff-hard{color:#DC2626;font-weight:600}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--card);border-top:1px solid var(--border);padding:8px 16px;padding-bottom:calc(8px + var(--safe-bottom));z-index:100;justify-content:space-around}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 16px;background:none;border:none;cursor:pointer;border-radius:var(--radius-sm);min-width:64px;transition:all .2s}.nav-item-icon{font-size:24px}.nav-item-label{font-size:11px;font-weight:600;color:var(--text-light)}.nav-item.active .nav-item-label{color:var(--green)}@media (min-width:768px){.recipe-view .back-btn{display:none}.right-panel.show{display:flex}.all-meals-view.show,.recipe-view.show,.results-container.show{display:block}.app-header{padding:14px 24px}.logo-text{font-size:26px}.logo-icon{font-size:32px}.blog-btn,.header-btn,.settings-btn{padding:10px 18px;font-size:14px}.blog-panel,.settings-panel{position:fixed;top:var(--header-height);left:auto;right:20px;bottom:auto;width:400px;max-height:70vh;border-radius:var(--radius);box-shadow:0 10px 40px rgba(0,0,0,.2)}.blog-panel-header{display:none}.blog-panel,.settings-panel{padding:24px}.blog-panel-close,.settings-panel-close,.settings-panel-header{display:none}.main-content{flex:1 1;padding-bottom:0}.left-panel,.main-content{display:flex;overflow:hidden}.left-panel{width:380px;min-width:320px;max-width:400px;background:var(--card);border-right:1px solid var(--border);flex-direction:column}.right-panel{flex:1 1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;padding:24px;min-width:0}.search-section{padding:16px}.cuisine-filter-bar{padding:12px 16px}.ingredients-grid{grid-template-columns:repeat(3,1fr);padding:16px;overflow-y:auto}.bottom-actions{padding:16px}.empty-state{min-height:auto}.empty-icon{font-size:100px}.empty-state h2{font-size:32px}.ingredients-grid{flex:1 1}.bottom-nav{display:none}.recipe-view{max-width:580px;margin:0 auto;padding:24px}.recipe-hero{flex-direction:row;text-align:left}.hero-icon{font-size:80px;margin:0 auto}.hero-text h1{font-size:32px}.hero-meta{justify-content:flex-start}.fav-btn{position:static;width:100%;margin-top:16px;box-shadow:none}.servings-bar{justify-content:flex-start}.serv-btns{margin-left:auto}.all-meals-view{max-width:900px;margin:0 auto;padding:24px}.meals-grid{grid-template-columns:repeat(4,1fr);gap:16px}.meal-card{min-height:150px}.result-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.result-card{min-height:150px}.ai-section{margin:24px}.ai-buttons{grid-template-columns:repeat(4,1fr)}.blog-panel,.lang-panel,.settings-panel{position:fixed}.lang-panel{top:var(--header-height);left:auto;right:20px;bottom:auto;width:350px;max-height:70vh;border-radius:var(--radius);box-shadow:0 10px 40px rgba(0,0,0,.2);padding:20px}.lang-panel-header{display:none}.lang-panel-close{display:flex}}.results-container{display:none;padding:12px}.results-container.show{display:block}.all-meals-view{display:none;padding:12px}.all-meals-view.show{display:block}.recipe-view{display:none;padding:12px}.recipe-view.show{display:block}.result-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px}.result-card{background:var(--card);border-radius:var(--radius);padding:12px;cursor:pointer;border:2px solid transparent;min-height:100px}.result-card:hover{border-color:var(--green);transform:translateY(-2px)}.result-icon{font-size:28px}.result-icon,.result-name{text-align:center;margin-bottom:4px}.result-name{font-size:12px;font-weight:700}.result-meta{display:flex;justify-content:center;gap:6px;font-size:10px;color:var(--text-light)}.result-cuisine{color:var(--green)}.result-cal,.result-cuisine{text-align:center;font-size:10px;font-weight:600}.result-cal{color:#EA580C}.result-section{margin-bottom:20px}.result-section .section-title{font-family:Segoe UI,cursive;font-size:18px;margin-bottom:10px}.meal-card{background:var(--card);border-radius:var(--radius);padding:12px;cursor:pointer;border:2px solid transparent;min-height:90px}.meal-card:hover{border-color:var(--green)}.meal-card-icon{font-size:30px;text-align:center;margin-bottom:4px}.meal-card-name{font-size:12px;font-weight:700;text-align:center}.meal-card-meta{font-size:10px;color:var(--text-light);text-align:center}.meal-card-type{font-size:9px;text-align:center;color:var(--green);font-weight:600}.meals-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px}.back-btn{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--card);border:2px solid var(--border);border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;margin-bottom:16px}.cuisine-filter,.type-filter{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.cuisine-filter-btn,.type-filter-btn{padding:8px 12px;border:2px solid var(--border);border-radius:50px;background:var(--card);font-size:12px;font-weight:600;cursor:pointer}.cuisine-filter-btn.active,.type-filter-btn.active{background:var(--green);border-color:var(--green);color:white}@media (min-width:1024px){.main-split{display:flex;flex:1 1;overflow:hidden}.left-panel{width:400px;max-width:450px}.ingredients-grid{grid-template-columns:repeat(3,1fr)}}@supports (padding-bottom:env(safe-area-inset-bottom)){.bottom-nav{padding-bottom:calc(8px + env(safe-area-inset-bottom))}.fav-btn{bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom) + 16px)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-light)}body.loading{overflow:hidden}.chatbot-btn{padding:10px 12px;background:linear-gradient(135deg,#22C55E,#16A34A);border:none;border-radius:50%;font-size:18px;cursor:pointer;min-height:44px;min-width:44px;color:white}.chatbot-panel{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--card);z-index:200;display:none;flex-direction:column;padding-top:env(safe-area-inset-top,0)}.chatbot-panel.open{display:flex}.chatbot-header{display:flex;align-items:center;justify-content:space-between;padding:16px;background:linear-gradient(135deg,#22C55E,#16A34A);color:white}.chatbot-title-area{display:flex;align-items:center;gap:12px}.chatbot-icon{font-size:32px}.chatbot-title{font-family:Segoe UI,Roboto,Helvetica Neue,Arial,cursive,sans-serif;font-size:22px;margin:0}.chatbot-subtitle{font-size:12px;opacity:.9}.chatbot-close{width:44px;height:44px;background:rgba(255,255,255,.2);border:none;border-radius:50%;font-size:20px;color:white;cursor:pointer}.chatbot-messages{flex:1 1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.chatbot-welcome{background:var(--bg);border-radius:var(--radius);padding:16px;margin-bottom:8px}.chatbot-welcome p{font-size:14px;line-height:1.5;color:var(--text)}.chatbot-hint{background:#DBEAFE;padding:10px;border-radius:var(--radius-xs);margin-top:12px;font-weight:600;color:#2563EB}.chat-msg-bot,.chat-msg-user{max-width:85%;padding:12px 16px;border-radius:var(--radius);font-size:14px;line-height:1.5}.chat-msg-user{background:linear-gradient(135deg,#22C55E,#16A34A);color:white;align-self:flex-end;border-bottom-right-radius:4px}.chat-msg-bot{background:var(--bg);align-self:flex-start;border-bottom-left-radius:4px}.chatbot-input-area{display:flex;gap:8px;padding:12px 16px calc(12px + env(safe-area-inset-bottom, 0px));background:var(--card);border-top:1px solid var(--border)}#chatbotInput{flex:1 1;padding:12px 16px;border:2px solid var(--border);border-radius:50px;font-size:16px;outline:none}#chatbotInput:focus{border-color:var(--green)}.chatbot-send-btn{width:48px;height:48px;background:var(--green);border:none;border-radius:50%;color:white;font-size:18px;cursor:pointer}.chatbot-mute-btn{width:40px;height:40px;background:var(--bg);border:2px solid var(--border);border-radius:50%;font-size:16px;cursor:pointer}.chatbot-mute-btn:hover{border-color:var(--green)}.chatbot-voice-btn{width:48px;height:48px;background:#F97316;border:none;border-radius:50%;color:white;font-size:18px;cursor:pointer}.chatbot-voice-btn.recording{animation:pulse 1s infinite;background:#DC2626}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.lang-btn{padding:10px 12px;background:linear-gradient(135deg,#3B82F6,#2563EB);border:none;border-radius:50%;font-size:18px;cursor:pointer;min-height:44px;min-width:44px;color:white}.lang-panel{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--card);z-index:200;display:none;flex-direction:column;padding:calc(16px + env(safe-area-inset-top, 0px)) 16px 16px;overflow-y:auto}.lang-panel.open{display:flex}.lang-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.lang-title{font-family:Segoe UI,sans-serif;font-size:20px;margin:0}.lang-panel-close{width:44px;height:44px;background:var(--bg);border:none;border-radius:50%;font-size:20px;cursor:pointer}.lang-options{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px}.lang-option{display:flex;flex-direction:column;align-items:center;padding:16px 12px;background:var(--bg);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .2s}.lang-option.active,.lang-option:hover{border-color:#3B82F6}.lang-option.active{background:linear-gradient(135deg,#3B82F6,#2563EB);color:white}.lang-native{font-size:18px;font-weight:700;margin-bottom:4px}.lang-name{font-size:12px;opacity:.8}[dir=rtl] .lang-option{text-align:center}@media (min-width:768px){.chatbot-panel{position:fixed;top:var(--header-height);left:auto;right:20px;bottom:auto;width:400px;max-height:70vh;border-radius:var(--radius);box-shadow:0 10px 40px rgba(0,0,0,.2)}.chatbot-header{border-radius:var(--radius) var(--radius) 0 0}.chatbot-close{display:none}.chatbot-messages{max-height:400px}.blog-panel-header{display:none}.blog-panel,.settings-panel{padding:24px}.blog-panel-close,.settings-panel-close,.settings-panel-header{display:none}.main-content{flex:1 1;padding-bottom:0}.left-panel,.main-content{display:flex;overflow:hidden}.left-panel{width:380px;min-width:320px;max-width:400px;background:var(--card);border-right:1px solid var(--border);flex-direction:column}.right-panel{flex:1 1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;padding:24px;min-width:0}.search-section{padding:16px}.cuisine-filter-bar{padding:12px 16px}.ingredients-grid{grid-template-columns:repeat(3,1fr);padding:16px;overflow-y:auto}.bottom-actions{padding:16px}.empty-state{min-height:auto}.empty-icon{font-size:100px}.empty-state h2{font-size:32px}.ingredients-grid{flex:1 1}.bottom-nav{display:none}.recipe-view{max-width:580px;margin:0 auto;padding:24px}.recipe-hero{flex-direction:row;text-align:left}.hero-icon{font-size:80px;margin:0 auto}.hero-text h1{font-size:32px}.hero-meta{justify-content:flex-start}.fav-btn{position:static;width:100%;margin-top:16px;box-shadow:none}.servings-bar{justify-content:flex-start}.serv-btns{margin-left:auto}.all-meals-view{max-width:900px;margin:0 auto;padding:24px}.meals-grid{grid-template-columns:repeat(4,1fr);gap:16px}.meal-card{min-height:150px}.result-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.result-card{min-height:150px}.ai-section{margin:24px}.ai-buttons{grid-template-columns:repeat(4,1fr)}.blog-panel,.chatbot-panel,.settings-panel{position:fixed}}body.mobile-app .bottom-nav{display:flex!important}body.mobile-app .main-content{display:block!important;padding-bottom:calc(var(--bottom-nav-height) + var(--safe-bottom))!important}body.mobile-app .left-panel{width:100%!important;max-width:none!important;min-width:0!important;border-right:none!important}body.mobile-app .right-panel{padding:0!important}body.mobile-app .recipe-view .back-btn{display:flex!important}body.mobile-app .fav-btn{position:fixed!important;bottom:calc(var(--bottom-nav-height) + var(--safe-bottom) + 16px)!important;left:16px!important;right:16px!important;width:auto!important;margin-top:0!important;box-shadow:0 4px 20px rgba(249,115,22,.4)!important}body.mobile-app .ingredients-grid{grid-template-columns:repeat(auto-fill,minmax(85px,1fr))!important}body.mobile-app .meals-grid,body.mobile-app .result-grid{grid-template-columns:repeat(2,1fr)!important}@media (min-width:768px){body.mobile-app .blog-panel,body.mobile-app .chatbot-panel,body.mobile-app .fridge-panel,body.mobile-app .lang-panel,body.mobile-app .settings-panel{top:0!important;left:50%!important;right:auto!important;bottom:0!important;width:100%!important;max-width:430px!important;max-height:none!important;transform:translateX(-50%);border-radius:0!important;box-shadow:none!important}body.mobile-app .blog-panel-close,body.mobile-app .blog-panel-header,body.mobile-app .chatbot-close,body.mobile-app .fridge-panel-close,body.mobile-app .lang-panel-close,body.mobile-app .lang-panel-header,body.mobile-app .settings-panel-close,body.mobile-app .settings-panel-header{display:flex!important}body.mobile-app .ai-buttons{grid-template-columns:repeat(2,1fr)!important}}.fridge-panel{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:250;background:var(--card);flex-direction:column;overflow:hidden}.fridge-panel.open{display:flex}.fridge-panel-header{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--border);background:linear-gradient(135deg,#ECFEFF,#CFFAFE)}.fridge-panel-close{width:40px;height:40px;border:none;border-radius:50%;background:var(--bg);font-size:18px;cursor:pointer}.fridge-title{flex:1 1;margin:0;font-size:18px}.fridge-step-label{font-size:12px;font-weight:700;color:#0891B2;background:white;padding:6px 10px;border-radius:20px}.fridge-step{display:none;flex:1 1;overflow-y:auto;padding:16px 16px calc(16px + env(safe-area-inset-bottom))}.fridge-step.active{display:block}.fridge-intro{color:var(--text-muted);font-size:14px;line-height:1.5;margin-bottom:16px}.fridge-camera-wrap{position:relative;border-radius:16px;overflow:hidden;background:#0f172a;aspect-ratio:4/3;margin-bottom:12px}.fridge-preview,.fridge-video{width:100%;height:100%;object-fit:cover;display:block}.fridge-scan-ring{position:absolute;inset:12px;border:2px dashed rgba(6,182,212,.5);border-radius:12px;pointer-events:none}.fridge-scan-ring.scanning{animation:fridgePulse 1.2s ease infinite;border-color:#22d3ee}@keyframes fridgePulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(.98)}}.fridge-scan-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin-bottom:10px}.fridge-action-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--bg);font-weight:600;font-size:14px;cursor:pointer;margin-bottom:10px}.fridge-action-btn.primary{background:linear-gradient(135deg,#06B6D4,#0891B2);color:white;border:none}.fridge-action-btn.scan{width:100%;background:linear-gradient(135deg,#8B5CF6,#6D28D9);color:white;border:none}.fridge-action-btn:disabled{opacity:.45;cursor:not-allowed}.fridge-detected-title{font-weight:700;margin-bottom:8px}.fridge-detected-hint{font-size:12px;color:var(--text-muted)}.fridge-detected-chips{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.fridge-ing-chip{padding:8px 12px;border-radius:20px;border:2px solid #06b6d4;background:#ECFEFF;font-size:13px;cursor:pointer}.fridge-add-grid{display:grid;grid-template-columns:repeat(8,1fr);grid-gap:6px;gap:6px;margin-top:10px}.fridge-add-chip{aspect-ratio:1;border:1px solid var(--border);border-radius:10px;background:var(--bg);font-size:18px;cursor:pointer}.fridge-add-chip.on{border-color:#06B6D4;background:#ECFEFF}.fridge-pref-block{margin-bottom:18px}.fridge-pref-label{display:block;font-weight:700;margin-bottom:8px;font-size:14px}.fridge-chips{display:flex;flex-wrap:wrap;gap:8px}.fridge-chip{padding:10px 14px;border-radius:20px;border:1px solid var(--border);background:var(--bg);font-size:13px;cursor:pointer}.fridge-chip.active{background:#0891B2;color:white;border-color:#0891B2}.fridge-loading{text-align:center;padding:40px 20px;font-size:16px}.fridge-menu-card{background:linear-gradient(135deg,#F0FDFA,#ECFEFF);border-radius:16px;padding:16px;margin-bottom:16px}.fridge-menu-card h4{margin:0 0 4px}.fridge-menu-meta{font-size:12px;color:var(--text-muted);margin-bottom:12px}.fridge-menu-item{display:flex;gap:12px;padding:12px 0;border-top:1px solid rgba(0,0,0,.06)}.fridge-menu-item.main{border-top:none}.fridge-menu-item span:first-child{font-size:24px}.fridge-menu-item p{margin:4px 0 0;font-size:12px;color:var(--text-muted)}.fridge-link-btn{margin-top:6px;padding:6px 12px;border:none;border-radius:8px;background:#0891B2;color:white;font-size:12px;cursor:pointer}.fridge-yt-btn{display:block;text-align:center;margin-top:12px;padding:12px;background:#DC2626;color:white;text-decoration:none;border-radius:12px;font-weight:600;font-size:14px}.fridge-matches h4{margin-bottom:10px}.fridge-match-row{display:flex;align-items:center;gap:10px;width:100%;padding:12px;margin-bottom:8px;border:1px solid var(--border);border-radius:12px;background:var(--bg);cursor:pointer;text-align:left}.fridge-match-row span:first-child{font-size:22px}.fridge-match-row span:nth-child(2){flex:1 1;font-weight:600}.fridge-match-pct{font-size:12px;color:#0891B2;font-weight:700}.live-mentor-btn{width:100%;padding:14px;margin-bottom:10px;border:none;border-radius:14px;background:linear-gradient(135deg,#6366F1,#4F46E5);color:white;font-weight:700;font-size:15px;cursor:pointer;box-shadow:0 4px 14px rgba(99,102,241,.35)}.live-assistant{display:none;position:fixed;inset:0;z-index:300;background:linear-gradient(180deg,#0f172a,#1e293b);color:white;flex-direction:column;padding:env(safe-area-inset-top) 16px env(safe-area-inset-bottom)}.live-assistant.open{display:flex}.live-assistant-header{display:flex;align-items:center;gap:14px;padding:12px 0 16px}.live-close{width:40px;height:40px;border:none;border-radius:50%;background:rgba(255,255,255,.1);color:white;font-size:18px;cursor:pointer}.live-avatar,.live-avatar-wrap{position:relative;width:56px;height:56px}.live-avatar{border-radius:50%;background:linear-gradient(135deg,#6366F1,#A855F7);display:flex;align-items:center;justify-content:center;font-size:28px;z-index:2}.live-pulse{position:absolute;inset:-4px;border-radius:50%;border:2px solid #818cf8;animation:livePulse 2s ease infinite}@keyframes livePulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.15);opacity:0}}.live-title{margin:0;font-size:18px}.live-subtitle{margin:2px 0 0;font-size:13px;opacity:.7}.live-progress-wrap{display:flex;align-items:center;gap:10px;margin-bottom:16px}.live-progress-track{flex:1 1;height:6px;background:rgba(255,255,255,.15);border-radius:3px;overflow:hidden}.live-progress-bar{height:100%;width:0;border-radius:3px;transition:width .3s;background:linear-gradient(90deg,#6366F1,#A855F7)}.live-step-count{font-size:12px;opacity:.8;white-space:nowrap}.live-current-step{background:rgba(255,255,255,.08);border-radius:16px;padding:16px;margin-bottom:12px;display:flex;gap:12px;align-items:flex-start}.live-step-num{width:32px;height:32px;border-radius:50%;background:#6366F1;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}#liveStepText{margin:4px 0 0;line-height:1.5;font-size:15px}.live-transcript{flex:1 1;overflow-y:auto;margin-bottom:12px;padding:8px;border-radius:12px;background:rgba(0,0,0,.2);min-height:80px;max-height:28vh}.live-msg-mentor,.live-msg-user{padding:8px 12px;border-radius:12px;margin-bottom:8px;font-size:14px;line-height:1.4}.live-msg-mentor{background:rgba(99,102,241,.25);border-left:3px solid #818cf8}.live-msg-user{background:rgba(255,255,255,.1);text-align:right}.live-controls{display:flex;justify-content:center;align-items:center;gap:16px;margin-bottom:10px}.live-ctrl-btn{width:52px;height:52px;border-radius:50%;border:none;background:rgba(255,255,255,.12);color:white;font-size:22px;cursor:pointer}.live-ctrl-btn.big{width:72px;height:72px;font-size:28px;background:linear-gradient(135deg,#6366F1,#4F46E5)}.live-ctrl-btn.big.listening{animation:micPulse 1s ease infinite;background:linear-gradient(135deg,#EF4444,#DC2626)}@keyframes micPulse{0%,to{box-shadow:0 0 0 0 rgba(239,68,68,.5)}50%{box-shadow:0 0 0 12px rgba(239,68,68,0)}}.live-ctrl-btn.wide{width:100%;height:auto;border-radius:14px;padding:14px;font-size:14px;font-weight:600}.step-item.live-current{border-left:4px solid #6366f1;background:rgba(99,102,241,.08)}.step-item.live-done{opacity:.55}body.mobile-app .live-assistant{left:50%;transform:translateX(-50%);max-width:430px;width:100%}body.lang-ur .chatbot-title,body.lang-ur .empty-state h2,body.lang-ur .empty-state p,body.lang-ur .fridge-intro,body.lang-ur .ing-name,body.lang-ur .live-current-step p,body.lang-ur .logo-text,body.lang-ur .nav-item-label{line-height:1.8}html[dir=rtl] .bottom-nav,html[dir=rtl] .cuisine-chips,html[dir=rtl] .fridge-chips,html[dir=rtl] .header-actions{direction:rtl}html[dir=rtl] .back-btn,html[dir=rtl] .recipe-view .back-btn{text-align:right}