html,body,#root{margin:0;padding:0;height:100%;width:100%}:root{--primary-color: #4CAF50;--primary-dark: #388E3C;--secondary-color: #2196F3;--background-color: #f5f5f5;--card-background: #ffffff;--text-primary: #333333;--text-secondary: #666666;--border-color: #e0e0e0;--danger-color: #f44336;--warning-color: #FF9800;--success-color: #4CAF50;--shadow: 0 2px 8px rgba(0, 0, 0, .1);--radius: 12px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:var(--background-color);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased}.app{min-height:100vh;display:flex;flex-direction:column;max-width:600px;margin:0 auto;background:var(--card-background)}.app.loading{justify-content:center;align-items:center}.loading-spinner{font-size:48px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-header{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;padding:var(--spacing-lg);text-align:center;position:sticky;top:0;z-index:100}.app-header h1{font-size:1.75rem;margin-bottom:var(--spacing-xs)}.diet-badge{display:inline-block;background:#fff3;padding:var(--spacing-xs) var(--spacing-md);border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:1px}.app-main{flex:1;padding:var(--spacing-md);padding-bottom:80px;overflow-y:auto}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:600px;background:var(--card-background);display:flex;justify-content:space-around;padding:var(--spacing-sm) 0;border-top:1px solid var(--border-color);box-shadow:0 -2px 10px #0000001a;z-index:100}.nav-item{display:flex;flex-direction:column;align-items:center;background:none;border:none;padding:var(--spacing-sm);cursor:pointer;color:var(--text-secondary);transition:color .2s}.nav-item.active{color:var(--primary-color)}.nav-icon{font-size:24px;margin-bottom:2px}.nav-label{font-size:.7rem;font-weight:500}.btn{padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius);cursor:pointer;font-weight:600;font-size:.9rem;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-primary:disabled{background:#ccc;cursor:not-allowed}.btn-secondary{background:var(--background-color);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--border-color)}.btn-danger{background:var(--danger-color);color:#fff}.btn-large{padding:var(--spacing-md) var(--spacing-lg);font-size:1.1rem;width:100%}.btn-small{padding:var(--spacing-xs) var(--spacing-sm);font-size:.8rem}.btn-eat{background:var(--primary-color);color:#fff;width:100%;margin-top:var(--spacing-sm)}.btn-what-can-i-eat{margin-bottom:var(--spacing-lg);font-size:1.2rem;padding:var(--spacing-lg)}.profile-setup{padding:var(--spacing-lg)}.profile-setup h2{margin-bottom:var(--spacing-md);text-align:center}.profile-setup>p{text-align:center;color:var(--text-secondary);margin-bottom:var(--spacing-xl)}.form-section{margin-bottom:var(--spacing-xl)}.form-section h3{margin-bottom:var(--spacing-md);font-size:1.1rem}.diet-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.diet-option{display:flex;flex-direction:column;padding:var(--spacing-md);border:2px solid var(--border-color);border-radius:var(--radius);cursor:pointer;transition:all .2s}.diet-option:hover{border-color:var(--primary-color)}.diet-option.selected{border-color:var(--primary-color);background:#4caf501a}.diet-option input{display:none}.diet-label{font-weight:600;margin-bottom:var(--spacing-xs)}.diet-description{font-size:.75rem;color:var(--text-secondary)}.goals-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.goal-option{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border:2px solid var(--border-color);border-radius:var(--radius);cursor:pointer;transition:all .2s}.goal-option:hover{border-color:var(--primary-color)}.goal-option.selected{border-color:var(--primary-color);background:#4caf501a}.goal-option input{accent-color:var(--primary-color)}.suggestion-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.suggestion-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius);padding:var(--spacing-md);cursor:pointer;transition:all .2s;box-shadow:var(--shadow)}.suggestion-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.suggestion-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.category-emoji{font-size:1.5rem}.item-name{flex:1;font-size:1.1rem;font-weight:600}.score-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:20px;color:#fff;font-size:.75rem;font-weight:700}.suggestion-macros{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);font-size:.8rem;color:var(--text-secondary)}.suggestion-reason{font-size:.9rem;color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.suggestion-warnings{background:#ff98001a;padding:var(--spacing-sm);border-radius:var(--radius);margin-bottom:var(--spacing-sm)}.warning{color:var(--warning-color);font-size:.85rem}.quantity-info{font-size:.8rem;color:var(--text-secondary)}.empty-suggestions{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary)}.daily-progress{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius);padding:var(--spacing-md);margin-bottom:var(--spacing-lg)}.daily-progress h3{margin-bottom:var(--spacing-md)}.macro-bars{display:flex;flex-direction:column;gap:var(--spacing-md)}.macro-bar-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.macro-label{display:flex;justify-content:space-between;font-size:.85rem}.progress-bar{height:8px;background:var(--background-color);border-radius:4px;overflow:hidden}.progress-fill{height:100%;border-radius:4px;transition:width .3s ease}.today-meals{margin-top:var(--spacing-lg);border-top:1px solid var(--border-color);padding-top:var(--spacing-md)}.today-meals h4{margin-bottom:var(--spacing-sm);font-size:.9rem}.today-meals ul{list-style:none}.today-meals li{display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-color);font-size:.85rem}.meal-time{color:var(--text-secondary);min-width:60px}.meal-name{flex:1;font-weight:500}.meal-macros{color:var(--text-secondary);font-size:.75rem}.no-meals{color:var(--text-secondary);font-size:.9rem;text-align:center;margin-top:var(--spacing-md)}.inventory-manager{padding:var(--spacing-sm)}.inventory-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.inventory-header h2{font-size:1.25rem}.inventory-actions{display:flex;gap:var(--spacing-sm)}.import-section{background:var(--background-color);padding:var(--spacing-md);border-radius:var(--radius);margin-bottom:var(--spacing-md)}.import-section h3{margin-bottom:var(--spacing-sm)}.import-section textarea{width:100%;padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius);font-family:monospace;font-size:.8rem;resize:vertical;margin-bottom:var(--spacing-sm)}.import-actions{display:flex;gap:var(--spacing-sm)}.add-item-form{background:var(--background-color);padding:var(--spacing-md);border-radius:var(--radius);margin-bottom:var(--spacing-md)}.add-item-form h3{margin-bottom:var(--spacing-md)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-group label{font-size:.8rem;font-weight:500}.form-group input,.form-group select{padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius);font-size:.9rem}.form-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.inventory-filters{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.search-input{flex:1;padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius);font-size:.9rem}.category-filter{padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius);font-size:.9rem}.inventory-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.category-section h3{font-size:1rem;margin-bottom:var(--spacing-sm);color:var(--text-secondary)}.items-grid{display:flex;flex-direction:column;gap:var(--spacing-sm)}.inventory-item{display:flex;align-items:center;justify-content:space-between;background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius);padding:var(--spacing-sm) var(--spacing-md)}.item-info{display:flex;flex-direction:column}.item-info .item-name{font-size:.95rem;font-weight:500}.item-quantity{font-size:.8rem;color:var(--text-secondary)}.item-macros{display:flex;gap:var(--spacing-sm);font-size:.75rem;color:var(--text-secondary)}.item-actions{display:flex;gap:var(--spacing-xs)}.item-edit{display:flex;align-items:center;gap:var(--spacing-sm)}.item-edit input{width:80px;padding:var(--spacing-xs);border:1px solid var(--border-color);border-radius:var(--radius)}.empty-inventory{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary)}.ai-ingestion{padding:var(--spacing-sm)}.ai-ingestion h2{margin-bottom:var(--spacing-sm)}.ai-ingestion>p{color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.ingestion-steps{display:flex;flex-direction:column;gap:var(--spacing-lg)}.step{display:flex;gap:var(--spacing-md)}.step-number{width:32px;height:32px;background:var(--primary-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.step-content{flex:1}.step-content h3{font-size:1rem;margin-bottom:var(--spacing-sm)}.photo-actions{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.image-preview{margin-top:var(--spacing-sm);border-radius:var(--radius);overflow:hidden}.image-preview img{width:100%;max-height:200px;object-fit:cover}.ai-prompt-box{background:var(--background-color);padding:var(--spacing-md);border-radius:var(--radius);margin-top:var(--spacing-sm)}.ai-prompt-box pre{white-space:pre-wrap;font-size:.75rem;margin-bottom:var(--spacing-sm)}.step-content textarea{width:100%;padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius);font-family:monospace;font-size:.8rem;resize:vertical;margin-bottom:var(--spacing-sm)}.tips-section{margin-top:var(--spacing-xl);padding:var(--spacing-md);background:#2196f31a;border-radius:var(--radius)}.tips-section h3{margin-bottom:var(--spacing-sm)}.tips-section ul{padding-left:var(--spacing-lg);font-size:.9rem}.tips-section li{margin-bottom:var(--spacing-xs)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:200;padding:var(--spacing-md)}.modal{background:var(--card-background);border-radius:var(--radius);padding:var(--spacing-lg);width:100%;max-width:400px;max-height:90vh;overflow-y:auto}.modal h2{margin-bottom:var(--spacing-sm);text-align:center}.modal-item-name{font-size:1.25rem;font-weight:600;text-align:center;margin-bottom:var(--spacing-lg);color:var(--primary-color)}.consumption-options{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.button-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.helper-text{font-size:.8rem;color:var(--text-secondary);margin-top:var(--spacing-xs)}.modal-actions{display:flex;flex-direction:column;gap:var(--spacing-sm)}.modal-actions .btn{width:100%}.settings-tab{padding:var(--spacing-sm)}.settings-tab h2{margin-bottom:var(--spacing-lg)}.settings-section{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.settings-section h3{font-size:.9rem;margin-bottom:var(--spacing-sm);color:var(--text-secondary)}.settings-section select{width:100%;padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius);font-size:.9rem}.danger-zone{border-color:var(--danger-color)}.danger-zone h3{color:var(--danger-color)}.suggestions-section{margin-top:var(--spacing-lg)}.suggestions-section h2{margin-bottom:var(--spacing-md)}@media(min-width:768px){.diet-grid,.form-grid{grid-template-columns:repeat(3,1fr)}}@media(display-mode:standalone){.app-header{padding-top:env(safe-area-inset-top)}.bottom-nav{padding-bottom:env(safe-area-inset-bottom)}}