@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@300;400;500;600;700&family=Noto+Sans:wght@400;500;600;700&display=swap";.seo-page{max-width:800px;margin:0 auto;padding:2rem 1rem;min-height:calc(100vh - 200px)}.seo-header{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:2px solid var(--primary-green)}.seo-header h1{color:var(--primary-green);font-size:2.5rem;font-weight:700;margin:0 0 1rem;font-family:Poppins,sans-serif;transition:color .3s ease}.seo-subtitle{color:var(--text-secondary);font-size:1.25rem;line-height:1.6;margin:0;font-family:Inter,sans-serif;transition:color .3s ease}.seo-content{margin-bottom:3rem}.seo-content article{line-height:1.8}.seo-content h2{color:var(--primary-green);font-size:1.75rem;font-weight:600;margin:2rem 0 1rem;font-family:Poppins,sans-serif;transition:color .3s ease}.seo-content h3{color:var(--text-color);font-size:1.375rem;font-weight:600;margin:1.5rem 0 .75rem;font-family:Inter,sans-serif;transition:color .3s ease}.seo-content p{color:var(--text-color);font-size:1.0625rem;margin:0 0 1.25rem;font-family:Inter,sans-serif;transition:color .3s ease}.seo-content ul,.seo-content ol{color:var(--text-color);font-size:1.0625rem;margin:0 0 1.25rem;padding-left:2rem;line-height:1.8;transition:color .3s ease}.seo-content li{margin-bottom:.5rem}.seo-content strong{color:var(--primary-green);font-weight:600}.ingredient-category,.substitute-item,.process-step{background:var(--card-bg);border:1px solid var(--border-light);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;transition:all .3s ease}.ingredient-category:hover,.substitute-item:hover,.process-step:hover{border-color:var(--accent-gold);box-shadow:var(--shadow-gold)}.seo-cta{text-align:center;margin:3rem 0;padding:2rem;background:linear-gradient(135deg,var(--green-bg) 0%,var(--card-bg) 100%);border-radius:16px;border:2px solid var(--primary-green)}.cta-button{display:inline-block;padding:1rem 2rem;background:linear-gradient(135deg,var(--primary-green) 0%,var(--green-dark) 100%);color:var(--white);text-decoration:none;border-radius:12px;font-size:1.125rem;font-weight:600;font-family:Inter,sans-serif;transition:all .3s ease;box-shadow:var(--shadow-md)}.cta-button:hover{background:linear-gradient(135deg,var(--green-dark) 0%,var(--primary-green) 100%);transform:translateY(-2px);box-shadow:var(--shadow-gold)}.seo-links{margin-top:3rem;padding-top:2rem;border-top:2px solid var(--border-light)}.seo-nav{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.seo-nav a{color:var(--primary-green);text-decoration:none;padding:.5rem 1rem;border:1px solid var(--border-light);border-radius:8px;font-weight:500;transition:all .3s ease;font-family:Inter,sans-serif}.seo-nav a:hover{background:var(--green-bg);border-color:var(--primary-green);transform:translateY(-2px)}.seo-page-wrapper{min-height:100vh;background:var(--bg-color)}.seo-nav{max-width:900px;margin:0 auto;padding:1rem;display:flex;justify-content:flex-start}.seo-nav-link{color:var(--primary-green);text-decoration:none;padding:.5rem 1rem;border:1px solid var(--border-light);border-radius:8px;font-weight:500;transition:all .3s ease;font-family:Inter,sans-serif;display:inline-flex;align-items:center;gap:.5rem}.seo-nav-link:hover{background:var(--green-bg);border-color:var(--primary-green);transform:translateY(-2px)}[data-theme=dark] .seo-page{background:var(--bg-color)}[data-theme=dark] .ingredient-category,[data-theme=dark] .substitute-item,[data-theme=dark] .process-step{background:var(--card-bg)}@media (max-width: 640px){.seo-header h1{font-size:2rem}.seo-subtitle{font-size:1.125rem}.seo-content h2{font-size:1.5rem}.seo-content h3{font-size:1.25rem}.seo-nav{flex-direction:column;align-items:center}}:root{--primary-green: #0A9D58;--green-dark: #087f47;--green-light: #4caf50;--green-lighter: #81c784;--green-lightest: #c8e6c9;--green-bg: #f0fdf4;--accent-gold: #D4AF37;--gold-light: #F4D03F;--gold-dark: #B8941E;--bg-color: #FFFFFF;--bg-secondary: #FAFAFA;--card-bg: #FAFAFA;--beige: #f5f5dc;--beige-light: #FAFAFA;--white: #ffffff;--text-color: #1A1A1A;--text-primary: #1A1A1A;--text-secondary: #6b7280;--text-muted: #9ca3af;--border-light: #e0e0e0;--border-gold: rgba(212, 175, 55, .3);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .16);--shadow-soft: 0 2px 8px rgba(0, 0, 0, .1);--shadow-gold: 0 4px 12px rgba(212, 175, 55, .2);--pattern-opacity: .03}[data-theme=dark]{--primary-green: #10B981;--green-dark: #059669;--green-light: #34d399;--green-lighter: #6ee7b7;--green-lightest: #a7f3d0;--green-bg: #064e3b;--accent-gold: #FBBF24;--gold-light: #FCD34D;--gold-dark: #F59E0B;--bg-color: #0F172A;--bg-secondary: #1E293B;--card-bg: #1E293B;--beige: #1E293B;--beige-light: #1E293B;--white: #1E293B;--text-color: #F1F5F9;--text-primary: #F1F5F9;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--border-light: #334155;--border-gold: rgba(251, 191, 36, .3);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-soft: 0 2px 8px rgba(0, 0, 0, .3);--shadow-gold: 0 4px 12px rgba(251, 191, 36, .3);--pattern-opacity: .05}*{box-sizing:border-box}body{font-family:Inter,Poppins,Noto Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-color);background-image:radial-gradient(circle at 20% 50%,rgba(10,157,88,var(--pattern-opacity)) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(212,175,55,var(--pattern-opacity)) 0%,transparent 50%),repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(10,157,88,calc(var(--pattern-opacity) * .5)) 10px,rgba(10,157,88,calc(var(--pattern-opacity) * .5)) 20px);margin:0;padding:0 0 80px;min-height:100vh;color:var(--text-color);line-height:1.6;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}.app{max-width:1000px;margin:0 auto;padding:1rem;padding-bottom:100px;transition:background-color .3s ease}.tab-content{min-height:calc(100vh - 200px);transition:background-color .3s ease}.header-section{text-align:center;margin-bottom:3rem;padding-bottom:2rem}.header-top{display:flex;flex-direction:column;align-items:center;gap:1.5rem;margin-bottom:1.5rem}.header-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:center}.header-actions>*{vertical-align:middle;height:40px;min-height:40px;display:inline-flex;align-items:center}@media (min-width: 769px){.header-actions{flex-wrap:nowrap}.header-actions>*{flex-shrink:0}}.halal-arabic{display:block;margin:0 auto 1.5rem;max-width:200px;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(46,125,50,.2))}h1{text-align:center;color:var(--primary-green);font-size:3rem;font-weight:700;margin:0;letter-spacing:-.02em;text-shadow:0 2px 8px rgba(10,157,88,.2);font-family:Poppins,sans-serif;transition:color .3s ease;display:flex;align-items:center;justify-content:center;gap:.75rem}.beta-label{font-size:.875rem;font-weight:500;color:var(--text-secondary);background:var(--bg-secondary);padding:.25rem .75rem;border-radius:12px;border:1px solid var(--border-light);opacity:.7;transition:opacity .3s ease;font-family:Inter,sans-serif;letter-spacing:normal;text-shadow:none}.beta-label:hover{opacity:1}h2{color:var(--primary-green);font-size:1.875rem;font-weight:600;margin:0 0 1.5rem;letter-spacing:-.01em;font-family:Inter,sans-serif;display:flex;align-items:center;gap:.75rem;transition:color .3s ease}h2 span{flex:1}h3{color:var(--primary-green);font-size:1.375rem;font-weight:600;margin:0 0 1rem;font-family:Inter,sans-serif;transition:color .3s ease}textarea,input[type=text]{width:100%;min-height:200px;padding:1.5rem;border-radius:16px;border:2px solid var(--border-light);font-size:1rem;font-family:Inter,sans-serif;margin-bottom:2rem;resize:vertical;background-color:var(--card-bg);color:var(--text-color);transition:all .3s cubic-bezier(.4,0,.2,1);line-height:1.7;box-shadow:var(--shadow-sm)}input[type=text]{min-height:auto;padding:1rem 1.5rem}textarea:focus,input[type=text]:focus{outline:none;border-color:var(--primary-green);box-shadow:0 0 0 4px #0a9d5826,var(--shadow-md);background-color:var(--card-bg);transform:translateY(-2px)}textarea:hover,input[type=text]:hover{border-color:var(--primary-green);box-shadow:var(--shadow-md)}textarea::placeholder,input[type=text]::placeholder{color:var(--text-muted);opacity:.7}.button-icon{width:96px;height:96px;object-fit:contain;display:block}.section-icon{width:96px;height:96px;object-fit:contain;display:inline-block;vertical-align:middle;margin-right:.75rem}.button-icon-inline{width:18px;height:18px;color:inherit;flex-shrink:0}.section-icon-inline{width:20px;height:20px;color:inherit;flex-shrink:0}.input-section{margin-bottom:2.5rem;background:var(--card-bg);padding:2rem;border-radius:20px;box-shadow:var(--shadow-soft);border:2px solid var(--primary-green);transition:all .3s ease}.input-actions{display:flex;gap:1rem;margin-top:1rem;flex-wrap:wrap}.demo-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:var(--white);border:none;border-radius:12px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Inter,sans-serif;display:inline-flex;align-items:center;gap:.5rem}.demo-btn:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-2px);box-shadow:var(--shadow-md)}.input-section:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--accent-gold)}.input-label{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;color:var(--primary-green);font-weight:600;font-size:1.25rem;font-family:Inter,sans-serif}.input-label .section-icon{margin-right:0}.error-message{background-color:#ffebee;color:#c62828;border:1px solid #ef9a9a;border-radius:12px;padding:1rem 1.25rem;margin-bottom:1rem;font-size:.9375rem;font-weight:500;line-height:1.5;font-family:Inter,sans-serif;box-shadow:0 2px 4px #c628281a;animation:fadeIn .3s ease-in;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.retry-button{background:var(--primary-green);color:var(--white);border:none;border-radius:8px;padding:.5rem 1rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Inter,sans-serif;flex-shrink:0}.retry-button:hover{background:var(--green-dark);transform:translateY(-2px);box-shadow:var(--shadow-gold)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}button{background:linear-gradient(135deg,var(--primary-green) 0%,var(--green-dark) 100%);color:var(--white);border:none;padding:1rem 2rem;margin-right:.75rem;margin-bottom:.75rem;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;font-family:Inter,sans-serif;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-md);letter-spacing:.01em;display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden}button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}button:hover:before{width:300px;height:300px}.convert-btn{width:auto;padding:1.125rem 2rem;min-width:140px;height:auto;gap:.5rem;margin:0 auto 2.5rem;display:block;font-size:1.125rem;background:linear-gradient(135deg,var(--accent-gold) 0%,var(--gold-dark) 100%);color:var(--text-color);box-shadow:var(--shadow-gold)}.convert-btn:hover{background:linear-gradient(135deg,var(--gold-dark) 0%,var(--accent-gold) 100%);box-shadow:var(--shadow-gold)}button:hover{background:linear-gradient(135deg,var(--green-dark) 0%,var(--primary-green) 100%);transform:translateY(-3px);box-shadow:var(--shadow-lg)}button.gold-btn{background:linear-gradient(135deg,var(--accent-gold) 0%,var(--gold-dark) 100%);color:var(--text-color);box-shadow:var(--shadow-gold)}button.gold-btn:hover{background:linear-gradient(135deg,var(--gold-dark) 0%,var(--accent-gold) 100%);box-shadow:var(--shadow-gold);transform:translateY(-3px)}button.gold-outline{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;color:var(--white);box-shadow:var(--shadow-md)}button.gold-outline:hover{background:linear-gradient(135deg,#d97706,#f59e0b);color:var(--white);transform:translateY(-2px);box-shadow:var(--shadow-gold)}button:active{transform:translateY(-1px);box-shadow:var(--shadow-md)}button:focus{outline:none;box-shadow:0 0 0 4px #2e7d324d,var(--shadow-md)}.button-icon-inline{transition:transform .3s ease}button:hover .button-icon-inline{transform:scale(1.1) rotate(5deg)}.recipe-card{background:var(--card-bg);border-radius:24px;padding:2.5rem;box-shadow:var(--shadow-lg);border:1px solid var(--border-light);margin-bottom:2rem;font-family:Inter,sans-serif;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.recipe-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-green),var(--accent-gold));transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.recipe-card:hover:before{transform:scaleX(1)}.recipe-card:hover{transform:translateY(-6px);box-shadow:0 12px 48px #0a9d5833,0 4px 16px #d4af371a;border-color:var(--accent-gold)}.recipe-card h2{color:var(--primary-green);font-size:1.875rem;font-weight:600;margin:0 0 2rem;letter-spacing:-.01em;font-family:Inter,sans-serif}.recipe-actions{display:flex;gap:1rem;margin-top:2rem;flex-wrap:wrap;padding-top:2rem;border-top:1px solid var(--green-lightest)}.recipe-actions button{gap:.5rem;flex:1;min-width:140px;padding:1rem 1.5rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:var(--white)}.recipe-actions button:hover{background:linear-gradient(135deg,#d97706,#f59e0b);transform:translateY(-2px);box-shadow:var(--shadow-gold)}.share-community-btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:var(--white);gap:.5rem}.share-community-btn:hover{background:linear-gradient(135deg,#d97706,#f59e0b);transform:translateY(-2px);box-shadow:var(--shadow-gold)}.results{margin-top:3rem;background:var(--card-bg);padding:0;border-radius:24px;box-shadow:var(--shadow-lg);border:1px solid var(--border-light);overflow:hidden;transition:background-color .3s ease,border-color .3s ease}.fade-in{animation:fadeIn .6s cubic-bezier(.4,0,.2,1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}pre{background:var(--bg-secondary);padding:2rem;border-radius:16px;white-space:pre-wrap;word-wrap:break-word;font-size:1.0625rem;line-height:1.8;border:1px solid var(--border-light);color:var(--text-color);margin:0;overflow-x:auto;font-family:Inter,sans-serif;transition:all .3s ease}pre:hover{background:var(--card-bg);box-shadow:var(--shadow-sm);border-color:var(--primary-green)}.recipe-output{display:block;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word}button,.accordion-header,.ingredient-card-header,.references-accordion-header,.saved-recipe-content{touch-action:manipulation;-webkit-tap-highlight-color:rgba(46,125,50,.2)}button{touch-action:manipulation}html{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}*{-webkit-tap-highlight-color:rgba(46,125,50,.1)}.haram{background-color:#ffebee;color:#c62828;padding:.125rem .375rem;border-radius:4px;font-weight:600;border:1px solid #ef9a9a}.haram-tooltip{position:relative;cursor:help;color:red;font-weight:700}.haram-tooltip .tooltip-text{visibility:hidden;width:200px;background-color:#fff;color:#000;text-align:left;padding:8px;border-radius:5px;border:1px solid #ccc;position:absolute;z-index:10;top:100%;left:50%;transform:translate(-50%)}.haram-tooltip:hover .tooltip-text{visibility:visible}.haram-tooltip-content{visibility:hidden;opacity:0;position:absolute;bottom:125%;left:50%;transform:translate(-50%);background-color:#dcefe3;color:#1b5e20;text-align:center;padding:.5rem .75rem;border-radius:8px;font-size:.875rem;font-weight:500;white-space:nowrap;z-index:1000;pointer-events:none;transition:opacity .2s ease,visibility .2s ease;box-shadow:0 2px 8px #2e7d3226;border:1px solid rgba(201,162,77,.3);max-width:300px;white-space:normal;word-wrap:break-word}.haram-tooltip-content:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#dcefe3}.haram-tooltip:hover .haram-tooltip-content,.haram-tooltip:active .haram-tooltip-content{visibility:visible;opacity:1}@media (hover: none) and (pointer: coarse){.haram-tooltip.tooltip-active .haram-tooltip-content{visibility:visible;opacity:1}}.ingredient-tooltip-inline{position:absolute;background:#dcefe3;border:1px solid #C9A24D;border-radius:8px;padding:0;min-width:200px;max-width:300px;box-shadow:0 4px 12px #2e7d3233;z-index:100;animation:tooltipFadeInInline .2s ease-out;transform:translate(-50%);margin-top:-8px;pointer-events:none}@keyframes tooltipFadeInInline{0%{opacity:0;transform:translate(-50%) translateY(5px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.tooltip-inline-content{padding:.75rem;position:relative;z-index:2}.tooltip-inline-header{margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid rgba(201,162,77,.3)}.tooltip-inline-header strong{color:#2e7d32;font-size:.9375rem;font-weight:700}.tooltip-inline-reference{color:#1b5e20;font-size:.875rem;line-height:1.5;font-style:italic}.tooltip-inline-arrow{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #DCEFE3}.tooltip-inline-arrow:before{content:"";position:absolute;bottom:1px;left:50%;transform:translate(-50%);width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #C9A24D;z-index:-1}.recipe-output-wrapper{position:relative}.ingredient-tooltip{position:fixed;background:#dcefe3;border:2px solid #C9A24D;border-radius:12px;padding:0;min-width:280px;max-width:400px;box-shadow:0 8px 24px #2e7d3240,0 4px 12px #c9a24d33;z-index:1000;animation:tooltipFadeIn .3s ease-out;pointer-events:auto}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.tooltip-close-btn{position:absolute;top:.5rem;right:.5rem;background:transparent;border:none;color:#2e7d32;font-size:1.5rem;font-weight:700;cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;padding:0;margin:0;line-height:1}.tooltip-close-btn:hover{background:#c9a24d33;color:#1b5e20;transform:scale(1.1)}.tooltip-close-btn:active{transform:scale(.95)}.tooltip-content{padding:1.5rem 1.25rem 1.25rem}.tooltip-header{margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid #C9A24D}.tooltip-header strong{color:#2e7d32;font-size:1.125rem;font-weight:700}.tooltip-detail{display:flex;flex-direction:column;gap:.375rem;margin-bottom:.875rem}.tooltip-detail:last-child{margin-bottom:0}.tooltip-label{color:#2e7d32;font-weight:600;font-size:.8125rem;text-transform:uppercase;letter-spacing:.05em}.tooltip-value{color:#1b5e20;font-size:.9375rem;line-height:1.5}.tooltip-value.quran-text,.tooltip-value.hadith-text{font-style:italic;font-weight:500}.confidence-section{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--green-bg) 100%);padding:2rem;border-radius:16px;margin:2rem 0;border:1px solid var(--border-light);box-shadow:var(--shadow-soft);transition:all .3s ease}.confidence-section:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.confidence-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.25rem}.confidence-section h3{margin:0;color:var(--primary-green);font-weight:600;display:flex;align-items:center;gap:.5rem;font-family:Inter,sans-serif}.confidence-badge{padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:600;font-family:Inter,sans-serif;white-space:nowrap}.confidence-badge.high{background:var(--green-bg, #e8f5e9);color:var(--primary-green);border:1px solid var(--green-lightest, #c8e6c9)}.confidence-badge.medium{background:#fffbf0;color:#f59e0b;border:1px solid #fcd34d}.confidence-badge.low{background:#fef2f2;color:#c62828;border:1px solid #fca5a5}.confidence-progress{width:100%;height:16px;background-color:var(--bg-secondary);border-radius:12px;overflow:hidden;margin-top:1rem;box-shadow:inset 0 2px 4px #0000001a}.confidence-bar{height:100%;background:linear-gradient(90deg,var(--primary-green) 0%,var(--accent-gold) 100%);border-radius:12px;transition:width 1s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #d4af374d;position:relative;overflow:hidden}.confidence-bar:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.issues-section{margin-top:2rem;padding:2rem;background:var(--card-bg);border-radius:20px;box-shadow:var(--shadow-soft);border:1px solid var(--border-light);transition:background-color .3s ease,border-color .3s ease}.accordion-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--green-bg) 100%);border:1px solid var(--border-light);border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.accordion-header:hover{background:linear-gradient(135deg,var(--green-bg) 0%,var(--bg-secondary) 100%);border-color:var(--accent-gold);box-shadow:var(--shadow-md);transform:translateY(-2px)}.accordion-header:active{transform:translateY(0)}.accordion-header:focus{outline:none;box-shadow:0 0 0 4px #2e7d3233,var(--shadow-md)}.accordion-header h2{margin:0;color:var(--primary-green);font-size:1.5rem;font-weight:600;font-family:Inter,sans-serif}.accordion-icon{font-size:1.75rem;font-weight:300;color:var(--accent-gold);transition:transform .3s cubic-bezier(.4,0,.2,1);line-height:1;min-width:28px;text-align:center}.accordion-content{margin-top:1.5rem;padding:0;background:transparent;border-radius:0;border:none;animation:slideDown .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.simple-explanation-toggle-wrapper{margin:1rem 0;padding:0 1rem}@keyframes slideDown{0%{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:1000px;transform:translateY(0)}}.no-issues-message{color:#2e7d32;font-size:1rem;text-align:center;padding:1.5rem;background:linear-gradient(135deg,#e8f5e9,#f1f8e9);border-radius:12px;border:2px solid #a5d6a7;margin:0;font-weight:600;box-shadow:0 2px 8px #2e7d321a}.ingredient-cards{display:flex;flex-direction:column;gap:1rem}.ingredient-card{background:var(--white);border:1px solid var(--green-lightest);border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm);overflow:hidden}.ingredient-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--green-lighter)}.ingredient-card-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;cursor:pointer;transition:all .3s ease;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,var(--beige-light) 0%,var(--white) 100%)}.ingredient-card-header:hover{background:linear-gradient(135deg,var(--green-bg) 0%,var(--beige-light) 100%)}.ingredient-card-header:active{background:var(--beige-light)}.ingredient-card-header:focus{outline:none;box-shadow:inset 0 0 0 2px #2e7d324d}.ingredient-card-title{display:flex;flex-direction:column;gap:.5rem;flex:1}.ingredient-card-title strong{color:var(--green-primary);font-size:1.25rem;font-weight:600;font-family:Inter,sans-serif}.ingredient-replacement-preview{color:var(--text-secondary);font-size:1rem;font-weight:500;font-family:Inter,sans-serif}.ingredient-card-icon{font-size:1.75rem;font-weight:300;color:var(--green-primary);transition:transform .3s cubic-bezier(.4,0,.2,1);line-height:1;min-width:28px;text-align:center}.ingredient-card-content{padding:0 1.5rem 1.5rem;animation:slideDown .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.ingredient-detail-row{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid var(--green-lightest)}.ingredient-detail-row:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.report-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-light)}.report-button{background:transparent;border:1px solid var(--border-light);color:var(--text-secondary);padding:.625rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;font-family:Inter,sans-serif;width:100%;text-align:center}.report-button:hover{background:var(--bg-secondary);border-color:var(--primary-green);color:var(--primary-green)}.report-button:active{transform:scale(.98)}.detail-label{color:var(--green-primary);font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;font-family:Inter,sans-serif}.detail-value{color:var(--text-primary);font-size:1.0625rem;line-height:1.7;font-family:Inter,sans-serif}.replacement-ratio-row{background:var(--green-bg);padding:.75rem;border-radius:6px;border-left:3px solid var(--primary-green);margin:.5rem 0}.replacement-ratio-value{font-weight:600;color:var(--primary-green);font-size:.95rem}.culinary-notes-value{color:var(--text-primary);font-size:.9rem;line-height:1.6}.culinary-note-item{margin-bottom:.5rem;padding-left:1rem;position:relative}.culinary-note-item:before{content:"•";position:absolute;left:0;color:var(--primary-green);font-weight:700}.culinary-note-item:last-child{margin-bottom:0}.derived-warning-section{margin:1rem 0;padding:1rem;background:#fffbf0;border-left:4px solid var(--accent-gold, #D4AF37);border-radius:8px}.derived-warning{color:#f59e0b;font-weight:600;font-size:.9375rem;margin:0 0 .75rem;font-family:Inter,sans-serif}.trace-details{margin-top:.75rem;background:var(--white, #ffffff);padding:.875rem;border-radius:8px;border:1px solid var(--border-light, #e0e0e0)}.trace-list{margin:.75rem 0 0;padding-left:1.5rem;color:var(--text-primary, #1b5e20)}.alternatives-list{margin-top:.5rem}.alternatives-list ul{margin:0;padding-left:1.5rem;color:var(--text-primary, #1b5e20);list-style-type:disc}.alternatives-list li{margin-bottom:.5rem;line-height:1.6;font-family:Inter,sans-serif;font-size:1rem}.eli5-value{font-style:italic;color:var(--text-secondary, #6b7280);line-height:1.6}.validation-badge-section{margin:1rem 0;display:flex;flex-wrap:wrap;gap:.5rem}.validation-badge{display:inline-block;padding:.5rem .75rem;border-radius:8px;font-size:.8125rem;font-weight:600;font-family:Inter,sans-serif;white-space:nowrap;cursor:help}.validation-badge.explicit-haram{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.validation-badge.derived-haram{background:#fef2f2;color:#b91c1c;border:1px solid #fca5a5}.validation-badge.preference-based{background:#fef3c7;color:#92400e;border:1px solid #fcd34d}.validation-badge.needs-review{background:#fffbf0;color:#f59e0b;border:1px solid #fbbf24}.preference-note-section{margin:1rem 0;padding:.875rem 1rem;background:var(--green-bg, #e8f5e9);border-left:4px solid var(--accent-gold, #D4AF37);border-radius:8px;display:flex;align-items:flex-start;gap:.75rem}.preference-note{color:var(--text-primary, #1b5e20);font-size:.875rem;line-height:1.5;margin:0;font-family:Inter,sans-serif;flex:1}.preference-tooltip{color:var(--primary-green);font-size:1rem;cursor:help;flex-shrink:0;opacity:.7;transition:opacity .2s ease}.preference-tooltip:hover{opacity:1}.detail-value.quran-text,.detail-value.hadith-text{font-style:italic;color:var(--green-dark);font-weight:500}.references-accordion{margin:1.5rem 0;border:1px solid var(--green-lightest);border-radius:12px;background:var(--beige-light);overflow:hidden;transition:all .3s ease}.references-accordion:hover{border-color:var(--green-lighter);box-shadow:var(--shadow-sm)}.references-accordion-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,var(--green-bg) 0%,var(--beige-light) 100%)}.references-accordion-header:hover{background:linear-gradient(135deg,var(--beige-light) 0%,var(--green-bg) 100%)}.references-accordion-header:focus{outline:none;box-shadow:inset 0 0 0 2px #2e7d324d}.references-accordion-title{color:var(--green-primary);font-weight:600;font-size:.9375rem;font-family:Inter,sans-serif;text-transform:uppercase;letter-spacing:.05em}.references-accordion-icon{font-size:1.5rem;font-weight:300;color:var(--green-primary);transition:transform .3s cubic-bezier(.4,0,.2,1);line-height:1;min-width:24px;text-align:center}.references-accordion-content{padding:1.5rem;background:var(--white);animation:slideDown .4s cubic-bezier(.4,0,.2,1);border-top:1px solid var(--green-lightest)}.reference-item{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid var(--green-lightest)}.reference-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.reference-label{color:var(--green-primary);font-weight:600;font-size:.875rem;font-family:Inter,sans-serif}.reference-value{color:var(--text-primary);font-size:1rem;line-height:1.7;font-family:Inter,sans-serif}.reference-value.quran-text,.reference-value.hadith-text{font-style:italic;color:var(--green-dark);font-weight:500}table{width:100%;border-collapse:separate;border-spacing:0;margin-top:0;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px #2e7d321a;border:2px solid #c8e6c9}table th{background:linear-gradient(135deg,#2e7d32,#1b5e20);color:#fff;padding:1rem 1.25rem;text-align:left;font-weight:600;font-size:.9375rem;text-transform:uppercase;letter-spacing:.05em}table td{padding:1rem 1.25rem;border-top:1px solid #e8f5e9;color:#1b5e20}table tbody tr{transition:background-color .15s ease}table tbody tr:hover{background-color:#f1f8e9}table tbody tr:nth-child(2n){background-color:#f9fafb}table tbody tr:nth-child(2n):hover{background-color:#f1f8e9}.form-toggle-section{margin-bottom:1.5rem;text-align:center}.toggle-form-btn{background:linear-gradient(135deg,#2e7d32,#1b5e20);color:#fff;border:none;padding:.875rem 2rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2e7d324d}.toggle-form-btn:hover{background:linear-gradient(135deg,#1b5e20,#2e7d32);transform:translateY(-2px);box-shadow:0 6px 18px #2e7d3266}.recipe-form-section{background:#fff;padding:2rem;border-radius:20px;margin-bottom:2rem;box-shadow:0 10px 30px #2e7d321f;border:2px solid #c8e6c9}.recipe-form-section h2{color:#2e7d32;margin-bottom:1.5rem}.recipe-form{display:flex;flex-direction:column;gap:1.25rem}.form-group label{color:#2e7d32;font-weight:600;font-size:.9375rem}.checkbox-group{margin-top:.5rem}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;color:#1b5e20;font-weight:500}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#2E7D32}.form-actions{display:flex;gap:1rem;margin-top:.5rem;flex-wrap:wrap}.submit-btn{background:linear-gradient(135deg,#2e7d32,#1b5e20);color:#fff;flex:1;min-width:150px}.submit-btn:hover{background:linear-gradient(135deg,#1b5e20,#2e7d32)}.cancel-btn{background:#fff;color:#2e7d32;border:2px solid #c8e6c9;flex:1;min-width:150px}.cancel-btn:hover{background:#f1f8e9;border-color:#a5d6a7;color:#1b5e20}.public-recipes-section,.saved-recipes-section{margin-top:3rem;background:var(--white);padding:2.5rem;border-radius:24px;box-shadow:var(--shadow-lg);border:1px solid var(--green-lightest);transition:all .3s ease}.public-recipes-section:hover,.saved-recipes-section:hover{box-shadow:0 12px 48px #2e7d3229}.public-recipes-section h2,.saved-recipes-section h2{color:var(--green-primary);margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--green-lightest);font-family:Inter,sans-serif}.saved-recipes-list{display:flex;flex-direction:column;gap:1.25rem}.saved-recipe-item{background:var(--beige-light);border:1px solid var(--green-lightest);border-radius:16px;padding:1.5rem;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;box-shadow:var(--shadow-sm)}.saved-recipe-item:hover{background:var(--beige);border-color:var(--green-lighter);transform:translate(8px) translateY(-2px);box-shadow:var(--shadow-md)}.saved-recipe-item.active{background:linear-gradient(135deg,var(--green-bg) 0%,var(--beige-light) 100%);border-color:var(--green-primary);box-shadow:var(--shadow-md);transform:translate(4px)}.saved-recipe-content{flex:1;cursor:pointer}.saved-recipe-preview{display:flex;flex-direction:column;gap:.75rem}.saved-recipe-preview strong{color:var(--green-primary);font-size:1.25rem;font-weight:600;font-family:Inter,sans-serif}.recipe-date{color:var(--green-light);font-size:.875rem;font-weight:500;margin-left:.75rem;font-family:Inter,sans-serif}.saved-recipe-preview p{color:var(--text-secondary);margin:0;line-height:1.5}.delete-recipe-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:.625rem 1.25rem;margin:0;font-size:.875rem;box-shadow:0 2px 8px #ef44444d}.delete-recipe-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef444466}@media (max-width: 768px){.app{padding:1.5rem 1rem;max-width:100%}.header-section{margin-bottom:2rem;padding-bottom:1.5rem}h1{font-size:2rem;margin-bottom:1.5rem}h2{font-size:1.5rem;margin-bottom:1.25rem}h3{font-size:1.125rem}.halal-arabic{max-width:150px;margin-bottom:1rem}.input-section{margin-bottom:2rem;padding:1.5rem}.input-label{font-size:1.125rem;margin-bottom:.875rem}textarea,input[type=text]{min-height:180px;padding:1.25rem;font-size:1rem;border-radius:12px}input[type=text]{min-height:auto;padding:1rem 1.25rem}button{width:100%;margin-right:0;margin-bottom:1rem;padding:1.125rem 1.5rem;min-height:48px;font-size:1rem;border-radius:12px}.convert-btn{padding:1.25rem 2rem;min-height:52px;font-size:1.0625rem;margin-bottom:2rem}.recipe-card{padding:1.5rem;border-radius:20px;margin-bottom:1.5rem}.recipe-card h2{font-size:1.5rem;margin-bottom:1.5rem}pre{padding:1.25rem;font-size:.9375rem;max-height:500px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;border-radius:12px;word-wrap:break-word;white-space:pre-wrap}.recipe-output{max-height:500px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;word-wrap:break-word}.recipe-actions{flex-direction:column;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem}.recipe-actions button{width:100%;margin-right:0;margin-bottom:0;min-height:48px;padding:1.125rem 1.5rem;font-size:1rem}.button-icon-inline{width:20px;height:20px}.section-icon-inline{width:22px;height:22px}.results{margin-top:2rem;border-radius:20px}.confidence-section{padding:1.5rem;margin:1.5rem 0;border-radius:16px}.confidence-section h3{font-size:1.125rem;margin-bottom:1rem}.confidence-progress{height:14px;margin-top:.875rem}.issues-section{padding:1.5rem;margin-top:1.5rem;border-radius:16px}.accordion-header{padding:1.25rem 1.5rem;min-height:56px;border-radius:12px}.accordion-header h2{font-size:1.25rem}.accordion-icon{font-size:1.5rem;min-width:32px}.accordion-content{margin-top:1rem}.ingredient-cards{gap:.875rem}.ingredient-card{border-radius:12px}.ingredient-card-header{padding:1.25rem 1.5rem;min-height:56px}.ingredient-card-title strong{font-size:1.125rem}.ingredient-replacement-preview{font-size:.9375rem}.ingredient-card-icon{font-size:1.5rem;min-width:32px}.ingredient-card-content{padding:0 1.5rem 1.5rem}.references-accordion{margin:1.25rem 0;border-radius:12px}.references-accordion-header{padding:1rem 1.25rem;min-height:48px}.references-accordion-title{font-size:.875rem}.references-accordion-icon{font-size:1.25rem;min-width:28px}.references-accordion-content{padding:1.25rem}.reference-item{margin-bottom:1rem;padding-bottom:1rem}.reference-label{font-size:.8125rem}.reference-value{font-size:.9375rem}.haram-tooltip-content{max-width:280px;font-size:.8125rem;padding:.75rem;left:50%;transform:translate(-50%)}.ingredient-tooltip-inline{min-width:180px;max-width:250px;font-size:.875rem}.tooltip-inline-content{padding:.625rem}.tooltip-inline-header strong{font-size:.875rem}.tooltip-inline-reference{font-size:.8125rem}.ingredient-detail-row{margin-bottom:1rem;padding-bottom:1rem}.detail-label{font-size:.8125rem}.detail-value{font-size:.9375rem;line-height:1.6}.ingredient-tooltip{min-width:240px;max-width:90%;left:50%!important;right:auto!important;transform:translate(-50%)!important}.tooltip-content{padding:1.25rem 1rem 1rem}.tooltip-header strong{font-size:1rem}.tooltip-label{font-size:.75rem}.tooltip-value{font-size:.875rem}.recipe-form-section{padding:1.5rem;border-radius:16px;margin-bottom:1.5rem}.recipe-form-section h2{font-size:1.5rem;margin-bottom:1.25rem}.form-group{gap:.625rem}.form-group label{font-size:.9375rem}.form-actions{flex-direction:column;gap:.75rem;margin-top:1rem}.form-actions button{width:100%;min-height:48px;padding:1.125rem 1.5rem}.public-recipes-section,.saved-recipes-section{padding:1.5rem;margin-top:2rem;border-radius:20px}.public-recipes-section h2,.saved-recipes-section h2{font-size:1.5rem;margin-bottom:1.5rem;padding-bottom:.875rem}.saved-recipes-list{gap:1rem}.saved-recipe-item{flex-direction:column;align-items:stretch;padding:1.25rem;border-radius:12px}.saved-recipe-content{margin-bottom:1rem}.saved-recipe-preview strong{font-size:1.125rem}.recipe-date{font-size:.8125rem;margin-left:.5rem}.saved-recipe-preview p{font-size:.9375rem}.delete-recipe-btn{width:100%;margin-top:.75rem;min-height:40px;min-width:40px;padding:.875rem 1rem;font-size:.875rem}.recipe-form-section{padding:1rem;border-radius:12px;margin-bottom:1rem}.recipe-form-section h2{font-size:1.125rem;margin-bottom:1rem}.form-group label{font-size:.8125rem}.form-actions{gap:.5rem}.form-actions button{min-height:40px;min-width:40px;padding:.875rem 1rem;font-size:.875rem}.submit-btn,.cancel-btn{min-height:40px;min-width:40px;font-size:.875rem}.toggle-form-btn{min-height:40px;min-width:40px;padding:.875rem 1rem;font-size:.875rem}.input-section{margin-bottom:1.25rem}.header-top{gap:1rem}.header-actions{gap:.75rem}.input-actions{flex-direction:column}.demo-btn{width:100%;justify-content:center}.feedback-section{flex-direction:column;align-items:stretch}.feedback-btn{width:100%;justify-content:center}.app-footer{padding:1.5rem 1rem;margin-top:2rem}.recipe-card{margin-bottom:1rem}.confidence-section{margin:1rem 0}.issues-section{margin-top:1rem}table{font-size:.8125rem}table th,table td{padding:.625rem .75rem;font-size:.8125rem}}@media (max-width: 480px){.app{padding:1rem .75rem}.header-section{margin-bottom:1.5rem;padding-bottom:1rem}h1{font-size:1.75rem;margin-bottom:1.25rem}h2{font-size:1.25rem;margin-bottom:1rem}h3{font-size:1rem}.halal-arabic{max-width:120px;margin-bottom:.75rem}.input-section{padding:1.25rem;margin-bottom:1.5rem;border-radius:16px}.input-label{font-size:1rem;margin-bottom:.75rem}textarea,input[type=text]{min-height:150px;padding:.875rem;font-size:.875rem;border-radius:12px;line-height:1.6}input[type=text]{min-height:auto;padding:.75rem .875rem;font-size:.875rem}.error-message{padding:.875rem 1rem;font-size:.875rem;margin-bottom:.875rem;border-radius:10px}button{padding:.875rem 1rem;min-height:40px;min-width:40px;font-size:.875rem;border-radius:10px}.convert-btn{padding:1rem 1.5rem;min-height:44px;min-width:120px;font-size:.9375rem;margin-bottom:1.5rem}.button-icon-inline,.section-icon-inline{width:18px;height:18px;min-width:18px;min-height:18px}button .button-icon-inline{flex-shrink:0}.recipe-card{padding:1.25rem;border-radius:16px;margin-bottom:1.25rem}.recipe-card h2{font-size:1.25rem;margin-bottom:1.25rem}pre{padding:.875rem;font-size:.8125rem;max-height:350px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;border-radius:10px;word-wrap:break-word;white-space:pre-wrap;line-height:1.6}.recipe-output{max-height:350px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;word-wrap:break-word;font-size:.8125rem}.recipe-actions{gap:.5rem;margin-top:1rem;padding-top:1rem}.recipe-actions button{min-height:40px;min-width:40px;padding:.875rem 1rem;font-size:.875rem;flex:1}.results{margin-top:1.5rem;border-radius:16px}.confidence-section{padding:1.25rem;margin:1.25rem 0;border-radius:12px}.confidence-section h3{font-size:1rem;margin-bottom:.875rem}.confidence-progress{height:12px;margin-top:.75rem}.issues-section{padding:1.25rem;margin-top:1.25rem;border-radius:12px}.accordion-header{padding:.875rem 1rem;min-height:44px;border-radius:10px}.accordion-header h2{font-size:1rem}.accordion-icon{font-size:1.125rem;min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center}.ingredient-card-header{padding:.875rem 1rem;min-height:44px;border-radius:10px}.ingredient-card-icon{font-size:1.125rem;min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center}.ingredient-card-content{padding:0 1.25rem 1.25rem}.references-accordion-header{padding:.75rem .875rem;min-height:40px;border-radius:10px}.references-accordion-title{font-size:.75rem}.references-accordion-icon{font-size:1rem;min-width:28px;min-height:28px;display:flex;align-items:center;justify-content:center}.references-accordion-content{padding:1rem}.reference-label{font-size:.75rem}.reference-value{font-size:.875rem}.haram-tooltip-content{max-width:240px;font-size:.75rem;padding:.4375rem .5rem}.ingredient-card-header{padding:.875rem 1rem}.ingredient-card-title strong{font-size:.9375rem}.ingredient-replacement-preview{font-size:.8125rem}.ingredient-card-content{padding:0 1rem 1rem}.ingredient-detail-row{margin-bottom:.75rem;padding-bottom:.75rem}.detail-label{font-size:.75rem}.detail-value{font-size:.875rem}.ingredient-tooltip{min-width:200px;max-width:85%}.tooltip-content{padding:1rem .875rem .875rem}.tooltip-header strong{font-size:.9375rem}.tooltip-label{font-size:.6875rem}.tooltip-value{font-size:.8125rem}.tooltip-close-btn{width:24px;height:24px;font-size:1.25rem;top:.375rem;right:.375rem}table th,table td{padding:.625rem .75rem;font-size:.8125rem}.simple-explanation-toggle-wrapper{margin:.75rem 0;padding:0 .75rem}.feedback-section{flex-direction:column;align-items:stretch;gap:.75rem}.feedback-btn{width:100%;justify-content:center}.app-footer{padding:1.5rem 1rem;margin-top:2rem}}.haram-ingredient{display:inline}.haram-ingredient strong{color:#c62828;font-weight:700}.haram-ingredient-with-tooltip{position:relative;cursor:help}.haram-tooltip-content{visibility:hidden;opacity:0;position:absolute;bottom:125%;left:50%;transform:translate(-50%);background-color:#fff;color:#000;text-align:left;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;font-weight:400;z-index:1000;pointer-events:none;transition:opacity .2s ease,visibility .2s ease;box-shadow:0 2px 8px #0000001a;border:1px solid #e0e0e0;min-width:200px;max-width:300px;white-space:normal;word-wrap:break-word}.haram-tooltip-content:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#fff}.haram-tooltip-content:before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#e0e0e0;z-index:-1}.haram-ingredient-with-tooltip:hover .haram-tooltip-content{visibility:visible;opacity:1}.tooltip-reference{margin-bottom:.5rem}.tooltip-reference:last-child{margin-bottom:0}.tooltip-label{display:block;font-weight:600;color:#000;margin-bottom:.25rem;font-size:.8125rem}.tooltip-text{display:block;color:#000;font-size:.875rem;line-height:1.4}@media (max-width: 768px){.haram-tooltip-content{min-width:180px;max-width:250px;font-size:.8125rem;padding:.625rem .875rem}.tooltip-label{font-size:.75rem}.tooltip-text{font-size:.8125rem}}@media (max-width: 480px){.haram-tooltip-content{min-width:160px;max-width:220px;font-size:.75rem;padding:.5rem .75rem}.tooltip-label{font-size:.6875rem}.tooltip-text{font-size:.75rem}}.quick-lookup{background:var(--card-bg);border-radius:20px;padding:2rem;margin-bottom:2rem;box-shadow:var(--shadow-md);border:2px solid var(--primary-green);transition:all .3s ease}.quick-lookup-header{margin-bottom:1.5rem}.quick-lookup-header h3{color:var(--primary-green);font-size:1.5rem;font-weight:600;margin:0 0 .5rem;font-family:Inter,sans-serif;transition:color .3s ease}.quick-lookup-subtitle{color:var(--text-secondary, #4a5568);font-size:.875rem;margin:0;font-family:Inter,sans-serif}.quick-lookup-search{display:flex;gap:1rem;margin-bottom:1.5rem}.search-input-wrapper{flex:1;position:relative;display:flex;align-items:center}.search-input{width:100%;padding:1rem 1.25rem;border:2px solid var(--border-light);border-radius:12px;font-size:1rem;font-family:Inter,sans-serif;transition:all .3s ease;background-color:var(--card-bg);color:var(--text-color)}.search-input:focus{outline:none;border-color:var(--primary-green);box-shadow:0 0 0 4px #0a9d5826}.clear-button{position:absolute;right:.75rem;background:transparent;border:none;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:color .3s ease;z-index:10}.clear-button:hover{color:var(--primary-green)}.clear-icon{width:18px;height:18px}.search-button{padding:1rem 2rem;background:linear-gradient(135deg,var(--primary-green) 0%,var(--green-dark) 100%);color:var(--white);border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Inter,sans-serif;white-space:nowrap}.search-button:hover:not(:disabled){background:linear-gradient(135deg,var(--green-dark) 0%,var(--primary-green) 100%);transform:translateY(-2px);box-shadow:var(--shadow-md)}.search-button:disabled{opacity:.5;cursor:not-allowed}.quick-lookup-result{background:var(--bg-secondary);border-radius:16px;padding:1.5rem;border:2px solid var(--border-light);animation:fadeIn .3s ease-in;transition:all .3s ease}.result-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:2px solid var(--green-lightest, #c8e6c9)}.status-icon{width:32px;height:32px;flex-shrink:0}.halal-icon{color:var(--primary-green)}.haram-icon{color:#c62828}.questionable-icon{color:#f59e0b}.unknown-icon{color:var(--text-secondary, #4a5568)}.result-status{display:flex;flex-direction:column;gap:.25rem}.status-label{font-size:1.25rem;font-weight:700;font-family:Inter,sans-serif}.result-header.halal .status-label{color:var(--primary-green)}.result-header.haram .status-label{color:#c62828}.result-header.questionable .status-label{color:#f59e0b}.result-reference{font-size:.875rem;color:var(--text-secondary, #4a5568);font-style:italic;font-family:Inter,sans-serif}.result-content{display:flex;flex-direction:column;gap:1rem}.result-explanation{color:var(--text-primary, #1b5e20);font-size:1rem;line-height:1.6;margin:0;font-family:Inter,sans-serif}.result-alternatives{background:var(--white, #ffffff);padding:1rem;border-radius:12px;border:1px solid var(--green-lightest, #c8e6c9)}.result-alternatives strong{color:var(--primary-green);font-weight:600;display:block;margin-bottom:.5rem;font-family:Inter,sans-serif}.result-alternatives ul{margin:0;padding-left:1.5rem;color:var(--text-primary, #1b5e20)}.result-alternatives li{margin-bottom:.5rem;line-height:1.5;font-family:Inter,sans-serif}.result-hadith{background:var(--green-bg);padding:1rem;border-radius:12px;border-left:4px solid var(--primary-green);font-size:.9375rem;line-height:1.6;color:var(--text-color);font-family:Inter,sans-serif;transition:all .3s ease}.result-hadith strong{color:var(--primary-green);font-weight:600}.eli5-section{background:var(--green-bg, #e8f5e9);padding:1rem;border-radius:12px;border-left:4px solid var(--accent-gold, #D4AF37);margin-top:1rem}.eli5-text{color:var(--text-primary, #1b5e20);font-size:.9375rem;line-height:1.6;margin:0;font-family:Inter,sans-serif}.eli5-text strong{color:var(--primary-green);font-weight:600}.confidence-section{background:var(--card-bg, #FAFAFA);padding:.875rem 1rem;border-radius:12px;border:1px solid var(--border-light, #e0e0e0);margin-top:1rem}.confidence-score{color:var(--text-primary, #1b5e20);font-size:.9375rem;margin:0;font-family:Inter,sans-serif}.confidence-score strong{color:var(--primary-green);font-weight:600}.trace-details{background:var(--white, #ffffff);padding:1rem;border-radius:12px;border:1px solid var(--green-lightest, #c8e6c9);margin-top:1rem}.trace-summary{color:var(--primary-green);font-weight:600;font-size:.9375rem;cursor:pointer;list-style:none;font-family:Inter,sans-serif;outline:none}.trace-summary:hover{color:var(--green-dark, #1b5e20)}.trace-summary::-webkit-details-marker{display:none}.trace-summary:before{content:"▶ ";display:inline-block;margin-right:.5rem;transition:transform .2s ease}.trace-details[open] .trace-summary:before{transform:rotate(90deg)}.trace-list{margin:1rem 0 0;padding-left:1.5rem;color:var(--text-primary, #1b5e20)}.trace-item{margin-bottom:.5rem;line-height:1.5;font-family:Inter,sans-serif;font-size:.875rem}.convert-full-recipe-btn{margin-top:.5rem;padding:.875rem 1.5rem;background:linear-gradient(135deg,var(--primary-green) 0%,var(--green-dark) 100%);color:var(--white);border:none;border-radius:12px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Inter,sans-serif;width:100%}.convert-full-recipe-btn:hover{background:linear-gradient(135deg,var(--green-dark) 0%,var(--primary-green) 100%);transform:translateY(-2px);box-shadow:var(--shadow-md)}.quick-lookup-eli5-toggle{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-light, #e0e0e0)}.result-explanation-section{display:flex;flex-direction:column;gap:.75rem}.result-notes{color:var(--text-secondary, #6b7280);font-size:.9375rem;line-height:1.6;margin:0;font-style:italic;font-family:Inter,sans-serif}.inheritance-chain-section{background:var(--beige-light, #fffbe6);border-left:4px solid var(--accent-gold, #f59e0b);padding:1rem;border-radius:8px;margin-top:1rem}.inheritance-chain-label{display:block;color:var(--text-primary, #78350f);font-size:.9375rem;font-weight:600;margin-bottom:.75rem;font-family:Inter,sans-serif}.inheritance-chain{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.75rem}.chain-item{background:var(--white, #ffffff);padding:.5rem .75rem;border-radius:8px;font-weight:600;color:var(--text-primary, #1b5e20);font-size:.875rem;border:1px solid var(--border-light, #e5e7eb);font-family:Inter,sans-serif;text-transform:capitalize}.chain-arrow{color:var(--accent-gold, #f59e0b);font-weight:700;font-size:1.125rem}.inheritance-source{color:var(--text-primary, #78350f);font-size:.875rem;line-height:1.5;margin:.5rem 0 0;font-family:Inter,sans-serif}.inheritance-source strong{color:var(--text-primary, #78350f);font-weight:600}.inheritance-source-section{background:var(--beige-light, #fffbe6);border-left:4px solid var(--accent-gold, #f59e0b);padding:1rem;border-radius:8px;margin-top:1rem}.inheritance-source-section .inheritance-source{margin:0}@media (max-width: 768px){.quick-lookup{padding:1.5rem;border-radius:16px}.quick-lookup-header h3{font-size:1.25rem}.quick-lookup-search{flex-direction:column;gap:.75rem}.search-button{width:100%}.quick-lookup-result{padding:1.25rem}.result-header{flex-direction:column;align-items:flex-start;gap:.75rem}.status-icon{width:28px;height:28px}.status-label{font-size:1.125rem}}.ingredient-tree-display{margin-top:1rem;padding:1rem;background:var(--green-bg, #f0fdf4);border-left:4px solid var(--accent-gold, #D4AF37);border-radius:12px;color:var(--text-primary, #1b5e20);font-size:.9375rem;line-height:1.6;font-family:Inter,sans-serif}.tree-chain-display{margin-bottom:.75rem;font-weight:600;color:var(--primary-green, #0A9D58)}.tree-chain-display strong{color:var(--text-color, #1b5e20);margin-right:.5rem}.tree-details{margin-top:.75rem;border-top:1px dashed var(--border-light);padding-top:.75rem}.tree-summary{font-weight:600;color:var(--primary-green, #0A9D58);cursor:pointer;list-style:none;font-family:Inter,sans-serif;outline:none;-webkit-user-select:none;user-select:none}.tree-summary:hover{color:var(--green-dark, #087f47)}.tree-summary::-webkit-details-marker{display:none}.tree-summary:before{content:"▶ ";display:inline-block;margin-right:.5rem;transition:transform .2s ease}.tree-details[open] .tree-summary:before{transform:rotate(90deg)}.tree-container{margin-top:1rem;padding-left:1rem;border-left:2px solid var(--accent-gold, #D4AF37)}.tree-node{margin:.75rem 0;padding:.5rem;background:var(--card-bg, #ffffff);border-radius:8px;border:1px solid var(--border-light)}.tree-node-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.tree-node-status{font-size:1.2rem;display:inline-flex;align-items:center}.tree-node-name{font-weight:600;color:var(--text-color, #1b5e20)}.tree-node-alternatives{font-size:.875rem;color:var(--text-secondary, #4a5568);margin-top:.5rem;padding-left:1.5rem}.tree-node-children{margin-top:.75rem;padding-left:1.5rem;border-left:2px dashed var(--border-light)}.tree-node.depth-0{background:var(--green-lightest, #e8f5e9)}.tree-node.depth-1{background:var(--card-bg, #ffffff)}.tree-node.depth-2{background:var(--green-bg, #f0fdf4)}.tree-node.depth-3{background:var(--card-bg, #ffffff)}[data-theme=dark] .ingredient-tree-display{background:var(--bg-secondary, #1E293B);border-left-color:var(--accent-gold, #FBBF24);color:var(--text-light, #F1F5F9)}[data-theme=dark] .tree-chain-display strong{color:var(--text-light, #F1F5F9)}[data-theme=dark] .tree-node{background:var(--bg-color, #0F172A);border-color:var(--border-color, #334155)}[data-theme=dark] .tree-node-name{color:var(--text-light, #F1F5F9)}[data-theme=dark] .tree-node-alternatives{color:var(--text-secondary, #94a3b8)}.settings-trigger-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,var(--green-light, #4caf50) 0%,var(--green-primary, #2E7D32) 100%);color:var(--white, #ffffff);border:none;border-radius:12px;font-size:.9375rem;font-weight:600;line-height:1;cursor:pointer;transition:all .3s ease;font-family:Inter,sans-serif;margin-right:.75rem;margin-bottom:.75rem;height:40px;min-height:40px;box-sizing:border-box;vertical-align:middle}.settings-trigger-btn:hover{background:linear-gradient(135deg,var(--green-primary, #2E7D32) 0%,var(--green-light, #4caf50) 100%);transform:translateY(-2px);box-shadow:var(--shadow-md, 0 4px 12px rgba(46, 125, 50, .12))}.settings-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem;animation:fadeIn .3s ease;overflow-y:auto;-webkit-overflow-scrolling:touch}.settings-panel{background:var(--white, #ffffff);border-radius:24px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;overflow-x:hidden;box-shadow:var(--shadow-lg, 0 8px 24px rgba(46, 125, 50, .16));animation:slideUp .3s ease;margin:auto;position:relative;-webkit-overflow-scrolling:touch}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 2rem 1.5rem;border-bottom:2px solid var(--green-lightest, #c8e6c9)}.settings-header h2{color:var(--green-primary, #2E7D32);font-size:1.75rem;font-weight:600;margin:0;font-family:Inter,sans-serif}.settings-close-btn{background:transparent;border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;color:var(--text-secondary, #4a5568);transition:all .2s ease;border-radius:50%}.settings-close-btn:hover{background:var(--green-lightest, #c8e6c9);color:var(--green-primary, #2E7D32)}.settings-content{padding:2rem}.settings-section{margin-bottom:2.5rem}.settings-section:last-of-type{margin-bottom:0}.settings-section h3{color:var(--green-primary, #2E7D32);font-size:1.25rem;font-weight:600;margin:0 0 .5rem;font-family:Inter,sans-serif}.settings-description{color:var(--text-secondary, #4a5568);font-size:.9375rem;margin:0 0 1.5rem;font-family:Inter,sans-serif}.radio-group{display:flex;flex-direction:column;gap:1rem}.radio-option{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;border:2px solid var(--green-lightest, #c8e6c9);border-radius:12px;cursor:pointer;transition:all .3s ease;background:var(--white, #ffffff)}.radio-option:hover{border-color:var(--green-lighter, #81c784);background:var(--green-bg, #e8f5e9)}.radio-option input[type=radio]{margin-top:.25rem;width:20px;height:20px;cursor:pointer;accent-color:var(--green-primary, #2E7D32);flex-shrink:0}.radio-option input[type=radio]:checked+.radio-content .radio-label{color:var(--green-primary, #2E7D32);font-weight:600}.radio-option:has(input[type=radio]:checked){border-color:var(--green-primary, #2E7D32);background:var(--green-bg, #e8f5e9)}.radio-content{display:flex;flex-direction:column;gap:.25rem;flex:1}.radio-label{color:var(--text-primary, #1b5e20);font-size:1.0625rem;font-weight:500;font-family:Inter,sans-serif}.radio-description{color:var(--text-secondary, #4a5568);font-size:.875rem;line-height:1.5;font-family:Inter,sans-serif}.school-select{width:100%;padding:1rem 1.25rem;border:2px solid var(--green-lightest, #c8e6c9);border-radius:12px;font-size:1rem;font-family:Inter,sans-serif;background:var(--white, #ffffff);color:var(--text-primary, #1b5e20);cursor:pointer;transition:all .3s ease}.school-select:focus{outline:none;border-color:var(--green-primary, #2E7D32);box-shadow:0 0 0 4px #2e7d3226}.school-select:hover{border-color:var(--green-lighter, #81c784)}.current-selection{margin-top:1rem;padding:1rem;background:var(--green-bg, #e8f5e9);border-radius:12px;border-left:4px solid var(--green-primary, #2E7D32);color:var(--text-primary, #1b5e20);font-size:.9375rem;line-height:1.6;font-family:Inter,sans-serif}.current-selection strong{color:var(--green-primary, #2E7D32);font-weight:600}.helper-text{margin-top:1rem;padding:.75rem 1rem;background:var(--beige-light, #fafafa);border-left:3px solid var(--accent-gold, #D4AF37);border-radius:8px;color:var(--text-secondary, #4a5568);font-size:.875rem;line-height:1.5;font-family:Inter,sans-serif;font-style:normal}.helper-text em{font-style:italic;color:var(--text-secondary, #6b7280)}.settings-footer{margin-top:2rem;padding-top:2rem;border-top:2px solid var(--green-lightest, #c8e6c9);display:flex;justify-content:flex-end}.settings-save-btn{padding:1rem 2rem;background:linear-gradient(135deg,var(--green-primary, #2E7D32) 0%,var(--green-dark, #1b5e20) 100%);color:var(--white, #ffffff);border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Inter,sans-serif}.settings-save-btn:hover{background:linear-gradient(135deg,var(--green-dark, #1b5e20) 0%,var(--green-primary, #2E7D32) 100%);transform:translateY(-2px);box-shadow:var(--shadow-md, 0 4px 12px rgba(46, 125, 50, .12))}@media (max-width: 768px){.settings-overlay{padding:2rem 1rem 5rem;align-items:flex-start}.settings-panel{max-width:100%;border-radius:20px 20px 0 0;max-height:calc(100vh - 2rem);margin-top:auto;margin-bottom:5rem}.settings-header{padding:1.5rem 1.5rem 1rem;position:sticky;top:0;background:var(--white, #ffffff);z-index:1;border-radius:20px 20px 0 0}.settings-header h2{font-size:1.5rem}.settings-content{padding:1.5rem}.settings-section{margin-bottom:2rem}.radio-option{padding:1rem}.radio-label{font-size:1rem}.radio-description{font-size:.8125rem}.settings-footer{position:sticky;bottom:0;background:var(--white, #ffffff);margin-bottom:0;padding-bottom:1rem;border-top:2px solid var(--green-lightest, #c8e6c9);border-radius:0 0 20px 20px}}.community-tips{margin-top:1rem;border-top:1px solid var(--green-lightest, #c8e6c9);padding-top:1rem}.community-tips-toggle{display:flex;align-items:center;gap:.5rem;background:transparent;border:none;cursor:pointer;padding:.5rem 0;color:var(--green-primary, #2E7D32);font-size:.9375rem;font-weight:500;transition:all .2s ease;font-family:Inter,sans-serif;width:100%;text-align:left}.community-tips-toggle:hover{color:var(--green-dark, #1b5e20)}.tips-icon{width:18px;height:18px;flex-shrink:0}.tips-label{flex:1}.tips-chevron{width:16px;height:16px;flex-shrink:0;transition:transform .2s ease}.community-tips-content{margin-top:1rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#fff4d6,#ffeaa7);border-left:4px solid #f59e0b;border-radius:12px;animation:fadeIn .3s ease;transition:all .3s ease}.tips-text{color:#2d3436!important;font-size:.9375rem;line-height:1.6;margin:0;font-family:Inter,sans-serif;font-weight:500}@media (prefers-color-scheme: dark){.community-tips-content{background:linear-gradient(135deg,#3d3526,#4a4030);border-left-color:#f59e0b}.tips-text{color:#e0e0e0!important}.tips-header strong{color:#f59e0b}}[data-theme=dark] .community-tips-content{background:linear-gradient(135deg,#3d3526,#4a4030);border-left-color:#f59e0b}[data-theme=dark] .tips-text{color:#e0e0e0!important}[data-theme=dark] .tips-header strong{color:#f59e0b}.tips-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.tips-header-icon{width:20px;height:20px;color:#f59e0b;flex-shrink:0}.tips-header strong{color:#f59e0b;font-weight:600;font-size:.9375rem;font-family:Inter,sans-serif}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.community-tips-toggle{font-size:.875rem}.tips-icon{width:16px;height:16px}.tips-chevron{width:14px;height:14px}.community-tips-content{padding:.875rem 1rem}.tips-header-icon{width:18px;height:18px}.tips-header strong,.tips-text{font-size:.875rem}}.tab-navigation{position:fixed;bottom:0;left:0;right:0;background:var(--card-bg);border-top:2px solid var(--border-light);display:flex;justify-content:space-around;align-items:center;padding:.5rem 0;z-index:1000;box-shadow:0 -2px 10px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background-color .3s ease,border-color .3s ease}.tab-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;background:transparent;border:none;padding:.5rem 1rem;cursor:pointer;transition:all .3s ease;color:var(--text-secondary);font-size:.75rem;font-weight:500;font-family:Inter,sans-serif;min-width:60px;position:relative}.tab-button:hover{color:var(--primary-green);background:var(--green-bg);border-radius:12px}.tab-button.active{color:var(--primary-green)}.tab-button.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:40px;height:3px;background:var(--accent-gold);border-radius:0 0 3px 3px;box-shadow:0 2px 4px #d4af374d}.tab-icon{width:24px;height:24px;transition:transform .2s ease}.tab-button.active .tab-icon{transform:scale(1.1)}.tab-label{font-size:.6875rem;line-height:1;margin-top:.125rem}@media (min-width: 768px){.tab-navigation{position:static;border-top:none;border-bottom:2px solid var(--border-light, #e0e0e0);padding:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;justify-content:flex-start;gap:0}.tab-button{flex-direction:row;gap:.5rem;padding:1rem 1.5rem;min-width:auto;border-radius:0;border-bottom:3px solid transparent}.tab-button.active:before{display:none}.tab-button.active{border-bottom-color:var(--accent-gold);background:var(--green-bg)}.tab-label{font-size:.9375rem;margin-top:0}.tab-icon{width:20px;height:20px}}.comment-section{border-top:1px solid var(--border-light);padding:1rem;background:var(--bg-secondary);transition:background-color .3s ease,border-color .3s ease}.comment-form{display:flex;gap:.5rem;margin-bottom:1rem}.comment-input{flex:1;padding:.75rem 1rem;border:1px solid var(--border-light);border-radius:24px;font-size:.9375rem;font-family:Inter,sans-serif;background:var(--card-bg);color:var(--text-color);transition:all .3s ease}.comment-input:focus{outline:none;border-color:var(--primary-green);box-shadow:0 0 0 3px #0a9d581a}.comment-submit-btn{background:var(--primary-green);color:var(--white);border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;flex-shrink:0}.comment-submit-btn:hover:not(:disabled){background:var(--green-dark);transform:scale(1.05);box-shadow:var(--shadow-gold)}.comment-submit-btn:disabled{opacity:.5;cursor:not-allowed}.send-icon{width:18px;height:18px}.comments-list{display:flex;flex-direction:column;gap:1rem}.no-comments{text-align:center;color:var(--text-secondary, #6b7280);font-size:.9375rem;padding:2rem;font-family:Inter,sans-serif}.comment-item{display:flex;flex-direction:column;gap:.5rem}.comment-content{display:flex;gap:.75rem}.comment-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--primary-green) 0%,var(--accent-gold) 100%);color:var(--white);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;flex-shrink:0;font-family:Poppins,sans-serif;border:1px solid var(--accent-gold)}.comment-body{flex:1}.comment-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.comment-username{color:var(--text-primary, #1b5e20);font-size:.9375rem;font-weight:600;font-family:Inter,sans-serif}.comment-time{color:var(--text-secondary, #6b7280);font-size:.8125rem;font-family:Inter,sans-serif}.comment-text{color:var(--text-primary, #1b5e20);font-size:.9375rem;line-height:1.5;margin:.25rem 0;font-family:Inter,sans-serif}.comment-actions{display:flex;gap:1rem;margin-top:.5rem}.comment-action-btn{background:transparent;border:none;color:var(--text-secondary, #6b7280);font-size:.8125rem;cursor:pointer;padding:.25rem .5rem;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;gap:.25rem;font-family:Inter,sans-serif}.comment-action-btn:hover{background:var(--green-bg);color:var(--accent-gold)}.comment-action-btn.liked{color:var(--accent-gold)}.comment-icon{width:14px;height:14px}.comment-replies{margin-left:2.75rem;padding-left:1rem;border-left:2px solid var(--border-light, #e0e0e0)}.show-replies-btn{background:transparent;border:none;color:var(--text-secondary, #6b7280);font-size:.8125rem;cursor:pointer;padding:.5rem 0;font-family:Inter,sans-serif}.show-replies-btn:hover{color:var(--green-primary, #0A9D58);text-decoration:underline}.replies-list{margin-top:.5rem;display:flex;flex-direction:column;gap:.75rem}@media (min-width: 768px){.comment-section{padding:1.25rem}.comment-avatar{width:36px;height:36px}}.recipe-post{background:var(--card-bg);border-radius:16px;box-shadow:var(--shadow-sm);margin-bottom:1.5rem;overflow:hidden;transition:all .3s ease;border:1px solid var(--border-light)}.recipe-post:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary-green)}.post-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--border-light, #e0e0e0)}.post-user-info{display:flex;align-items:center;gap:.75rem;flex:1}.user-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;background:var(--green-bg, #f0fdf4);display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-green) 0%,var(--accent-gold) 100%);color:var(--white, #ffffff);font-weight:700;font-size:1.125rem;font-family:Poppins,sans-serif;border:2px solid var(--accent-gold);box-shadow:0 0 0 2px var(--primary-green)}.user-details{display:flex;flex-direction:column;gap:.125rem}.username{color:var(--text-primary, #1b5e20);font-size:.9375rem;font-weight:600;font-family:Inter,sans-serif}.post-time{color:var(--text-secondary, #6b7280);font-size:.8125rem;font-family:Inter,sans-serif}.post-media{position:relative;width:100%;aspect-ratio:1;background:var(--bg-secondary);overflow:hidden;cursor:pointer;transition:all .3s ease}.post-media:hover:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0a9d581a,#d4af371a);z-index:1;pointer-events:none}.media-container{width:100%;height:100%;display:flex}.post-image{width:100%;height:100%;object-fit:cover}.media-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--green-bg, #f0fdf4) 0%,var(--beige-light, #fafafa) 100%);color:var(--text-secondary, #6b7280)}.placeholder-icon{width:64px;height:64px;margin-bottom:1rem;color:var(--green-primary, #0A9D58)}.media-placeholder p{font-size:1rem;font-weight:500;font-family:Inter,sans-serif}.like-animation{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);animation:likePop .6s ease;pointer-events:none;z-index:10}.like-heart{width:80px;height:80px;color:var(--red-primary, #FF6B6B);filter:drop-shadow(0 4px 8px rgba(255,107,107,.4))}@keyframes likePop{0%{transform:translate(-50%,-50%) scale(0);opacity:0}50%{transform:translate(-50%,-50%) scale(1.2);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:0}}.post-actions{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--border-light, #e0e0e0)}.actions-left{display:flex;gap:1rem}.action-btn{background:transparent;border:none;padding:.5rem;cursor:pointer;color:var(--text-primary, #1b5e20);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.action-icon{width:24px;height:24px;transition:all .2s ease;color:var(--text-secondary)}.action-btn:hover .action-icon{transform:scale(1.1);color:var(--accent-gold)}.like-btn.liked .action-icon,.save-btn.saved .action-icon{color:var(--accent-gold);fill:var(--accent-gold)}.post-stats{padding:.5rem 1rem;border-bottom:1px solid var(--border-light, #e0e0e0)}.likes-count{color:var(--text-primary, #1b5e20);font-size:.9375rem;font-weight:600;font-family:Inter,sans-serif;margin-bottom:.25rem}.comments-preview{background:transparent;border:none;color:var(--text-secondary, #6b7280);font-size:.875rem;cursor:pointer;padding:0;font-family:Inter,sans-serif}.comments-preview:hover{color:var(--accent-gold);text-decoration:underline}.post-content{padding:1rem}.post-title-section{margin-bottom:.75rem}.post-title{color:var(--primary-green);font-size:1.25rem;font-weight:700;margin:0 0 .5rem;font-family:Poppins,sans-serif;transition:color .3s ease}.post-meta{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.post-category{display:flex;align-items:center;gap:.25rem;color:var(--text-secondary, #6b7280);font-size:.8125rem;font-family:Inter,sans-serif}.meta-icon{width:14px;height:14px}.post-confidence{font-size:.8125rem;font-weight:600;font-family:Inter,sans-serif;color:var(--accent-gold);display:flex;align-items:center;gap:.25rem}.post-confidence:before{content:"⭐";font-size:.875rem}.post-description{color:var(--text-primary, #1b5e20);font-size:.9375rem;line-height:1.6;margin:.75rem 0;font-family:Inter,sans-serif}.post-description strong{font-weight:600;margin-right:.25rem}.post-hashtags{display:flex;flex-wrap:wrap;gap:.5rem;margin:.75rem 0}.hashtag{color:var(--primary-green);font-size:.875rem;font-weight:500;cursor:pointer;font-family:Inter,sans-serif;transition:color .3s ease}.hashtag:hover{color:var(--accent-gold);text-decoration:underline}.recipe-comparison{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-light, #e0e0e0)}.comparison-details{cursor:pointer}.comparison-summary{color:var(--green-primary, #0A9D58);font-size:.9375rem;font-weight:600;font-family:Inter,sans-serif;list-style:none;padding:.5rem 0}.comparison-summary::-webkit-details-marker{display:none}.comparison-summary:before{content:"▶ ";display:inline-block;transition:transform .2s ease;margin-right:.5rem}.comparison-details[open] .comparison-summary:before{transform:rotate(90deg)}.comparison-content{margin-top:1rem;display:flex;flex-direction:column;gap:1rem}.recipe-section{background:var(--green-bg);padding:1rem;border-radius:12px;border-left:4px solid var(--primary-green);transition:background-color .3s ease}.recipe-section h4{color:var(--primary-green);font-size:.9375rem;font-weight:600;margin:0 0 .5rem;font-family:Inter,sans-serif}.recipe-text{margin:0;font-size:.875rem;line-height:1.6;white-space:pre-wrap;font-family:Inter,sans-serif;color:var(--text-primary, #1b5e20)}.recipe-text.original{color:var(--text-secondary, #6b7280)}.recipe-text.converted{color:var(--primary-green);font-weight:500}@media (min-width: 768px){.recipe-post{border-radius:20px}.post-header,.post-content{padding:1.25rem}.comparison-content{flex-direction:row}.recipe-section{flex:1}}.ingredient-details-section{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-light, #e0e0e0)}.ingredient-details{margin-top:1rem}.ingredient-details-summary{cursor:pointer;font-weight:600;font-size:.9375rem;color:var(--primary-green);padding:.75rem 0;-webkit-user-select:none;user-select:none;outline:none;list-style:none;font-family:Inter,sans-serif}.ingredient-details-summary:hover{color:var(--green-dark, #1b5e20)}.ingredient-details-summary::-webkit-details-marker{display:none}.ingredient-details-summary:before{content:"▶ ";display:inline-block;margin-right:.5rem;transition:transform .2s ease}.ingredient-details[open] .ingredient-details-summary:before{transform:rotate(90deg)}.ingredient-details-content{padding:.75rem 0;display:flex;flex-direction:column;gap:1rem}.post-ingredient-card{background:var(--bg-secondary, #f9fafb);border:1px solid var(--border-light, #e5e7eb);border-radius:8px;padding:1rem;transition:all .2s ease}.post-ingredient-card:hover{border-color:var(--primary-green);box-shadow:0 2px 8px #0a9d581a}.post-ingredient-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-light, #e5e7eb)}.post-ingredient-name{font-size:1rem;color:var(--text-color);font-weight:600}.post-ingredient-status{font-size:.875rem;font-weight:600;padding:.25rem .75rem;border-radius:12px;background:var(--bg-color)}.post-ingredient-row{margin-bottom:.75rem;display:flex;flex-direction:column;gap:.5rem}.post-ingredient-label{font-weight:600;font-size:.875rem;color:var(--text-secondary, #6b7280);font-family:Inter,sans-serif}.post-ingredient-value{color:var(--text-color);font-size:.9375rem;line-height:1.5;font-family:Inter,sans-serif}.post-ingredient-alternatives{margin:0;padding-left:1.5rem;color:var(--text-color);list-style-type:disc}.post-ingredient-alternatives li{margin-bottom:.5rem;line-height:1.6;font-size:.9375rem}.post-ingredient-trace{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-light, #e5e7eb)}.post-ingredient-trace-summary{cursor:pointer;font-weight:600;font-size:.875rem;color:var(--primary-green);-webkit-user-select:none;user-select:none;outline:none;list-style:none;font-family:Inter,sans-serif}.post-ingredient-trace-summary:hover{color:var(--green-dark, #1b5e20)}.post-ingredient-trace-summary::-webkit-details-marker{display:none}.post-ingredient-trace-summary:before{content:"▶ ";display:inline-block;margin-right:.5rem;transition:transform .2s ease}.post-ingredient-trace[open] .post-ingredient-trace-summary:before{transform:rotate(90deg)}.post-ingredient-trace-list{margin:.75rem 0 0;padding-left:1.5rem;color:var(--text-secondary);list-style-type:disc}.post-ingredient-trace-list li{margin-bottom:.5rem;line-height:1.5;font-size:.875rem}.social-feed{width:100%;max-width:600px;margin:0 auto;padding:1rem;padding-bottom:80px;background:var(--bg-color);transition:background-color .3s ease}.feed-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--border-light, #e0e0e0)}.feed-header h2{color:var(--primary-green);font-size:1.5rem;font-weight:700;margin:0;font-family:Poppins,sans-serif;transition:color .3s ease}.refresh-feed-btn{background:transparent;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary, #6b7280);transition:transform .3s ease;padding:.5rem;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.refresh-feed-btn:hover{background:var(--green-bg);color:var(--accent-gold);transform:rotate(180deg)}.posts-container{display:flex;flex-direction:column;gap:0}.posts-container>*{border-bottom:2px solid var(--primary-green);padding-bottom:1.5rem;margin-bottom:1.5rem}.posts-container>*:last-child{border-bottom:none;margin-bottom:0}.feed-loading{display:flex;flex-direction:column;gap:1.5rem;padding:1rem}.loading-skeleton{background:var(--card-bg);border-radius:16px;height:500px;animation:pulse 1.5s ease-in-out infinite;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);transition:background-color .3s ease}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.feed-loading-more{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;color:var(--text-secondary, #6b7280)}.loading-spinner{width:40px;height:40px;border:4px solid var(--border-light);border-top-color:var(--accent-gold);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-feed{text-align:center;padding:4rem 2rem;color:var(--text-secondary, #6b7280)}.empty-feed-icon{font-size:4rem;margin-bottom:1rem}.empty-feed h2{color:var(--text-primary);font-size:1.5rem;margin:0 0 .5rem;font-family:Poppins,sans-serif;transition:color .3s ease}.empty-feed p{font-size:1rem;margin:0;font-family:Inter,sans-serif}@media (min-width: 768px){.social-feed{padding-bottom:2rem}.feed-header h2{font-size:2rem}}.profile-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.profile-modal-content{background:var(--card-bg);border-radius:20px;width:100%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;border:2px solid var(--border-light);animation:slideUp .3s ease-out;transition:all .3s ease}.profile-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:2px solid var(--border-light);transition:border-color .3s ease}.profile-modal-title{color:var(--primary-green);font-size:1.5rem;font-weight:700;margin:0;font-family:Poppins,sans-serif;transition:color .3s ease}.profile-modal-close{background:transparent;border:none;color:var(--accent-gold);cursor:pointer;padding:.5rem;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.profile-modal-close:hover{background:var(--green-bg);transform:rotate(90deg)}.profile-modal-close:active{transform:rotate(90deg) scale(.95)}.profile-modal-body{padding:1.5rem;overflow-y:auto;flex:1;color:var(--text-color);transition:color .3s ease}.profile-modal-body::-webkit-scrollbar{width:8px}.profile-modal-body::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.profile-modal-body::-webkit-scrollbar-thumb{background:var(--primary-green);border-radius:4px}.profile-modal-body::-webkit-scrollbar-thumb:hover{background:var(--accent-gold)}@media (max-width: 640px){.profile-modal-content{max-width:100%;max-height:95vh;border-radius:20px 20px 0 0;margin-top:auto}.profile-modal-header,.profile-modal-body{padding:1.25rem}}.help-modal-content{display:flex;flex-direction:column;gap:2rem}.help-section{display:flex;flex-direction:column;gap:1rem}.help-section-title{color:var(--primary-green);font-size:1.25rem;font-weight:600;margin:0;font-family:Poppins,sans-serif;transition:color .3s ease}.help-text{color:var(--text-color);line-height:1.7;margin:0;font-family:Inter,sans-serif;transition:color .3s ease}.help-disclaimer{font-weight:600;color:var(--primary-green)}.help-list{margin:.5rem 0;padding-left:1.5rem;color:var(--text-color);line-height:1.8;transition:color .3s ease}.help-list li{margin-bottom:.75rem}.help-list strong{color:var(--primary-green);font-weight:600}.help-note{margin-top:1rem;padding:1rem;background:var(--green-bg);border-left:4px solid var(--primary-green);border-radius:8px;color:var(--text-color);font-size:.9375rem;transition:all .3s ease}.help-links{display:flex;flex-direction:column;gap:.75rem}.help-link-btn{background:var(--card-bg);border:2px solid var(--border-light);color:var(--primary-green);padding:1rem 1.5rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;text-align:left;transition:all .3s ease;font-family:Inter,sans-serif}.help-link-btn:hover{background:var(--green-bg);border-color:var(--accent-gold);transform:translate(4px);box-shadow:var(--shadow-gold)}.help-link-btn:active{transform:translate(4px) scale(.98)}.help-footer{margin-top:1rem;padding-top:1.5rem;border-top:2px solid var(--border-light);transition:border-color .3s ease}.help-footer-text{color:var(--text-secondary);font-size:.9375rem;text-align:center;margin:0;transition:color .3s ease}.privacy-modal-content{display:flex;flex-direction:column;gap:2rem}.privacy-badge{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,var(--green-bg) 0%,var(--card-bg) 100%);border-radius:16px;border:2px solid var(--primary-green);transition:all .3s ease}.privacy-icon{width:32px;height:32px;color:var(--primary-green);flex-shrink:0}.privacy-badge-title{color:var(--primary-green);font-size:1.25rem;font-weight:700;margin:0;font-family:Poppins,sans-serif;transition:color .3s ease}.privacy-section{display:flex;flex-direction:column;gap:1.5rem}.privacy-section-title{color:var(--primary-green);font-size:1.125rem;font-weight:600;margin:0;font-family:Poppins,sans-serif;transition:color .3s ease}.privacy-item{display:flex;gap:1rem;padding:1.25rem;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-light);transition:all .3s ease}.privacy-item:hover{border-color:var(--accent-gold);box-shadow:var(--shadow-gold)}.privacy-item-icon{width:24px;height:24px;color:var(--accent-gold);flex-shrink:0;margin-top:.25rem}.privacy-item-content{flex:1}.privacy-item-title{color:var(--text-color);font-size:1rem;font-weight:600;margin:0 0 .5rem;font-family:Inter,sans-serif;transition:color .3s ease}.privacy-item-text{color:var(--text-secondary);line-height:1.6;margin:0;font-size:.9375rem;font-family:Inter,sans-serif;transition:color .3s ease}.privacy-list{margin:.75rem 0;padding-left:1.5rem;color:var(--text-color);line-height:1.8;transition:color .3s ease}.privacy-list li{margin-bottom:.5rem}.privacy-note{margin-top:1rem;padding:1rem;background:var(--green-bg);border-left:4px solid var(--primary-green);border-radius:8px;color:var(--text-color);font-size:.9375rem;transition:all .3s ease}.privacy-future{padding:1.5rem;background:linear-gradient(135deg,var(--card-bg) 0%,var(--bg-secondary) 100%);border-radius:16px;border:2px dashed var(--accent-gold);transition:all .3s ease}.privacy-future-text{color:var(--text-color);line-height:1.7;margin:.75rem 0;font-family:Inter,sans-serif;transition:color .3s ease}.privacy-future-note{margin-top:1rem;padding:1rem;background:var(--green-bg);border-left:4px solid var(--accent-gold);border-radius:8px;color:var(--text-color);font-size:.9375rem;font-weight:600;text-align:center;transition:all .3s ease}.notifications-modal-content{display:flex;flex-direction:column;gap:2rem}.notifications-intro{display:flex;gap:1rem;padding:1.25rem;background:var(--green-bg);border-radius:12px;border:1px solid var(--border-light);transition:all .3s ease}.notifications-icon{width:24px;height:24px;color:var(--primary-green);flex-shrink:0;margin-top:.25rem}.notifications-intro-text{color:var(--text-color);line-height:1.6;margin:0;font-size:.9375rem;font-family:Inter,sans-serif;transition:color .3s ease}.notifications-list{display:flex;flex-direction:column;gap:1rem}.notification-item{display:flex;align-items:center;justify-content:space-between;padding:1.25rem;background:var(--bg-secondary);border:2px solid var(--border-light);border-radius:12px;transition:all .3s ease}.notification-item:hover{border-color:var(--accent-gold);box-shadow:var(--shadow-gold)}.notification-item-content{flex:1}.notification-item-title{color:var(--text-color);font-size:1rem;font-weight:600;margin:0 0 .5rem;font-family:Inter,sans-serif;transition:color .3s ease}.notification-item-description{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0;font-family:Inter,sans-serif;transition:color .3s ease}.notification-toggle{width:48px;height:28px;border-radius:14px;border:2px solid var(--border-light);background:var(--card-bg);cursor:pointer;position:relative;transition:all .3s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:0}.notification-toggle:hover{border-color:var(--accent-gold)}.notification-toggle.active{background:var(--primary-green);border-color:var(--primary-green)}.toggle-check{width:18px;height:18px;color:var(--white)}.notifications-note{padding:1rem;background:var(--green-bg);border-left:4px solid var(--accent-gold);border-radius:8px;transition:all .3s ease}.notifications-note-text{color:var(--text-color);font-size:.875rem;line-height:1.6;margin:0;font-family:Inter,sans-serif;transition:color .3s ease}.notifications-note-text strong{color:var(--primary-green);font-weight:600}.account-modal-content{display:flex;flex-direction:column;gap:2rem}.account-badge{display:flex;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,var(--green-bg) 0%,var(--card-bg) 100%);border-radius:16px;border:2px solid var(--primary-green);transition:all .3s ease}.account-badge-icon{width:32px;height:32px;color:var(--primary-green);flex-shrink:0}.account-badge-content{flex:1}.account-badge-title{color:var(--primary-green);font-size:1.25rem;font-weight:700;margin:0 0 .5rem;font-family:Poppins,sans-serif;transition:color .3s ease}.account-badge-text{color:var(--text-color);line-height:1.6;margin:0;font-size:.9375rem;font-family:Inter,sans-serif;transition:color .3s ease}.account-section{display:flex;flex-direction:column;gap:1.5rem}.account-info-item{padding:1.25rem;background:var(--bg-secondary);border:2px solid var(--border-light);border-radius:12px;transition:all .3s ease}.account-info-item:hover{border-color:var(--accent-gold);box-shadow:var(--shadow-gold)}.account-info-label{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;color:var(--text-color);font-weight:600;font-size:.9375rem;font-family:Inter,sans-serif;transition:color .3s ease}.account-info-icon{width:18px;height:18px;color:var(--accent-gold)}.account-info-value{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.account-code{background:var(--card-bg);padding:.5rem .75rem;border-radius:8px;font-family:Courier New,monospace;font-size:.875rem;color:var(--primary-green);border:1px solid var(--border-light);flex:1;word-break:break-all;transition:all .3s ease}.account-version,.account-environment{color:var(--text-color);font-weight:600;font-family:Inter,sans-serif;transition:color .3s ease}.account-copy-btn{background:var(--primary-green);color:var(--white);border:none;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Inter,sans-serif;flex-shrink:0}.account-copy-btn:hover{background:var(--green-dark);transform:translateY(-2px);box-shadow:var(--shadow-gold)}.account-copy-btn:active{transform:translateY(0)}.account-info-note{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0;font-family:Inter,sans-serif;transition:color .3s ease}.account-future{padding:1.5rem;background:linear-gradient(135deg,var(--card-bg) 0%,var(--bg-secondary) 100%);border-radius:16px;border:2px dashed var(--accent-gold);display:flex;gap:1rem;transition:all .3s ease}.account-future-icon{width:24px;height:24px;color:var(--accent-gold);flex-shrink:0;margin-top:.25rem}.account-future-content{flex:1}.account-future-title{color:var(--primary-green);font-size:1.125rem;font-weight:600;margin:0 0 .75rem;font-family:Poppins,sans-serif;transition:color .3s ease}.account-future-text{color:var(--text-color);line-height:1.6;margin:0 0 .75rem;font-family:Inter,sans-serif;transition:color .3s ease}.account-future-list{margin:.75rem 0;padding-left:1.5rem;color:var(--text-color);line-height:1.8;transition:color .3s ease}.account-future-list li{margin-bottom:.5rem}.account-future-note{margin-top:1rem;padding:1rem;background:var(--green-bg);border-left:4px solid var(--accent-gold);border-radius:8px;color:var(--text-color);font-size:.875rem;font-weight:600;text-align:center;transition:all .3s ease}.edit-profile-modal-content{display:flex;flex-direction:column;gap:2rem}.edit-profile-intro{display:flex;gap:1rem;padding:1.25rem;background:var(--green-bg);border-radius:12px;border:1px solid var(--border-light);transition:all .3s ease}.edit-profile-intro-icon{width:24px;height:24px;color:var(--primary-green);flex-shrink:0;margin-top:.25rem}.edit-profile-intro-text{color:var(--text-color);line-height:1.6;margin:0;font-size:.9375rem;font-family:Inter,sans-serif;transition:color .3s ease}.edit-profile-form{display:flex;flex-direction:column;gap:1.5rem}.edit-profile-field{display:flex;flex-direction:column;gap:.75rem}.edit-profile-label{display:flex;align-items:center;gap:.5rem;color:var(--text-color);font-weight:600;font-size:.9375rem;font-family:Inter,sans-serif;transition:color .3s ease}.edit-profile-label-icon{width:18px;height:18px;color:var(--accent-gold)}.edit-profile-optional{color:var(--text-secondary);font-weight:400;font-size:.875rem;transition:color .3s ease}.edit-profile-input,.edit-profile-textarea{width:100%;padding:.875rem 1rem;border:2px solid var(--border-light);border-radius:12px;font-size:1rem;font-family:Inter,sans-serif;background:var(--bg-secondary);color:var(--text-color);transition:all .3s ease}.edit-profile-input:focus,.edit-profile-textarea:focus{outline:none;border-color:var(--primary-green);box-shadow:0 0 0 3px #0a9d581a}.edit-profile-textarea{resize:vertical;min-height:100px}.edit-profile-hint{color:var(--text-secondary);font-size:.875rem;margin:0;font-family:Inter,sans-serif;transition:color .3s ease}.edit-profile-char-count{text-align:right;color:var(--text-secondary);font-size:.875rem;font-family:Inter,sans-serif;transition:color .3s ease}.edit-profile-colors{display:flex;gap:.75rem;flex-wrap:wrap}.edit-profile-color-btn{width:48px;height:48px;border-radius:50%;border:3px solid transparent;cursor:pointer;position:relative;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000026}.edit-profile-color-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px #00000040}.edit-profile-color-btn.active{border-color:var(--accent-gold);box-shadow:0 0 0 4px #d4af374d}.color-check{color:var(--white);font-size:1.25rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3)}.edit-profile-actions{display:flex;gap:1rem;margin-top:.5rem}.edit-profile-save-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:linear-gradient(135deg,var(--primary-green) 0%,var(--green-dark) 100%);color:var(--white);border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Inter,sans-serif}.edit-profile-save-btn:hover{background:linear-gradient(135deg,var(--green-dark) 0%,var(--primary-green) 100%);transform:translateY(-2px);box-shadow:var(--shadow-gold)}.edit-profile-save-btn:active{transform:translateY(0)}.save-icon{width:20px;height:20px}.edit-profile-cancel-btn{padding:1rem 1.5rem;background:var(--card-bg);color:var(--primary-green);border:2px solid var(--border-light);border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Inter,sans-serif}.edit-profile-cancel-btn:hover{background:var(--bg-secondary);border-color:var(--primary-green)}.edit-profile-note{padding:1rem;background:var(--green-bg);border-left:4px solid var(--accent-gold);border-radius:8px;transition:all .3s ease}.edit-profile-note-text{color:var(--text-color);font-size:.875rem;line-height:1.6;margin:0;font-family:Inter,sans-serif;transition:color .3s ease}.edit-profile-note-text strong{color:var(--primary-green);font-weight:600}.edit-profile-note-text a{color:var(--primary-green, #0A9D58);text-decoration:underline;cursor:pointer}.edit-profile-note-text a:hover{color:var(--green-dark, #059669)}.edit-profile-error{padding:.875rem 1rem;background:#fee2e2;border:1px solid #fecaca;border-radius:12px;color:#991b1b;font-size:.875rem;font-family:Inter,sans-serif;line-height:1.5;margin-bottom:1rem}[data-theme=dark] .edit-profile-error{background:#7f1d1d;border-color:#991b1b;color:#fecaca}.edit-profile-photo-section{margin-bottom:2rem}.edit-profile-photo-label{display:block;font-size:.9375rem;font-weight:600;color:var(--text-color, #1a1a1a);margin-bottom:.75rem;font-family:Inter,sans-serif}.edit-profile-photo-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.edit-profile-photo-preview{position:relative;display:flex;flex-direction:column;align-items:center;gap:1rem}.profile-photo-preview-img{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid var(--primary-green, #0A9D58);box-shadow:var(--shadow-md, 0 4px 12px rgba(0, 0, 0, .15))}.change-photo-btn,.upload-photo-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--primary-green, #0A9D58);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif}.change-photo-btn:hover,.upload-photo-btn:hover{background:var(--green-dark, #059669);transform:translateY(-2px)}.change-photo-btn:disabled,.upload-photo-btn:disabled{opacity:.6;cursor:not-allowed}.camera-icon{width:16px;height:16px}.edit-profile-photo-placeholder{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,var(--primary-green, #0A9D58) 0%,var(--accent-gold, #D4AF37) 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;border:3px solid var(--primary-green, #0A9D58);box-shadow:var(--shadow-md, 0 4px 12px rgba(0, 0, 0, .15))}.photo-placeholder-icon{width:48px;height:48px;color:#fff}.photo-placeholder-text{font-size:.75rem;color:#fff;text-align:center;margin:0;font-family:Inter,sans-serif}.edit-profile-save-btn:disabled,.edit-profile-cancel-btn:disabled{opacity:.6;cursor:not-allowed}.halal-preferences-content{display:flex;flex-direction:column;gap:2rem}.halal-preferences-intro{padding:1.25rem;background:var(--green-bg);border-radius:12px;border:1px solid var(--border-light);transition:all .3s ease}.halal-preferences-intro-text{color:var(--text-color);line-height:1.6;margin:0;font-size:.9375rem;font-family:Inter,sans-serif;transition:color .3s ease}.halal-preferences-section{display:flex;flex-direction:column;gap:1rem}.halal-preferences-section-title{color:var(--primary-green);font-size:1.125rem;font-weight:600;margin:0;font-family:Poppins,sans-serif;transition:color .3s ease}.halal-preferences-description{color:var(--text-secondary);font-size:.9375rem;line-height:1.6;margin:0;font-family:Inter,sans-serif;transition:color .3s ease}.halal-preferences-radio-group{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.halal-preferences-radio-option{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:var(--bg-secondary);border:2px solid var(--border-light);border-radius:12px;cursor:pointer;transition:all .3s ease}.halal-preferences-radio-option:hover{border-color:var(--accent-gold);box-shadow:var(--shadow-gold)}.halal-preferences-radio-option input[type=radio]{margin-top:.25rem;width:20px;height:20px;cursor:pointer;accent-color:var(--primary-green)}.halal-preferences-radio-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.halal-preferences-radio-label{color:var(--text-color);font-weight:600;font-size:1rem;font-family:Inter,sans-serif;transition:color .3s ease}.halal-preferences-radio-description{color:var(--text-secondary);font-size:.875rem;line-height:1.5;font-family:Inter,sans-serif;transition:color .3s ease}.halal-preferences-radio-option:has(input:checked){border-color:var(--primary-green);background:var(--green-bg)}.halal-preferences-select{width:100%;padding:.875rem 1rem;border:2px solid var(--border-light);border-radius:12px;font-size:1rem;font-family:Inter,sans-serif;background:var(--bg-secondary);color:var(--text-color);cursor:pointer;transition:all .3s ease;margin-top:.5rem}.halal-preferences-select:focus{outline:none;border-color:var(--primary-green);box-shadow:0 0 0 3px #0a9d581a}.halal-preferences-current-selection{margin-top:1rem;padding:1rem;background:var(--green-bg);border-left:4px solid var(--primary-green);border-radius:8px;color:var(--text-color);font-size:.9375rem;font-family:Inter,sans-serif;transition:all .3s ease}.halal-preferences-current-selection strong{color:var(--primary-green);font-weight:600}.language-switcher{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--card-bg, #FAFAFA);border:1px solid var(--border-color, #e0e0e0);border-radius:12px;transition:all .3s ease;height:40px;min-height:40px;box-sizing:border-box;line-height:1;vertical-align:middle;font-size:.9375rem}.language-switcher:hover{border-color:var(--green-lighter, #81c784);box-shadow:var(--shadow-sm, 0 2px 4px rgba(46, 125, 50, .08))}.language-icon{width:18px;height:18px;color:var(--green-primary, #2E7D32);flex-shrink:0}.language-select{border:none;background:transparent;color:var(--text-color, #1A1A1A);font-size:.9375rem;font-weight:600;font-family:Inter,sans-serif;line-height:1;cursor:pointer;outline:none;padding:0;margin:0;vertical-align:middle}.language-select option{color:var(--text-color, #1A1A1A);background:var(--card-bg, #FAFAFA);font-weight:500;padding:.5rem}.language-select:focus{outline:none}@media (max-width: 768px){.language-switcher{padding:.5rem .75rem}.language-icon{width:16px;height:16px}.language-select{font-size:.875rem}}.user-profile{width:100%;max-width:600px;margin:0 auto;padding:1rem;padding-bottom:80px;transition:background-color .3s ease}.profile-header{display:flex;gap:1.5rem;align-items:center;padding:2rem 0;border-bottom:2px solid var(--border-light);margin-bottom:2rem;transition:border-color .3s ease}.profile-photo-large{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid var(--primary-green, #0A9D58);box-shadow:var(--shadow-md, 0 4px 12px rgba(0, 0, 0, .15))}.profile-avatar-large{flex-shrink:0}.avatar-placeholder-large{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,var(--primary-green) 0%,var(--accent-gold) 100%);display:flex;align-items:center;justify-content:center;color:var(--white, #ffffff);box-shadow:0 4px 12px #d4af374d;border:3px solid var(--accent-gold);transition:all .3s ease}.avatar-icon{width:50px;height:50px}.profile-info{flex:1;display:flex;flex-direction:column;gap:1rem}.profile-username{color:var(--primary-green);font-size:1.75rem;font-weight:700;margin:0;font-family:Poppins,sans-serif;transition:color .3s ease}.profile-bio{color:var(--text-secondary);font-size:.9375rem;line-height:1.6;margin:.5rem 0 0;font-family:Inter,sans-serif;transition:color .3s ease}.edit-profile-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--card-bg);color:var(--text-color);border:2px solid var(--border-light);border-radius:12px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Inter,sans-serif;width:fit-content}.edit-profile-btn:hover{background:var(--green-bg);border-color:var(--accent-gold);color:var(--primary-green);box-shadow:var(--shadow-gold)}.edit-profile-btn.secondary{background:transparent;border-color:var(--primary-green);color:var(--primary-green)}.edit-profile-btn.secondary:hover{background:var(--primary-green);color:var(--white)}.profile-auth-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.settings-icon{width:18px;height:18px}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem}.stat-card{background:var(--card-bg);border:2px solid var(--border-light);border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .3s ease}.stat-card:hover{border-color:var(--accent-gold);box-shadow:var(--shadow-gold);transform:translateY(-2px)}.stat-icon{width:32px;height:32px;color:var(--primary-green);flex-shrink:0;transition:color .3s ease}.stat-icon.liked{color:var(--accent-gold)}.stat-content{flex:1}.stat-value{color:var(--accent-gold);font-size:1.5rem;font-weight:700;font-family:Poppins,sans-serif;line-height:1;margin-bottom:.25rem;transition:color .3s ease}.stat-label{color:var(--text-secondary);font-size:.8125rem;font-family:Inter,sans-serif;transition:color .3s ease}.profile-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid var(--border-light);transition:border-color .3s ease}.profile-tab{padding:1rem 1.5rem;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--text-secondary);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Inter,sans-serif}.profile-tab:hover{color:var(--primary-green)}.profile-tab.active{color:var(--primary-green);border-bottom-color:var(--accent-gold)}.profile-tab:disabled{opacity:.6;cursor:not-allowed;background:transparent;color:var(--text-secondary)}.profile-tab:disabled:hover{color:var(--text-secondary);border-bottom-color:transparent;transform:none}.profile-posts{display:flex;flex-direction:column;gap:1.5rem}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-secondary);transition:color .3s ease}.empty-icon{width:64px;height:64px;margin:0 auto 1rem;color:var(--primary-green);transition:color .3s ease}.empty-state h3{color:var(--text-primary);font-size:1.25rem;margin:0 0 .5rem;font-family:Poppins,sans-serif;transition:color .3s ease}.empty-state p{font-size:.9375rem;margin:0;font-family:Inter,sans-serif}.profile-settings{margin-top:3rem;padding-top:2rem;border-top:2px solid var(--border-light);transition:border-color .3s ease}.settings-title{color:var(--primary-green);font-size:1.25rem;font-weight:600;margin:0 0 1.5rem;font-family:Poppins,sans-serif;transition:color .3s ease}.settings-list{display:flex;flex-direction:column;gap:.5rem}.language-switcher-item{padding:.75rem 1rem;display:flex;align-items:center;justify-content:center}.settings-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--card-bg);border:1px solid var(--border-light);border-radius:12px;color:var(--text-color);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .3s ease;font-family:Inter,sans-serif;text-align:left;width:100%}.settings-item:hover{background:var(--green-bg);border-color:var(--accent-gold);color:var(--primary-green);transform:translate(4px);box-shadow:var(--shadow-sm)}.settings-item.logout{color:var(--text-secondary);border-color:var(--border-light)}.settings-item.logout:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}.settings-icon{width:20px;height:20px;color:var(--accent-gold);flex-shrink:0;transition:color .3s ease}.settings-item:hover .settings-icon{color:var(--accent-gold)}.settings-item.logout:hover .settings-icon{color:#ef4444}@media (max-width: 768px){.user-profile{padding-bottom:100px}.profile-header{flex-direction:column;text-align:center;gap:1rem}.profile-info{align-items:center}.stats-grid{grid-template-columns:1fr}}.media-uploader{display:flex;flex-direction:column;gap:1rem}.media-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem}.media-preview-item{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;background:var(--beige-light, #fafafa);border:2px solid var(--border-light, #e0e0e0)}.preview-media{width:100%;height:100%;object-fit:cover}.remove-media-btn{position:absolute;top:.5rem;right:.5rem;background:#0009;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--white, #ffffff)}.remove-media-btn:hover{background:#000c;transform:scale(1.1)}.remove-icon{width:16px;height:16px}.upload-trigger{aspect-ratio:1;border:2px dashed var(--border-light, #e0e0e0);border-radius:12px;background:var(--white, #ffffff);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:all .2s ease;color:var(--text-secondary, #6b7280);font-family:Inter,sans-serif}.upload-trigger:hover{border-color:var(--green-primary, #0A9D58);background:var(--green-bg, #f0fdf4);color:var(--green-primary, #0A9D58)}.upload-icon{width:32px;height:32px}.upload-trigger span{font-size:.8125rem;font-weight:500}.file-input-hidden{display:none}.upload-hints{display:flex;flex-wrap:wrap;gap:1rem;padding:.75rem;background:var(--green-bg, #f0fdf4);border-radius:8px;font-size:.8125rem;color:var(--text-secondary, #6b7280);font-family:Inter,sans-serif}.hint-item{display:flex;align-items:center;gap:.5rem}.hint-icon{width:16px;height:16px}@media (max-width: 768px){.media-preview-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem;animation:fadeIn .3s ease}.create-post-modal{background:var(--white, #ffffff);border-radius:24px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}.form-error-message{padding:.875rem 1rem;background:#fee2e2;border:1px solid #fecaca;border-radius:12px;color:#991b1b;font-size:.875rem;font-family:Inter,sans-serif;line-height:1.5;margin-bottom:1rem}[data-theme=dark] .form-error-message{background:#7f1d1d;border-color:#991b1b;color:#fecaca}.form-info-message{padding:.875rem 1rem;background:#dbeafe;border:1px solid #93c5fd;border-radius:12px;color:#1e40af;font-size:.875rem;font-family:Inter,sans-serif;line-height:1.5;margin-bottom:1rem}.form-info-message a{color:var(--primary-green, #0A9D58);text-decoration:underline;font-weight:600;cursor:pointer}.form-info-message a:hover{color:var(--green-dark, #059669)}[data-theme=dark] .form-info-message{background:#1e3a8a;border-color:#3b82f6;color:#bfdbfe}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:2px solid var(--border-light, #e0e0e0);position:sticky;top:0;background:var(--white, #ffffff);z-index:10}.modal-header h2{color:var(--green-primary, #0A9D58);font-size:1.5rem;font-weight:700;margin:0;font-family:Poppins,sans-serif}.modal-close-btn{background:transparent;border:none;padding:.5rem;cursor:pointer;color:var(--text-secondary, #6b7280);transition:all .2s ease;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.modal-close-btn:hover{background:var(--green-bg, #f0fdf4);color:var(--green-primary, #0A9D58)}.close-icon{width:24px;height:24px}.post-form{padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:var(--text-primary, #1b5e20);font-size:.9375rem;font-weight:600;font-family:Inter,sans-serif;display:flex;align-items:center;gap:.5rem}.label-icon{width:16px;height:16px}.form-input,.form-textarea,.form-select{padding:.875rem 1rem;border:2px solid var(--border-light, #e0e0e0);border-radius:12px;font-size:.9375rem;font-family:Inter,sans-serif;background:var(--white, #ffffff);color:var(--text-primary, #1b5e20);transition:all .2s ease}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--green-primary, #0A9D58);box-shadow:0 0 0 3px #0a9d581a}.form-textarea{resize:vertical;min-height:100px}.checkbox-group{margin:1rem 0}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.75rem;border-radius:8px;transition:background-color .2s ease}.checkbox-label:hover{background:var(--green-bg, #f0fdf4)}.checkbox-input{width:20px;height:20px;cursor:pointer;accent-color:var(--green-primary, #0A9D58);flex-shrink:0}.checkbox-label span{color:var(--text-primary, #1b5e20);font-size:.9375rem;font-weight:600;font-family:Inter,sans-serif}.checkbox-help-text{margin:.5rem 0 0 2.75rem;color:var(--text-secondary, #6b7280);font-size:.875rem;font-family:Inter,sans-serif;line-height:1.5}.recipe-preview{background:var(--green-bg, #f0fdf4);padding:1.25rem;border-radius:12px;border-left:4px solid var(--green-primary, #0A9D58)}.recipe-preview h3{color:var(--green-primary, #0A9D58);font-size:1.125rem;font-weight:600;margin:0 0 1rem;font-family:Inter,sans-serif}.preview-section{margin-bottom:1rem}.preview-section:last-child{margin-bottom:0}.preview-section strong{color:var(--green-primary, #0A9D58);font-weight:600;display:block;margin-bottom:.5rem;font-family:Inter,sans-serif}.preview-section pre{margin:0;font-size:.875rem;line-height:1.6;white-space:pre-wrap;color:var(--text-primary, #1b5e20);font-family:Inter,sans-serif}.form-actions{display:flex;gap:1rem;margin-top:1rem;padding-top:1.5rem;border-top:2px solid var(--border-light, #e0e0e0)}.cancel-btn{flex:1;padding:1rem;background:var(--white, #ffffff);color:var(--text-primary, #1b5e20);border:2px solid var(--border-light, #e0e0e0);border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif}.cancel-btn:hover{background:var(--beige-light, #fafafa);border-color:var(--text-secondary, #6b7280)}.submit-btn{flex:2;padding:1rem;background:linear-gradient(135deg,var(--green-primary, #0A9D58) 0%,var(--green-dark, #087f47) 100%);color:var(--white, #ffffff);border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif;display:flex;align-items:center;justify-content:center;gap:.5rem}.submit-btn:hover{background:linear-gradient(135deg,var(--green-dark, #087f47) 0%,var(--green-primary, #0A9D58) 100%);transform:translateY(-2px);box-shadow:0 4px 12px #0a9d584d}.submit-icon{width:18px;height:18px}@media (max-width: 768px){.create-post-modal{max-height:95vh;border-radius:20px 20px 0 0}.modal-header{padding:1.25rem 1.5rem}.post-form{padding:1.5rem}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{width:100%}}.auth-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem;animation:fadeIn .2s ease}.auth-modal{background:var(--card-bg, #ffffff);border-radius:16px;width:100%;max-width:440px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg, 0 8px 24px rgba(0, 0, 0, .2));animation:slideUp .3s ease}.auth-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--border-light, #e0e0e0)}.auth-modal-header h2{margin:0;font-size:1.5rem;font-weight:700;color:var(--text-color, #1a1a1a);font-family:Inter,sans-serif}.auth-modal-close{background:transparent;border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;color:var(--text-secondary, #6b7280);transition:all .2s ease;border-radius:8px}.auth-modal-close:hover{background:var(--bg-secondary, #f5f5f5);color:var(--text-color, #1a1a1a)}.auth-modal-close .close-icon{width:20px;height:20px}.auth-form{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.auth-form-group{display:flex;flex-direction:column;gap:.5rem}.auth-form-group label{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:600;color:var(--text-color, #1a1a1a);font-family:Inter,sans-serif}.auth-form-group .label-icon{width:18px;height:18px;color:var(--primary-green, #0A9D58)}.auth-form-input{padding:.875rem 1rem;border:1px solid var(--border-color, #d0d0d0);border-radius:12px;font-size:.9375rem;font-family:Inter,sans-serif;color:var(--text-color, #1a1a1a);background:var(--bg-color, #ffffff);transition:all .2s ease;width:100%;box-sizing:border-box}.auth-form-input:focus{outline:none;border-color:var(--primary-green, #0A9D58);box-shadow:0 0 0 3px #0a9d581a}.auth-form-input::placeholder{color:var(--text-muted, #9ca3af)}.auth-error-message{padding:.875rem 1rem;background:#fee2e2;border:1px solid #fecaca;border-radius:12px;color:#991b1b;font-size:.875rem;font-family:Inter,sans-serif;line-height:1.5}.auth-success-message{padding:.875rem 1rem;background:#d1fae5;border:1px solid #a7f3d0;border-radius:12px;color:#065f46;font-size:.875rem;font-family:Inter,sans-serif;line-height:1.5}.auth-submit-btn{padding:.875rem 1.5rem;background:linear-gradient(135deg,var(--primary-green, #0A9D58) 0%,var(--green-dark, #059669) 100%);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;transition:all .3s ease;margin-top:.5rem}.auth-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md, 0 4px 12px rgba(10, 157, 88, .3))}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed}.auth-modal-footer{padding:1rem 1.5rem 1.5rem;border-top:1px solid var(--border-light, #e0e0e0);text-align:center}.auth-modal-footer p{margin:0;font-size:.875rem;color:var(--text-secondary, #6b7280);font-family:Inter,sans-serif}.auth-switch-link{background:none;border:none;color:var(--primary-green, #0A9D58);font-weight:600;cursor:pointer;text-decoration:underline;padding:0;font-size:.875rem;font-family:Inter,sans-serif}.auth-switch-link:hover{color:var(--green-dark, #059669)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}[data-theme=dark] .auth-modal{background:var(--card-bg, #1E293B)}[data-theme=dark] .auth-form-input{background:var(--bg-color, #0F172A);border-color:var(--border-light, #334155);color:var(--text-color, #F1F5F9)}[data-theme=dark] .auth-error-message{background:#7f1d1d;border-color:#991b1b;color:#fecaca}[data-theme=dark] .auth-success-message{background:#064e3b;border-color:#065f46;color:#a7f3d0}@media (max-width: 768px){.auth-modal{max-width:100%;margin:.5rem}.auth-modal-header,.auth-form{padding:1.25rem}}.seo-footer{background:var(--card-bg);border-top:2px solid var(--border-light);padding:2rem 1rem;margin-top:4rem;transition:all .3s ease}.seo-footer-content{max-width:1200px;margin:0 auto;text-align:center}.seo-footer-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:1.5rem}.seo-footer-nav a{color:var(--primary-green);text-decoration:none;font-weight:500;padding:.5rem 1rem;border-radius:8px;transition:all .3s ease;font-family:Inter,sans-serif}.seo-footer-nav a:hover{background:var(--green-bg);color:var(--green-dark)}.seo-footer-copyright{color:var(--text-secondary);font-size:.9375rem;margin:0;font-family:Inter,sans-serif;transition:color .3s ease}@media (max-width: 640px){.seo-footer-nav{flex-direction:column;gap:.5rem}.seo-footer-nav a{padding:.75rem 1rem}}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--bg-color);transition:background-color .3s ease}.error-boundary-content{max-width:500px;text-align:center;padding:2rem;background:var(--card-bg);border-radius:16px;border:2px solid var(--border-light);box-shadow:var(--shadow-md);transition:all .3s ease}.error-boundary-title{color:var(--primary-green);font-size:1.5rem;font-weight:700;margin:0 0 1rem;font-family:Poppins,sans-serif;transition:color .3s ease}.error-boundary-message{color:var(--text-color);font-size:1rem;line-height:1.6;margin:0 0 1.5rem;font-family:Inter,sans-serif;transition:color .3s ease}.error-boundary-button{padding:.875rem 1.5rem;margin:.5rem;background:linear-gradient(135deg,var(--primary-green) 0%,var(--green-dark) 100%);color:var(--white);border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Inter,sans-serif}.error-boundary-button:hover{background:linear-gradient(135deg,var(--green-dark) 0%,var(--primary-green) 100%);transform:translateY(-2px);box-shadow:var(--shadow-gold)}.error-boundary-button.secondary{background:var(--card-bg);color:var(--primary-green);border:2px solid var(--border-light)}.error-boundary-button.secondary:hover{background:var(--bg-secondary);border-color:var(--primary-green)}