.landing-page{min-height:100dvh;padding:var(--space-4);text-align:center;justify-content:center;align-items:center;gap:var(--space-8);flex-direction:column;max-width:1200px;margin:0 auto;display:flex;position:relative}.landing-hero{justify-content:center;align-items:center;gap:var(--space-6);flex-direction:column;max-width:800px;animation:.8s ease-out fadeInUp;display:flex}.hero-icon{color:var(--color-primary);filter:drop-shadow(var(--shadow-primary-md));margin-bottom:var(--space-4)}.hero-title{background:linear-gradient(135deg, var(--color-gray-900) 0%, var(--color-primary-hover) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:3.5rem;font-weight:800;line-height:1.1}[data-theme=dark] .hero-title{background:linear-gradient(135deg, var(--color-gray-100) 0%, var(--color-primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--color-gray-600);max-width:600px;font-size:1.25rem;line-height:1.6}[data-theme=dark] .hero-subtitle{color:var(--color-gray-400)}.landing-cta{gap:var(--space-4);margin-top:var(--space-4);flex-wrap:wrap;justify-content:center;display:flex}.cta-btn{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);cursor:pointer;border:none;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.cta-primary{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-primary-md)}.cta-primary:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-primary-lg);transform:translateY(-1px)}.cta-secondary{color:var(--color-gray-700);border:1px solid var(--color-gray-300);background:0 0}[data-theme=dark] .cta-secondary{color:var(--color-gray-200);border-color:var(--color-gray-600)}.cta-secondary:hover{background:var(--color-gray-100);color:var(--color-gray-900)}[data-theme=dark] .cta-secondary:hover{background:var(--color-gray-800);color:#fff}.cta-text{color:var(--color-primary-hover);padding:var(--space-2) var(--space-4);background:0 0;font-size:1rem;font-weight:500}.cta-text:hover{text-decoration:underline}@media (width<=768px){.hero-title{font-size:2.5rem}.landing-features{gap:var(--space-4);grid-template-columns:1fr}.landing-cta{flex-direction:column;width:100%;max-width:300px}.cta-btn{justify-content:center;width:100%}}.landing-footer{bottom:var(--space-4);padding:var(--space-4) 0;position:absolute;left:0;right:0}.privacy-link{color:var(--color-gray-500);font-size:var(--font-size-sm);transition:var(--transition-base);opacity:.8;text-decoration:none}.privacy-link:hover{color:var(--color-primary);opacity:1}[data-theme=dark] .privacy-link{color:var(--color-gray-400)}[data-theme=dark] .privacy-link:hover{color:var(--color-primary)}.modifier-chip-container{display:inline-block;position:relative}.modifier-chip{padding:.625rem var(--space-4);border-radius:var(--radius-full);border:1px solid var(--border-color);background-color:var(--bg-secondary);color:var(--text-primary);font-size:var(--font-size-sm);cursor:pointer;white-space:nowrap;align-items:center;gap:.375rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.modifier-chip:hover{background-color:var(--bg-tertiary);border-color:var(--text-muted)}.modifier-chip.selected{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary);padding-right:var(--space-2)}.modifier-chip.selected:hover{background-color:var(--accent-hover)}.clear-icon{background-color:#fff3;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;transition:background-color .2s;display:flex}.clear-icon:hover{background-color:#fff6}.modifier-dropdown{top:calc(100% + var(--space-2));background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--space-2);z-index:100;flex-direction:column;min-width:15rem;animation:.2s ease-out dropdownFadeIn;display:flex;position:absolute;left:50%;transform:translate(-50%)}@keyframes dropdownFadeIn{0%{opacity:0;transform:translate(-50%)translateY(-10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.dropdown-item{text-align:left;color:var(--text-primary);background:0 0;border:none;border-radius:6px;width:100%;padding:.5rem .75rem;font-size:.9rem;transition:background-color .2s}.dropdown-item:hover{background-color:var(--bg-tertiary)}.dropdown-item.active{color:var(--accent-color);background-color:var(--bg-primary);border-left:2px solid var(--accent-color);font-weight:600}.home-page.centered{overscroll-behavior:none;touch-action:none;width:100%;max-width:none;height:100%;padding:0 var(--space-4);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.home-page.centered:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#d4745f14 0%,#e8a9620a 40%,#0000 70%);border-radius:50%;width:600px;height:600px;animation:12s ease-in-out infinite ambientDrift;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.home-page.centered:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#e8a9620f 0%,#0000 60%);border-radius:50%;width:300px;height:300px;animation:16s ease-in-out infinite reverse ambientDrift;position:absolute;top:25%;right:15%}.home-page.centered>*{z-index:1;position:relative}.greeting-row{align-items:center;gap:var(--space-3);margin-bottom:var(--space-10);flex-direction:column;display:flex}.home-icon{color:var(--color-primary);filter:drop-shadow(var(--shadow-primary-sm));animation:.5s cubic-bezier(.34,1.56,.64,1) both scaleIn,3s ease-in-out 1s infinite gentleBob}.greeting{font-family:var(--font-family-display);font-size:var(--font-size-4xl);color:var(--text-primary);text-align:center;letter-spacing:-.02em;font-style:normal;font-weight:800;line-height:var(--line-height-snug);background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-accent) 50%, var(--color-primary-hover) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;padding-bottom:.1em;animation:.6s ease-out .15s both fadeInUp-hero}.recipe-form{align-items:center;gap:var(--space-5);width:100%;max-width:700px;margin:var(--space-2) auto;flex-direction:column;animation:.6s ease-out .3s both fadeInUp-hero;display:flex}.generate-btn{width:auto;min-width:220px;padding:var(--space-4) var(--space-10);font-size:var(--font-size-lg);background:linear-gradient(135deg, var(--color-primary) 0%, #c9614c 100%);color:#fff;border-radius:var(--radius-full);box-shadow:var(--shadow-lg), var(--shadow-primary-md);transition:var(--transition-bounce);cursor:pointer;letter-spacing:.01em;border:none;justify-content:center;align-items:center;gap:.75rem;font-weight:700;display:flex}.generate-btn:hover:not(:disabled){background:linear-gradient(135deg, var(--color-primary-hover) 0%, #a84f3d 100%);box-shadow:var(--shadow-xl), var(--shadow-primary-lg);transform:translateY(-3px)scale(1.03)}.generate-btn:hover:not(:disabled) .btn-icon{animation:.6s ease-in-out rotateWand}.generate-btn:active:not(:disabled){transform:translateY(0)scale(.98)}.generate-btn:disabled{background:var(--color-gray-400);box-shadow:none;cursor:not-allowed;opacity:.8}.modifiers-container{z-index:10;flex-wrap:wrap;justify-content:center;gap:.625rem;width:100%;animation:.6s ease-out .45s both fadeInUp-hero;display:flex;position:relative}input[type=text]{font-size:var(--font-size-lg);border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-sizing:border-box;background-color:var(--bg-surface);background-image:linear-gradient(135deg, var(--bg-surface) 0%, var(--color-primary-subtle,#fff5f2) 100%);width:100%;color:var(--text-primary);transition:border-color var(--transition-base), box-shadow var(--transition-base), transform var(--transition-base), background-image var(--transition-base);box-shadow:var(--shadow-lg), var(--shadow-inner);padding:1.35rem 1.75rem}input[type=text]::placeholder{color:var(--text-muted);font-style:italic}input[type=text]:focus{border-color:var(--color-primary);box-shadow:var(--shadow-xl), 0 0 0 4px #d4745f26;background-image:linear-gradient(135deg, var(--bg-surface) 0%, var(--bg-surface) 100%);outline:none;transform:translateY(-2px)}.action-buttons{gap:var(--space-4);justify-content:center;align-items:center;width:100%;animation:.6s ease-out .55s both fadeInUp-hero;display:flex}.suggest-btn{width:auto;min-width:160px;padding:var(--space-3) var(--space-6);font-size:var(--font-size-base);color:var(--color-primary);border-radius:var(--radius-full);box-shadow:none;transition:var(--transition-bounce);cursor:pointer;background:0 0;border:1.5px solid #d4745f4d;justify-content:center;align-items:center;gap:.625rem;font-weight:600;display:flex}.suggest-btn:hover:not(:disabled){border-color:var(--color-primary);box-shadow:var(--shadow-md);background:#d4745f14;transform:translateY(-2px)}.suggest-btn:hover:not(:disabled) .btn-icon{animation:.6s ease-in-out pulseBulb}.suggest-btn:active:not(:disabled){transform:translateY(0)scale(.98)}.suggest-btn:disabled{border-color:var(--color-gray-300);color:var(--color-gray-400);box-shadow:none;cursor:not-allowed;opacity:.8}.suggestions-section,.suggestions-loading{width:100%;max-width:750px;margin:var(--space-6) auto}.suggestions-heading{font-family:var(--font-family-heading);font-size:var(--font-size-2xl);margin:0 0 var(--space-5);text-align:center;background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}.suggestions-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}.suggestion-card{text-align:center;padding:var(--space-5) var(--space-4) var(--space-4);background:linear-gradient(135deg, var(--bg-surface) 0%, var(--color-primary-subtle,#fff5f2) 100%);border:1px solid var(--border-color);border-radius:var(--radius-xl);cursor:pointer;transition:var(--transition-bounce);box-shadow:var(--shadow-md);flex-direction:column;justify-content:center;align-items:center;min-height:70px;display:flex;position:relative;overflow:hidden}.suggestion-card:before{content:"";background:linear-gradient(90deg, var(--color-primary) 0%, var(--color-accent) 100%);border-radius:var(--radius-xl) var(--radius-xl) 0 0;opacity:.6;height:3px;transition:opacity var(--transition-base);position:absolute;top:0;left:0;right:0}.suggestion-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg), var(--shadow-primary-lg);transform:translateY(-4px)scale(1.02)}.suggestion-card:hover:before{opacity:1}.suggestion-card:hover .suggestion-number{background:var(--color-primary-hover);transform:scale(1.15)}.suggestion-card:active{transform:translateY(0)scale(.97)}.suggestion-number{background:var(--color-primary);color:#fff;width:24px;height:24px;font-size:var(--font-size-xs);font-weight:700;font-family:var(--font-family-heading);margin-bottom:var(--space-2);transition:var(--transition-bounce);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.suggestion-title{font-family:var(--font-family-heading);font-size:var(--font-size-base);color:var(--text-primary);margin:0;font-weight:700}.suggestion-card.skeleton{cursor:default;pointer-events:none;animation:2s ease-in-out infinite skeletonPulse,.4s ease-out both fadeInUp;animation-delay:calc(var(--card-index,0) * 60ms), calc(var(--card-index,0) * 60ms)}.skeleton-number{background:linear-gradient(90deg, var(--skeleton-base,#e0e0e0) 25%, var(--skeleton-highlight,#f0f0f0) 50%, var(--skeleton-base,#e0e0e0) 75%);width:24px;height:24px;margin-bottom:var(--space-2);background-size:200% 100%;border-radius:50%;animation:1.5s ease-in-out infinite shimmer}.suggestion-card.skeleton .skeleton-title,.suggestion-card.skeleton .skeleton-subtitle{border-radius:var(--radius-md);background:linear-gradient(90deg, var(--skeleton-base,#e0e0e0) 25%, var(--skeleton-highlight,#f0f0f0) 50%, var(--skeleton-base,#e0e0e0) 75%);background-size:200% 100%;height:.875rem;animation:1.5s ease-in-out infinite shimmer}.suggestion-card.skeleton .skeleton-title{width:75%}.suggestion-card.skeleton .skeleton-subtitle{width:50%;margin-top:var(--space-2)}.suggestion-card.streaming-in{animation:.4s cubic-bezier(.34,1.56,.64,1) both streamReveal}.suggestion-card.generated-in{animation:.45s cubic-bezier(.34,1.56,.64,1) both popIn;animation-delay:calc(var(--card-index,0) * 60ms)}[data-theme=dark] .home-page.centered:before{background:radial-gradient(circle,#c98b781a 0%,#e8a9620d 40%,#0000 70%)}[data-theme=dark] .home-page.centered:after{background:radial-gradient(circle,#e8a96212 0%,#0000 60%)}[data-theme=dark] input[type=text]{background-image:linear-gradient(135deg, var(--bg-surface) 0%, #c98b780f 100%);box-shadow:var(--shadow-lg), inset 0 2px 4px 0 #00000026}[data-theme=dark] input[type=text]:focus{box-shadow:var(--shadow-xl), 0 0 0 4px #c98b7833;background-image:linear-gradient(135deg, var(--bg-surface) 0%, var(--bg-surface) 100%)}[data-theme=dark] .suggest-btn{color:var(--accent-color);border-color:#c98b7840}[data-theme=dark] .suggest-btn:hover:not(:disabled){border-color:var(--accent-color);background:#c98b781a}[data-theme=dark] .suggestion-card{background:linear-gradient(135deg, var(--bg-surface) 0%, #c98b7814 100%)}[data-theme=dark] .suggestion-card:before{opacity:.4}[data-theme=dark] .suggestion-card:hover:before{opacity:.8}[data-theme=dark] .suggestion-number{background:var(--accent-color)}[data-theme=dark] .suggestion-card:hover .suggestion-number{background:var(--accent-hover)}[data-theme=dark] .suggestion-card:hover{box-shadow:var(--shadow-lg), 0 6px 20px #c98b7826}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes skeletonPulse{0%,to{border-color:var(--border-color);box-shadow:var(--shadow-sm)}50%{box-shadow:var(--shadow-md), 0 0 0 1px #d4745f14;border-color:#d4745f33}}@keyframes streamReveal{0%{opacity:0;transform:scale(.8)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes popIn{0%{opacity:0;transform:translateY(16px)scale(.9)}60%{opacity:1;transform:translateY(-4px)scale(1.02)}to{opacity:1;transform:translateY(0)scale(1)}}button{border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-base);border:none}@media screen and (width<=768px){.recipe-form{max-width:100%}.home-page:not(.centered){padding-top:calc(4rem + env(safe-area-inset-top))}.home-page.centered{height:var(--visual-viewport-height,100%);min-height:-webkit-fill-available;padding:0 var(--space-4);margin-top:0}.home-page.centered:before{width:350px;height:350px}.home-page.centered:after{width:200px;height:200px;top:20%;right:5%}.greeting{font-size:var(--font-size-3xl)}.greeting-row{margin-bottom:var(--space-6)}input[type=text]{width:100%;font-size:var(--font-size-base);padding:1rem 1.25rem}.action-buttons{gap:var(--space-3);flex-direction:column}.generate-btn,.suggest-btn{width:100%;min-width:unset}.generate-btn{padding:var(--space-3) var(--space-6)}.suggest-btn{padding:.625rem var(--space-5);font-size:var(--font-size-sm)}.suggestions-grid{grid-template-columns:1fr}.suggestion-card:not(.skeleton){gap:var(--space-3);padding:var(--space-4) var(--space-3);flex-direction:row;min-height:56px}.suggestion-card:not(.skeleton) .suggestion-number{width:22px;height:22px;margin-bottom:0;font-size:.65rem}.suggestion-card.skeleton{gap:var(--space-3);padding:var(--space-4) var(--space-3);flex-direction:row}.suggestion-card.skeleton .skeleton-number{flex-shrink:0;width:22px;height:22px;margin-bottom:0}}@media screen and (width<=768px) and (display-mode:standalone){.home-page:not(.centered){padding-top:calc(1rem + env(safe-area-inset-top))}}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background-color:#0006;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--bg-surface);padding:var(--space-8);border-radius:var(--radius-2xl);width:90%;max-width:400px;box-shadow:var(--shadow-xl);text-align:center;border:1px solid var(--glass-border);animation:.3s cubic-bezier(.16,1,.3,1) scaleUp}.modal-content h2{margin-top:0;margin-bottom:var(--space-4);color:var(--text-primary);font-family:var(--font-family-heading)}.modal-content p{color:var(--text-secondary);margin-bottom:var(--space-6);line-height:var(--line-height-relaxed)}.modal-actions{gap:var(--space-3);flex-direction:column;display:flex}.modal-btn{border-radius:var(--radius-xl);cursor:pointer;transition:var(--transition-base);box-sizing:border-box;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.875rem 1rem;font-weight:600;text-decoration:none;display:inline-flex}.modal-btn.primary{background-color:var(--color-primary);color:#fff;box-shadow:var(--shadow-md);border:none}.modal-btn.primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.modal-btn.secondary{color:var(--text-primary);border:1px solid var(--border-color);background-color:#0000}.modal-btn.secondary:hover{background-color:var(--bg-tertiary);border-color:var(--text-secondary)}