:root{--bg-cream: #FAF7F0;--bg-cream-dark: #F2EFE7;--bg-card: #FFFFFF;--sage-50: #F3F7F4;--sage-100: #E4EEE6;--sage-200: #C9DCCF;--sage-300: #A8C4B0;--sage-500: #6B9477;--sage-600: #557860;--sage-700: #44624E;--sage-800: #354E3E;--sage-900: #23352A;--warm-accent: #C47847;--warm-accent-light: #FDF3EB;--warm-accent-border: #F0D7C5;--match-green: #2E7D32;--match-green-bg: #E8F5E9;--match-green-border: #C8E6C9;--missing-red: #C62828;--missing-bg: #FFEBEE;--missing-border: #FFCDD2;--text-main: #243328;--text-muted: #5A6D5E;--text-light: #7E9082;--border-subtle: #E8EFEA;--border-card: #E1EBE3;--shadow-sm: 0 2px 8px rgba(36, 51, 40, .04);--shadow-card: 0 6px 20px rgba(36, 51, 40, .06);--shadow-card-hover: 0 12px 28px rgba(36, 51, 40, .12);--shadow-modal: 0 20px 50px rgba(20, 30, 22, .22);--radius-sm: 10px;--radius-md: 16px;--radius-lg: 22px;--radius-full: 9999px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-family);background-color:var(--bg-cream);color:var(--text-main);min-height:100vh;display:flex;justify-content:center;align-items:flex-start;line-height:1.5;background-image:radial-gradient(ellipse at 15% 10%,rgba(228,238,230,.5) 0%,transparent 50%),radial-gradient(ellipse at 85% 90%,rgba(242,239,231,.7) 0%,transparent 60%);background-attachment:fixed}#root{width:100%;display:flex;justify-content:center;min-height:100vh}.app-container{width:100%;max-width:520px;min-height:100vh;padding:1.25rem 1.15rem 3rem;display:flex;flex-direction:column}.header{margin-top:1rem;margin-bottom:2rem;text-align:center}.brand-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .85rem;background-color:var(--sage-100);color:var(--sage-800);font-size:.85rem;font-weight:600;border-radius:var(--radius-full);margin-bottom:1rem;letter-spacing:.02em}.brand-badge svg{width:16px;height:16px;fill:currentColor}.main-title{font-size:2.15rem;font-weight:800;color:var(--sage-900);letter-spacing:-.03em;line-height:1.15;margin-bottom:.75rem}.subtitle{font-size:1.05rem;color:var(--text-muted);font-weight:400;line-height:1.45;max-width:360px;margin:0 auto}.action-cards{display:flex;flex-direction:column;gap:1.15rem;flex:1}.action-card{display:flex;flex-direction:column;background-color:var(--bg-card);border:1.5px solid var(--border-card);border-radius:var(--radius-lg);padding:1.4rem;text-align:left;cursor:pointer;transition:all .22s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-card);position:relative;overflow:hidden;-webkit-user-select:none;user-select:none}.action-card:hover{transform:translateY(-2px);border-color:var(--sage-300);box-shadow:var(--shadow-card-hover)}.action-card:active{transform:translateY(1px)}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.card-icon-wrapper{width:52px;height:52px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background-color:var(--sage-100);color:var(--sage-700);transition:background-color .2s ease}.action-card:hover .card-icon-wrapper{background-color:var(--sage-600);color:#fff}.card-tag{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.25rem .65rem;border-radius:var(--radius-full);background-color:var(--sage-50);color:var(--sage-700);border:1px solid var(--border-subtle)}.card-tag.accent{background-color:var(--warm-accent-light);color:var(--warm-accent);border-color:var(--warm-accent-border)}.card-title{font-size:1.3rem;font-weight:700;color:var(--text-main);margin-bottom:.45rem;line-height:1.3}.card-desc{font-size:.95rem;color:var(--text-muted);line-height:1.45;margin-bottom:1.1rem}.card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:.75rem;border-top:1px solid var(--border-subtle);font-size:.88rem;font-weight:600;color:var(--sage-700)}.action-arrow{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);background-color:var(--sage-50);color:var(--sage-700);transition:all .2s ease}.action-arrow.small{width:28px;height:28px}.action-card:hover .action-arrow{background-color:var(--sage-600);color:#fff;transform:translate(3px)}.app-footer-note{margin-top:2rem;text-align:center;font-size:.82rem;color:var(--text-light)}.cook-now-view{display:flex;flex-direction:column;gap:1.35rem;width:100%}.cook-top-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:.25rem}.back-btn-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .95rem;background-color:var(--bg-card);border:1.5px solid var(--border-card);border-radius:var(--radius-full);font-size:.88rem;font-weight:600;color:var(--sage-800);cursor:pointer;transition:all .18s ease;box-shadow:var(--shadow-sm)}.back-btn-pill:hover{background-color:var(--sage-50);border-color:var(--sage-300)}.screen-badge{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.3rem .75rem;border-radius:var(--radius-full);background-color:var(--sage-100);color:var(--sage-800)}.cook-header{text-align:left}.cook-title{font-size:1.7rem;font-weight:800;color:var(--sage-900);letter-spacing:-.02em;line-height:1.2;margin-bottom:.4rem}.cook-desc{font-size:.94rem;color:var(--text-muted);line-height:1.45}.persons-card{display:flex;align-items:center;justify-content:space-between;background-color:var(--bg-card);border:1.5px solid var(--border-card);border-radius:var(--radius-md);padding:1rem 1.15rem;box-shadow:var(--shadow-sm);gap:.75rem}.persons-card-info{display:flex;align-items:center;gap:.75rem}.persons-icon{font-size:1.6rem;line-height:1}.persons-card-info strong{display:block;font-size:.95rem;color:var(--text-main)}.persons-card-info p{font-size:.8rem;color:var(--text-muted)}.persons-selector-bar{display:flex;align-items:center;background-color:var(--sage-50);border:1px solid var(--border-card);border-radius:var(--radius-full);padding:.2rem .35rem;gap:.4rem}.persons-step-btn{width:32px;height:32px;border-radius:50%;border:none;background-color:var(--bg-card);color:var(--sage-800);font-size:1.2rem;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;box-shadow:0 1px 3px #0000000f}.persons-step-btn:hover:not(:disabled){background-color:var(--sage-600);color:#fff}.persons-step-btn:disabled{opacity:.35;cursor:not-allowed}.persons-count-display{font-size:.88rem;font-weight:700;color:var(--sage-900);min-width:65px;text-align:center}.ingredients-box{background-color:var(--bg-card);border:1.5px solid var(--border-card);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:var(--shadow-card)}.ingredients-box-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}.ingredients-box-title{font-size:1.15rem;font-weight:700;color:var(--text-main);margin-bottom:.2rem}.ingredients-counter-badge{font-size:.82rem;color:var(--text-muted)}.ingredients-counter-badge strong{color:var(--sage-700)}.ingredients-quick-actions{display:flex;align-items:center;gap:.4rem;font-size:.82rem}.quick-action-link{background:none;border:none;color:var(--sage-700);font-size:.82rem;font-weight:600;cursor:pointer;padding:.2rem .35rem;border-radius:var(--radius-sm)}.quick-action-link:hover{text-decoration:underline;background-color:var(--sage-50)}.quick-action-link.clear{color:#b71c1c}.divider{color:var(--border-subtle)}.category-tabs{display:flex;gap:.45rem;overflow-x:auto;padding-bottom:.6rem;margin-bottom:.85rem;scrollbar-width:thin}.category-tabs::-webkit-scrollbar{height:4px}.category-tabs::-webkit-scrollbar-thumb{background:var(--sage-200);border-radius:4px}.category-tab{flex-shrink:0;display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .75rem;background-color:var(--sage-50);border:1px solid var(--border-card);border-radius:var(--radius-full);font-size:.8rem;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .15s ease;white-space:nowrap}.category-tab:hover{border-color:var(--sage-300);color:var(--text-main)}.category-tab.active{background-color:var(--sage-700);color:#fff;border-color:var(--sage-700)}.ingredients-chips-grid{display:flex;flex-wrap:wrap;gap:.5rem;max-height:230px;overflow-y:auto;padding-right:.2rem;scrollbar-width:thin}.ingredients-chips-grid::-webkit-scrollbar{width:4px}.ingredients-chips-grid::-webkit-scrollbar-thumb{background:var(--sage-200);border-radius:4px}.ingredient-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.42rem .75rem;background-color:#fafafa;border:1.5px solid var(--border-subtle);border-radius:var(--radius-full);font-size:.82rem;font-weight:500;color:var(--text-main);cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.ingredient-chip:hover{border-color:var(--sage-300);background-color:var(--sage-50)}.ingredient-chip.selected{background-color:var(--sage-100);border-color:var(--sage-600);color:var(--sage-900);font-weight:600}.chip-check{font-size:.85rem;font-weight:700;color:var(--sage-700);line-height:1}.ingredient-chip.selected .chip-check{color:var(--sage-800)}.recipes-section{display:flex;flex-direction:column;gap:.9rem}.recipes-section-header{display:flex;flex-direction:column;gap:.65rem}.recipes-section-title{font-size:1.25rem;font-weight:700;color:var(--sage-900)}.search-bar-wrapper{position:relative;display:flex;align-items:center;width:100%}.search-icon{position:absolute;left:.9rem;color:var(--text-light);pointer-events:none}.search-input{width:100%;padding:.65rem 2.2rem .65rem 2.5rem;background-color:var(--bg-card);border:1.5px solid var(--border-card);border-radius:var(--radius-full);font-size:.9rem;color:var(--text-main);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.search-input:focus{border-color:var(--sage-600);box-shadow:0 0 0 3px #5578601f}.search-clear-btn{position:absolute;right:.8rem;background:none;border:none;color:var(--text-light);font-size:.85rem;cursor:pointer;padding:.2rem}.filter-pills-row{display:flex;gap:.45rem;overflow-x:auto;padding-bottom:.3rem;scrollbar-width:thin}.filter-pill{flex-shrink:0;padding:.35rem .75rem;background-color:var(--bg-card);border:1.5px solid var(--border-card);border-radius:var(--radius-full);font-size:.8rem;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.filter-pill:hover{border-color:var(--sage-300);color:var(--text-main)}.filter-pill.active{background-color:var(--sage-700);color:#fff;border-color:var(--sage-700)}.filter-pill.match-pill.active{background-color:#2e7d32;border-color:#2e7d32}.filter-pill.fav-pill.active{background-color:#c62828;border-color:#c62828}.recipes-grid{display:flex;flex-direction:column;gap:1rem}.recipe-card{background-color:var(--bg-card);border:1.5px solid var(--border-card);border-radius:var(--radius-lg);padding:1.25rem;text-align:left;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;position:relative}.recipe-card:hover{transform:translateY(-2px);border-color:var(--sage-300);box-shadow:var(--shadow-card-hover)}.recipe-card.perfect-match-card{border-color:var(--match-green-border);background-color:#fcfdfb}.recipe-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.65rem}.recipe-card-tags{display:flex;align-items:center;gap:.45rem}.time-badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.76rem;font-weight:600;padding:.22rem .6rem;border-radius:var(--radius-full);background-color:var(--sage-100);color:var(--sage-800)}.fav-star-btn{background:none;border:none;cursor:pointer;padding:.3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-light);transition:transform .15s ease,color .15s ease}.fav-star-btn:hover{transform:scale(1.15);color:#e53e3e}.fav-star-btn.active{color:#e53e3e}.recipe-card-title{font-size:1.18rem;font-weight:700;color:var(--text-main);line-height:1.3;margin-bottom:.35rem}.recipe-card-desc{font-size:.88rem;color:var(--text-muted);line-height:1.4;margin-bottom:.9rem}.match-status-area{margin-bottom:.9rem;padding:.65rem .8rem;background-color:var(--sage-50);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:.4rem}.match-alert.perfect{display:flex;align-items:center;gap:.4rem;color:var(--match-green);font-size:.86rem}.match-check-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background-color:var(--match-green);color:#fff;font-size:.72rem;font-weight:800}.match-alert.missing{display:flex;flex-direction:column;gap:.3rem}.missing-summary{font-size:.82rem;font-weight:700;color:var(--missing-red)}.missing-names-pills{display:flex;flex-wrap:wrap;gap:.3rem}.missing-item-pill{font-size:.74rem;padding:.15rem .45rem;background-color:var(--missing-bg);color:var(--missing-red);border:1px solid var(--missing-border);border-radius:var(--radius-sm);font-weight:600}.matched-preview{font-size:.78rem;color:var(--text-muted);display:flex;gap:.3rem;flex-wrap:wrap}.matched-label{font-weight:600;color:var(--sage-800)}.recipe-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:.65rem;border-top:1px solid var(--border-subtle);font-size:.84rem;font-weight:600;color:var(--sage-700)}.card-action-text{color:var(--sage-800)}.empty-recipes-card{background-color:var(--bg-card);border:1.5px dashed var(--sage-300);border-radius:var(--radius-lg);padding:2.2rem 1.5rem;text-align:center;display:flex;flex-direction:column;align-items:center}.empty-icon{font-size:2.5rem;margin-bottom:.75rem}.empty-recipes-card h3{font-size:1.1rem;color:var(--sage-900);margin-bottom:.4rem}.empty-recipes-card p{font-size:.88rem;color:var(--text-muted);margin-bottom:1.25rem;max-width:320px}.reset-filters-btn{padding:.6rem 1.2rem;background-color:var(--sage-700);color:#fff;border:none;border-radius:var(--radius-full);font-size:.88rem;font-weight:600;cursor:pointer;transition:background-color .15s ease}.reset-filters-btn:hover{background-color:var(--sage-800)}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#18221a8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:flex-end;z-index:1000;animation:fadeIn .18s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-card{width:100%;max-width:520px;max-height:90vh;background-color:var(--bg-cream);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);box-shadow:var(--shadow-modal);display:flex;flex-direction:column;animation:slideUp .22s cubic-bezier(.16,1,.3,1);overflow:hidden}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-header{padding:1rem 1.25rem;background-color:var(--bg-card);border-bottom:1.5px solid var(--border-card);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.modal-back-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .85rem;background-color:var(--sage-50);border:1px solid var(--border-card);border-radius:var(--radius-full);font-size:.85rem;font-weight:600;color:var(--sage-800);cursor:pointer}.modal-back-btn:hover{background-color:var(--sage-100)}.fav-btn-round{width:38px;height:38px;border-radius:50%;border:1px solid var(--border-card);background-color:var(--sage-50);color:var(--text-light);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.fav-btn-round.active{background-color:#ffebee;border-color:#ffcdd2;color:#e53e3e}.modal-content{padding:1.25rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.25rem}.modal-top-tags{display:flex;align-items:center;gap:.5rem}.modal-title{font-size:1.55rem;font-weight:800;color:var(--sage-900);line-height:1.25}.modal-subtitle{font-size:.95rem;color:var(--text-muted);line-height:1.45}.servings-selector{display:flex;align-items:center;justify-content:space-between;background-color:var(--bg-card);border:1.5px solid var(--border-card);border-radius:var(--radius-md);padding:.85rem 1rem}.servings-label{font-size:.9rem;font-weight:600;color:var(--text-main)}.servings-controls{display:flex;align-items:center;background-color:var(--sage-50);border-radius:var(--radius-full);padding:.2rem .35rem;gap:.4rem}.serving-btn{width:28px;height:28px;border-radius:50%;border:none;background-color:var(--bg-card);color:var(--sage-800);font-size:1.1rem;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer}.serving-btn:hover:not(:disabled){background-color:var(--sage-600);color:#fff}.serving-btn:disabled{opacity:.35;cursor:not-allowed}.serving-count{font-size:.84rem;font-weight:700;color:var(--sage-900);min-width:60px;text-align:center}.modal-section{display:flex;flex-direction:column;gap:.65rem}.section-title{font-size:1.05rem;font-weight:700;color:var(--sage-900)}.ingredients-list{list-style:none;display:flex;flex-direction:column;gap:.45rem;background-color:var(--bg-card);border:1.5px solid var(--border-card);border-radius:var(--radius-md);padding:.75rem .9rem}.ingredient-row{display:flex;align-items:center;justify-content:space-between;padding:.4rem .2rem;border-bottom:1px solid var(--border-subtle);font-size:.88rem}.ingredient-row:last-child{border-bottom:none}.ing-status-icon{margin-right:.55rem;display:flex;align-items:center}.ing-name{flex:1;color:var(--text-main)}.pantry-note{font-size:.74rem;color:var(--text-light);font-style:italic}.ing-quantity{font-weight:700;color:var(--sage-800);text-align:right;margin-left:.75rem;white-space:nowrap}.ingredient-row.missing-ingredient .ing-name{color:#b71c1c;font-weight:500}.instructions-list{list-style:none;display:flex;flex-direction:column;gap:.75rem}.instruction-step{display:flex;gap:.75rem;background-color:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-md);padding:.85rem 1rem}.step-number{flex-shrink:0;width:26px;height:26px;border-radius:50%;background-color:var(--sage-600);color:#fff;font-size:.82rem;font-weight:700;display:flex;align-items:center;justify-content:center}.step-text{font-size:.9rem;color:var(--text-main);line-height:1.5}.recipe-tip-box{display:flex;gap:.75rem;background-color:var(--warm-accent-light);border:1px solid var(--warm-accent-border);border-radius:var(--radius-md);padding:.85rem 1rem;font-size:.86rem;color:var(--text-main);line-height:1.45}.tip-icon{font-size:1.25rem;flex-shrink:0}.modal-bottom-actions{margin-top:.5rem}.primary-action-btn{width:100%;padding:.85rem;background-color:var(--sage-700);color:#fff;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .18s ease;box-shadow:0 4px 12px #44624e40}.primary-action-btn:hover{background-color:var(--sage-800)}.placeholder-view{display:flex;flex-direction:column;flex:1;padding-top:.5rem}.back-btn{align-self:flex-start;display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.15rem;background-color:var(--bg-card);border:1.5px solid var(--border-card);border-radius:var(--radius-full);font-size:.92rem;font-weight:600;color:var(--sage-800);cursor:pointer;transition:all .2s ease;margin-bottom:1.5rem;box-shadow:var(--shadow-sm)}.back-btn:hover{background-color:var(--sage-50);border-color:var(--sage-300);transform:translate(-2px)}.placeholder-card{background-color:var(--bg-card);border:1.5px solid var(--border-card);border-radius:var(--radius-lg);padding:2.2rem 1.5rem;text-align:center;box-shadow:var(--shadow-card);display:flex;flex-direction:column;align-items:center}.placeholder-icon{width:72px;height:72px;border-radius:50%;background-color:var(--sage-100);color:var(--sage-700);display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}.placeholder-card h2{font-size:1.45rem;font-weight:700;color:var(--sage-900);margin-bottom:.75rem}.placeholder-card p{color:var(--text-muted);font-size:.96rem;line-height:1.55;margin-bottom:1.75rem;max-width:320px}.placeholder-badge{display:inline-block;padding:.4rem .9rem;background-color:var(--sage-50);color:var(--sage-700);font-size:.8rem;font-weight:600;border-radius:var(--radius-full);border:1px dashed var(--sage-300)}.preference-card{background-color:var(--bg-card);border:1.5px solid var(--border-card);border-radius:var(--radius-md);padding:1rem 1.15rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:.75rem}.pref-header{display:flex;align-items:center;gap:.65rem}.pref-icon{font-size:1.5rem;line-height:1}.pref-header strong{display:block;font-size:.95rem;color:var(--text-main)}.pref-header p{font-size:.78rem;color:var(--text-muted)}.diet-buttons-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.diet-option-btn{display:flex;align-items:center;gap:.45rem;padding:.7rem .75rem;background-color:var(--sage-50);border:1.5px solid var(--border-card);border-radius:var(--radius-md);font-size:.84rem;font-weight:600;color:var(--text-main);cursor:pointer;transition:all .15s ease}.diet-option-btn:hover{border-color:var(--sage-300);background-color:var(--sage-100)}.diet-option-btn.active{background-color:var(--sage-700);border-color:var(--sage-700);color:#fff}.time-filter-card{background-color:var(--bg-card);border:1.5px solid var(--border-card);border-radius:var(--radius-md);padding:1rem 1.15rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:.75rem}.time-filter-header{display:flex;align-items:center;gap:.65rem}.time-icon{font-size:1.4rem;line-height:1}.time-filter-header strong{display:block;font-size:.95rem;color:var(--text-main)}.time-filter-header p{font-size:.78rem;color:var(--text-muted)}.time-buttons-row{display:flex;flex-wrap:wrap;gap:.45rem}.time-pill-btn{padding:.6rem .85rem;background-color:var(--sage-50);border:1px solid var(--border-card);border-radius:var(--radius-full);font-size:.8rem;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.time-pill-btn:hover{border-color:var(--sage-300);color:var(--text-main)}.time-pill-btn.active{background-color:var(--sage-700);border-color:var(--sage-700);color:#fff}.dietary-badge{font-size:.74rem;font-weight:700;padding:.22rem .6rem;border-radius:var(--radius-full)}.dietary-badge.vegan{background-color:#e8f5e9;color:#2e7d32;border:1px solid #C8E6C9}.dietary-badge.vegetarian{background-color:#fff8e1;color:#f57f17;border:1px solid #FFE082}.dietary-badge.pescatarian{background-color:#e1f5fe;color:#0277bd;border:1px solid #B3E5FC}.dietary-badge.meat{background-color:#fbe9e7;color:#d84315;border:1px solid #FFCCBC}.card-tag.dietary-subtle{background-color:var(--sage-50);color:var(--sage-800);border-color:var(--border-subtle);font-weight:600}.recipe-meta-details{display:flex;flex-direction:column;gap:.4rem;margin-top:-.4rem}.meta-time-detail{font-size:.84rem;color:var(--text-muted)}.review-status-pill{display:inline-block;align-self:flex-start;font-size:.74rem;padding:.2rem .6rem;border-radius:var(--radius-sm);background-color:#f5f5f5;color:#616161;border:1px dashed #BDBDBD}.nutritional-addition-card{display:flex;gap:.75rem;background-color:#f1f8f3;border:1px solid #CDE5D4;border-radius:var(--radius-md);padding:.9rem 1rem;font-size:.88rem;color:var(--sage-900);line-height:1.45}.addition-icon{font-size:1.3rem;flex-shrink:0}.week-planner{display:flex;flex-direction:column;gap:0}.wp-header{margin-top:1.25rem;margin-bottom:.5rem}.wp-progress-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.1rem;gap:.5rem}.wp-progress-text{font-size:.86rem;color:var(--text-muted);font-weight:500}.wp-clear-btn{background:none;border:1.5px solid var(--border-card);border-radius:var(--radius-full);padding:.3rem .8rem;font-size:.8rem;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .15s ease;white-space:nowrap}.wp-clear-btn:hover{border-color:var(--missing-border);color:var(--missing-red);background-color:var(--missing-bg)}.wp-day-list{list-style:none;display:flex;flex-direction:column;gap:.6rem}.wp-day-row{display:flex;align-items:center;gap:.75rem;background-color:var(--bg-card);border:1.5px solid var(--border-card);border-radius:var(--radius-md);padding:.7rem .9rem;box-shadow:var(--shadow-sm);transition:border-color .15s ease;min-height:64px}.wp-day-row--filled{border-color:var(--sage-200)}.wp-day-name{flex-shrink:0;width:82px}.wp-day-full{display:block;font-size:.9rem;font-weight:700;color:var(--sage-800)}.wp-day-short{display:none;font-size:.9rem;font-weight:700;color:var(--sage-800)}.wp-slot{flex:1;min-width:0}.wp-slot--filled{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.wp-slot-info{display:flex;align-items:center;gap:.5rem;min-width:0;flex:1}.wp-slot-emoji{font-size:1.1rem;flex-shrink:0}.wp-slot-text{display:flex;flex-direction:column;min-width:0}.wp-slot-title{font-size:.9rem;font-weight:700;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wp-slot-meta{font-size:.77rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wp-slot-actions{display:flex;align-items:center;gap:.35rem;flex-shrink:0}.wp-action-btn{border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:.78rem;font-weight:600;padding:.5rem .7rem;transition:all .15s ease;line-height:1}.wp-action-btn--change{background-color:var(--sage-100);color:var(--sage-800)}.wp-action-btn--change:hover{background-color:var(--sage-200)}.wp-action-btn--remove{background-color:var(--missing-bg);color:var(--missing-red);padding:.3rem .5rem}.wp-action-btn--remove:hover{background-color:var(--missing-border)}.wp-slot--empty{display:flex;align-items:center;gap:.45rem;background:none;border:1.5px dashed var(--border-card);border-radius:var(--radius-sm);padding:.45rem .75rem;cursor:pointer;color:var(--text-light);font-size:.85rem;font-weight:600;transition:all .15s ease;width:100%}.wp-slot--empty:hover{border-color:var(--sage-400, var(--sage-300));color:var(--sage-700);background-color:var(--sage-50)}.wp-slot-add-icon{font-size:1.1rem;line-height:1;color:var(--sage-500)}.wp-picker-card{display:flex;flex-direction:column;max-height:88vh;padding-bottom:0}.wp-search-wrap{position:relative;padding:0 1.25rem .75rem;flex-shrink:0}.wp-search-icon{position:absolute;left:1.85rem;top:50%;transform:translateY(-60%);color:var(--text-light);pointer-events:none}.wp-search-input{width:100%;padding:.6rem .9rem .6rem 2.4rem;border:1.5px solid var(--border-card);border-radius:var(--radius-full);background-color:var(--bg-cream);font-size:.9rem;color:var(--text-main);outline:none;transition:border-color .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}.wp-search-input:focus{border-color:var(--sage-400, var(--sage-300))}.wp-recipe-list{list-style:none;overflow-y:auto;flex:1;padding:0 .75rem 1rem}.wp-recipe-row{display:flex;align-items:center;gap:.65rem;padding:.7rem .65rem;border-radius:var(--radius-sm);cursor:pointer;transition:background-color .12s ease}.wp-recipe-row:hover,.wp-recipe-row:focus-visible{background-color:var(--sage-50);outline:none}.wp-recipe-row--current{background-color:var(--sage-100)}.wp-row-emoji{font-size:1.15rem;flex-shrink:0;line-height:1}.wp-row-body{flex:1;min-width:0;display:flex;flex-direction:column}.wp-row-title{font-size:.9rem;font-weight:700;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wp-row-meta{font-size:.77rem;color:var(--text-muted)}.wp-row-check{color:var(--sage-600);font-weight:800;font-size:1rem;flex-shrink:0}.wp-no-results{padding:2rem .5rem;text-align:center;color:var(--text-muted);font-size:.9rem}@media(max-width:360px){.wp-day-full{display:none}.wp-day-short{display:block}.wp-day-name{width:32px}}.wp-shopping-bar{margin-bottom:1rem}.wp-shopping-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.15rem;background-color:var(--bg-card);border:1.5px solid var(--sage-300);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;transition:all .2s ease;min-height:52px}.wp-shopping-btn:hover{border-color:var(--sage-500);background-color:var(--sage-50);transform:translateY(-1px);box-shadow:var(--shadow-card)}.wp-shopping-btn-left{display:flex;align-items:center;gap:.65rem}.wp-shopping-icon{font-size:1.35rem;line-height:1}.wp-shopping-label{font-size:.98rem;font-weight:700;color:var(--sage-900)}.wp-shopping-badge{font-size:.8rem;font-weight:700;padding:.3rem .75rem;background-color:var(--sage-100);color:var(--sage-800);border-radius:var(--radius-full)}.wp-shopping-badge.empty{background-color:var(--sage-50);color:var(--text-muted);font-weight:600}.sl-modal-card{max-height:92vh;display:flex;flex-direction:column}.sl-modal-header{padding:1rem 1.25rem .85rem;flex-shrink:0}.sl-header-title-box{display:flex;flex-direction:column;align-items:flex-end;gap:.2rem}.sl-header-title{font-size:1.2rem;font-weight:800;color:var(--sage-900);margin:0}.sl-summary-bar{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1.25rem;background-color:var(--sage-50);border-bottom:1.5px solid var(--border-card);gap:.5rem;flex-wrap:wrap;flex-shrink:0}.sl-summary-text{font-size:.85rem;color:var(--text-muted);display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.sl-summary-text strong{color:var(--sage-900)}.sl-progress-badge{font-size:.76rem;font-weight:700;padding:.15rem .5rem;border-radius:var(--radius-full);background-color:var(--sage-200);color:var(--sage-900)}.sl-clear-btn{background:none;border:1px solid var(--border-card);border-radius:var(--radius-full);padding:.35rem .75rem;font-size:.78rem;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .15s ease;min-height:36px;display:inline-flex;align-items:center}.sl-clear-btn:hover{background-color:var(--missing-bg);border-color:var(--missing-border);color:var(--missing-red)}.sl-content{flex:1;overflow-y:auto;padding:1rem 1.15rem 2.5rem;-webkit-overflow-scrolling:touch}.sl-empty-box{padding:3rem 1.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem}.sl-empty-icon{font-size:3rem;line-height:1}.sl-empty-box h3{font-size:1.15rem;font-weight:700;color:var(--sage-900)}.sl-empty-box p{font-size:.9rem;color:var(--text-muted);max-width:320px;line-height:1.45}.sl-back-to-plan-btn{margin-top:.5rem;padding:.65rem 1.25rem;background-color:var(--sage-700);color:#fff;border:none;border-radius:var(--radius-full);font-size:.9rem;font-weight:600;cursor:pointer;transition:background-color .15s ease;min-height:44px}.sl-back-to-plan-btn:hover{background-color:var(--sage-800)}.sl-category-section{margin-bottom:1.25rem}.sl-category-header{display:flex;align-items:center;gap:.45rem;margin-bottom:.5rem;padding:0 .2rem}.sl-category-icon{font-size:1.1rem;line-height:1}.sl-category-title{font-size:.92rem;font-weight:700;color:var(--sage-900)}.sl-category-count{font-size:.78rem;color:var(--text-light);font-weight:500}.sl-items-list{list-style:none;display:flex;flex-direction:column;gap:.45rem}.sl-item-row{display:flex;align-items:center;gap:.75rem;padding:.65rem .85rem;background-color:var(--bg-card);border:1.5px solid var(--border-card);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease;min-height:48px;-webkit-user-select:none;user-select:none}.sl-item-row:hover{border-color:var(--sage-300)}.sl-item-row.checked{background-color:#f6faf7;border-color:var(--sage-200);opacity:.72}.sl-item-row.checked .sl-item-name{text-decoration:line-through;color:var(--text-muted)}.sl-item-row.checked .sl-item-quantity{background-color:#e6efe8;color:var(--text-muted)}.sl-checkbox{width:22px;height:22px;border-radius:6px;border:2px solid var(--sage-300);background-color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s ease}.sl-checkbox.active{background-color:var(--sage-700);border-color:var(--sage-700);color:#fff}.sl-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}.sl-item-name{font-size:.92rem;font-weight:700;color:var(--text-main);line-height:1.25}.sl-item-recipes{font-size:.74rem;color:var(--text-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sl-item-quantity{font-size:.82rem;font-weight:700;color:var(--sage-900);background-color:var(--sage-100);padding:.22rem .6rem;border-radius:var(--radius-full);white-space:nowrap;flex-shrink:0}