.home-page.centered{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;overflow:hidden;overscroll-behavior:none;touch-action:none;width:100%;max-width:none;padding:0 var(--space-4)}.greeting-row{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-6);flex-direction:column}.home-icon{color:var(--color-primary);filter:drop-shadow(0 4px 6px rgba(16,185,129,.2));margin-bottom:var(--space-2)}.greeting{font-family:var(--font-family-heading);font-size:var(--font-size-4xl);font-weight:800;color:var(--text-primary);margin:0;text-align:center;letter-spacing:-.03em;background:linear-gradient(135deg,var(--text-primary) 0%,var(--color-gray-500) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.recipe-form{display:flex;flex-direction:column;align-items:center;width:100%;max-width:650px;gap:var(--space-6);margin:var(--space-2) auto}.generate-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;width:auto;min-width:200px;padding:var(--space-3) var(--space-8);font-size:var(--font-size-lg);font-weight:600;background:var(--color-primary);color:#fff;border-radius:var(--radius-full);box-shadow:var(--shadow-lg),var(--shadow-glow);transition:var(--transition-bounce);border:none;cursor:pointer;margin-top:var(--space-4)}.generate-btn:hover:not(:disabled){transform:translateY(-2px) scale(1.02);background:var(--color-primary-hover);box-shadow:var(--shadow-xl),var(--shadow-glow)}.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{display:flex;flex-wrap:wrap;gap:var(--space-2);width:100%;justify-content:center}input[type=text]{font-size:var(--font-size-lg);width:100%;padding:1.25rem 1.5rem;border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-sizing:border-box;background-color:var(--bg-surface);color:var(--text-primary);transition:var(--transition-base);box-shadow:var(--shadow-lg)}input[type=text]::placeholder{color:var(--text-muted)}input[type=text]:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-xl),var(--shadow-glow);transform:translateY(-2px)}button{border:none;border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-base)}@media(max-width:768px){.home-page:not(.centered){padding-top:calc(4rem + env(safe-area-inset-top))}.home-page.centered{height:100%;min-height:-webkit-fill-available;margin-top:-64px;padding:0 var(--space-4)}.greeting{font-size:var(--font-size-3xl)}input[type=text]{width:100%;padding:1rem 1.25rem;font-size:var(--font-size-base)}.generate-btn{width:100%}.recipe-form{gap:var(--space-4)}}.modal-overlay{position:fixed;inset:0;background-color:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.modal-content{background-color:var(--bg-surface);padding:var(--space-8);border-radius:var(--radius-2xl);max-width:400px;width:90%;box-shadow:var(--shadow-xl);text-align:center;border:1px solid var(--glass-border);animation:scaleUp .3s cubic-bezier(.16,1,.3,1)}.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{display:flex;flex-direction:column;gap:var(--space-3)}.modal-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1rem;border-radius:var(--radius-xl);font-weight:600;cursor:pointer;text-decoration:none;transition:var(--transition-base);width:100%;box-sizing:border-box}.modal-btn.primary{background-color:var(--color-primary);color:#fff;border:none;box-shadow:var(--shadow-md)}.modal-btn.primary:hover{background-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.modal-btn.secondary{background-color:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.modal-btn.secondary:hover{background-color:var(--bg-tertiary);border-color:var(--text-secondary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.modifier-chip-container{position:relative;display:inline-block}.modifier-chip{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) 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-xs);cursor:pointer;white-space:nowrap;transition:all .2s cubic-bezier(.4,0,.2,1)}.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{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background-color:#fff3;transition:background-color .2s}.clear-icon:hover{background-color:#fff6}.modifier-dropdown{position:absolute;top:calc(100% + var(--space-2));left:50%;transform:translate(-50%);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);display:flex;flex-direction:column;min-width:15rem;z-index:100;animation:dropdownFadeIn .2s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.dropdown-item{text-align:left;padding:.5rem .75rem;border-radius:6px;background:none;border:none;color:var(--text-primary);font-size:.9rem;width:100%;transition:background-color .2s}.dropdown-item:hover{background-color:var(--bg-tertiary)}.dropdown-item.active{color:var(--accent-color);font-weight:600;background-color:var(--bg-primary);border-left:2px solid var(--accent-color)}