@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,700;1,9..40,400&display=swap";:root{--color-bg:#fafaf8;--color-surface:#f0ede8;--color-text:#1c1c1a;--color-muted:#6b6b68;--color-accent:#e07a5f;--color-accent-tint:#faeae5;--font-family:"DM Sans", sans-serif;--font-size-title:16px;--font-size-body:13px;--font-size-meta:10px;--font-weight-bold:500;--radius-card:10px;--radius-pill:99px;--radius-modal:20px;--spacing-xs:8px;--spacing-sm:16px;--spacing-md:24px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background-color:var(--color-bg);height:100%;color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size-body);-webkit-font-smoothing:antialiased}:root{--color-border:#e0e0e0;--color-danger:#d32f2f;--color-danger-light:#ffeaea;--tab-bar-height:56px;--spacing-xl:32px}body{-webkit-tap-highlight-color:transparent;line-height:1.5}input,textarea,button,select{font:inherit;color:inherit}input,textarea{font-size:16px}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}.dish-tile{align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm);background:var(--color-surface);border-radius:var(--radius-card);border:1px solid var(--color-border);text-align:left;transition:background .15s;display:flex}.dish-tile-photo{border-radius:var(--radius-card);flex-shrink:0;width:52px;height:52px;overflow:hidden}.dish-tile-img{object-fit:cover;width:100%;height:100%}.dish-tile-photo-placeholder{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-card);justify-content:center;align-items:center;width:52px;height:52px;font-size:24px;display:flex}.dish-tile:active{background:var(--color-bg)}.dish-tile-name{font-size:var(--font-size-title);font-weight:var(--font-weight-bold);flex:1}.dish-tile-arrow{color:var(--color-muted);font-size:20px}.dish-tile-quick-add{background:var(--color-accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;display:flex}.dish-tile-quick-add:active{background:var(--color-accent);opacity:.85}.home-screen{flex-direction:column;min-height:100%;display:flex}.home-content{padding:var(--spacing-sm);flex:1}.inspiration-section h1{margin-bottom:var(--spacing-sm);font-size:24px;font-weight:700}.home-status{color:var(--color-muted);text-align:center;padding:var(--spacing-xl) 0}.inspiration-grid{gap:var(--spacing-xs);flex-direction:column;display:flex}.chat-bar{bottom:calc(var(--tab-bar-height) + env(safe-area-inset-bottom,0px));gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-surface);border-top:1px solid var(--color-border);display:flex;position:sticky}.chat-input{padding:10px var(--spacing-sm);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-pill);outline:none;flex:1}.chat-input:focus{border-color:var(--color-accent)}.chat-send{background:var(--color-accent);color:#fff;width:40px;height:40px;font-size:var(--font-size-title);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.chat-send:disabled{opacity:.4}.chat-send:active:not(:disabled){background:var(--color-accent);opacity:.85}.search-results-content{padding:var(--spacing-sm)}.search-query{color:var(--color-muted);font-size:var(--font-size-body);margin-bottom:var(--spacing-sm)}.search-status{color:var(--color-muted);text-align:center;padding:var(--spacing-xl) 0}.search-results-list{gap:var(--spacing-xs);flex-direction:column;display:flex}.search-loading{text-align:center;padding:var(--spacing-xl) 0;color:var(--color-muted)}.loading-dots{margin-bottom:var(--spacing-sm);justify-content:center;gap:6px;display:flex}.loading-dots span{background:var(--color-accent);border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite dot-pulse}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes dot-pulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.search-error{text-align:center;padding:var(--spacing-xl) 0;color:var(--color-danger)}.search-error-detail{font-size:var(--font-size-body);color:var(--color-muted);margin-top:var(--spacing-xs)}.ai-message{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--spacing-sm);margin-bottom:var(--spacing-sm);font-size:15px;line-height:1.5}.weekplan-suggestion{margin-bottom:var(--spacing-md)}.weekplan-suggestion h2{margin-bottom:var(--spacing-xs);font-size:18px;font-weight:600}.weekplan-suggestion-list{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);overflow:hidden}.weekplan-suggestion-row{padding:12px var(--spacing-sm);border-bottom:1px solid var(--color-border);align-items:center;display:flex}.weekplan-suggestion-row:last-child{border-bottom:none}.weekplan-suggestion-day{font-size:var(--font-size-body);color:var(--color-muted);flex-shrink:0;width:80px;font-weight:600}.weekplan-suggestion-dish{font-size:15px;font-weight:var(--font-weight-bold);align-items:center;gap:var(--spacing-xs);flex:1;display:flex}.weekplan-suggestion-dish:not(.dish-new){cursor:pointer}.weekplan-confirm-btn{width:100%;margin-top:var(--spacing-sm)}.dish-tile-new{border:1px dashed var(--color-accent);background:var(--color-accent-tint)}.dish-tile-create{font-size:var(--font-size-body);color:var(--color-accent);flex-shrink:0;font-weight:600}.new-badge{font-size:var(--font-size-meta);color:#fff;background:var(--color-accent);border-radius:var(--radius-card);vertical-align:middle;margin-left:6px;padding:2px 6px;font-weight:600;display:inline-block}.dish-list{min-height:100%}.dish-list-header{padding:var(--spacing-sm);background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:10;position:sticky;top:0}.dish-list-header h1{margin-bottom:var(--spacing-xs);font-size:24px;font-weight:700}.dish-search{width:100%;padding:10px var(--spacing-sm);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-card);outline:none}.dish-search:focus{border-color:var(--color-accent)}.dish-list-content{gap:var(--spacing-xs);padding:var(--spacing-sm);flex-direction:column;display:flex}.dish-list-status{text-align:center;color:var(--color-muted);padding:var(--spacing-xl) 0}.dish-list-error{text-align:center;color:var(--color-danger);padding:var(--spacing-xl) 0}.fab{bottom:calc(var(--tab-bar-height) + env(safe-area-inset-bottom,0px) + var(--spacing-sm));right:var(--spacing-sm);background:var(--color-accent);color:#fff;z-index:50;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:28px;display:flex;position:fixed;box-shadow:0 4px 12px #0003}.fab:active{background:var(--color-accent);opacity:.85}.dish-list-actions{padding:0 var(--spacing-sm) var(--spacing-sm)}.retag-btn{width:100%;font-size:var(--font-size-body)}.retag-progress{padding:0 var(--spacing-sm) var(--spacing-xs);align-items:center;gap:var(--spacing-xs);display:flex}.retag-bar{background:var(--color-border);border-radius:3px;flex:1;height:6px;overflow:hidden}.retag-bar-fill{background:var(--color-accent);border-radius:3px;height:100%;transition:width .3s}.retag-count{font-size:var(--font-size-body);color:var(--color-muted);white-space:nowrap}.confirm-backdrop{z-index:200;padding:var(--spacing-sm);background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-dialog{background:var(--color-surface);border-radius:var(--radius-modal);padding:var(--spacing-md);width:100%;max-width:320px}.confirm-message{font-size:var(--font-size-title);text-align:center;margin-bottom:var(--spacing-md)}.confirm-actions{gap:var(--spacing-xs);display:flex}.confirm-cancel,.confirm-delete{border-radius:var(--radius-card);flex:1;padding:12px;font-size:15px;font-weight:600}.confirm-cancel{background:var(--color-bg);color:var(--color-text)}.confirm-delete{background:var(--color-danger);color:#fff}.confirm-delete:active{opacity:.85}.dish-detail-content{padding:var(--spacing-sm)}.dish-tags{gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);flex-wrap:wrap;display:flex}.dish-tag{background:var(--color-accent-tint);color:var(--color-accent);border-radius:var(--radius-pill);font-size:var(--font-size-body);font-weight:var(--font-weight-bold);padding:4px 12px}.dish-detail-stat{color:var(--color-muted);font-size:var(--font-size-body);margin-bottom:var(--spacing-md)}.dish-ingredients-section{margin-bottom:var(--spacing-md)}.dish-ingredients-section h2{font-size:var(--font-size-title);margin-bottom:var(--spacing-xs);font-weight:600}.no-ingredients{color:var(--color-muted);font-size:var(--font-size-body);font-style:italic}.dish-ingredients{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);overflow:hidden}.ingredient-row{padding:10px var(--spacing-sm);border-bottom:1px solid var(--color-border);justify-content:space-between;display:flex}.ingredient-row:last-child{border-bottom:none}.ingredient-name{font-size:15px}.ingredient-amount{color:var(--color-muted);font-size:var(--font-size-body)}.dish-detail-actions{gap:var(--spacing-xs);display:flex}.btn{border-radius:var(--radius-card);text-align:center;flex:1;padding:12px;font-size:15px;font-weight:600}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:active{background:var(--color-accent);opacity:.85}.btn-danger{background:var(--color-danger-light);color:var(--color-danger)}.btn-danger:active{opacity:.8}.dish-form-content{padding:var(--spacing-sm)}.form-label{font-size:var(--font-size-body);color:var(--color-muted);margin-bottom:var(--spacing-sm);font-weight:600;display:block}.form-input{width:100%;padding:10px var(--spacing-sm);margin-top:var(--spacing-xs);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);outline:none;display:block}.form-input:focus{border-color:var(--color-accent)}.form-section{margin-bottom:var(--spacing-md)}.form-section h2{font-size:var(--font-size-body);color:var(--color-muted);margin-bottom:var(--spacing-xs);font-weight:600}.ingredient-input-row{gap:var(--spacing-xs);margin-bottom:var(--spacing-xs);align-items:center;display:flex}.ingredient-name-input{flex:2}.ingredient-amount-input{flex:1}.remove-ingredient{width:36px;height:36px;color:var(--color-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;display:flex}.remove-ingredient:active{background:var(--color-danger-light);color:var(--color-danger)}.add-ingredient{border:1px dashed var(--color-border);border-radius:var(--radius-card);width:100%;color:var(--color-accent);font-weight:var(--font-weight-bold);padding:10px;font-size:15px}.add-ingredient:active{background:var(--color-bg)}.save-button{width:100%;margin-top:var(--spacing-sm)}.save-button:disabled{opacity:.6}.form-photo-section{margin-bottom:var(--spacing-sm)}.photo-upload-btn{justify-content:center;align-items:center;gap:var(--spacing-xs);border:2px dashed var(--color-border);border-radius:var(--radius-card);width:100%;height:120px;color:var(--color-muted);font-size:15px;font-weight:var(--font-weight-bold);background:0 0;flex-direction:column;display:flex}.photo-upload-btn:active{background:var(--color-bg)}.photo-upload-icon{font-size:32px}.photo-preview-wrap{gap:var(--spacing-xs);flex-direction:column;display:flex}.photo-preview{object-fit:cover;border-radius:var(--radius-card);width:100%;height:180px}.photo-actions{gap:var(--spacing-xs);display:flex}.btn-danger{border:1px solid var(--color-danger);color:var(--color-danger);border-radius:var(--radius-card);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-body);font-weight:var(--font-weight-bold);background:0 0}.btn-danger:active{background:#e53e3e14}.form-error{color:var(--color-danger);font-size:var(--font-size-body);margin-bottom:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-danger-light);border-radius:var(--radius-card)}.form-tabs{margin-bottom:var(--spacing-md);background:var(--color-bg);border-radius:var(--radius-card);gap:0;padding:3px;display:flex}.form-tab{font-size:var(--font-size-body);font-weight:var(--font-weight-bold);color:var(--color-muted);border-radius:var(--radius-card);flex:1;padding:10px;transition:all .2s}.form-tab-active{background:var(--color-surface);color:var(--color-text);font-weight:600}.import-section{margin-bottom:var(--spacing-md)}.import-button{width:100%;margin-top:var(--spacing-xs)}.import-button:disabled{opacity:.6}.import-loading{justify-content:center;align-items:center;gap:var(--spacing-xs);display:flex}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.weekplan-header{padding:var(--spacing-sm);background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:10;position:sticky;top:0}.weekplan-header h1{font-size:24px;font-weight:700}.weekplan-content{padding:var(--spacing-sm)}.day-slot{padding:12px var(--spacing-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);margin-bottom:var(--spacing-xs);align-items:center;min-height:48px;transition:border-color .15s,background .15s,transform .15s;display:flex}.day-slot-dragging{opacity:.4;background:var(--color-bg)}.day-slot-drop-target{border-color:var(--color-accent);background:var(--color-accent-tint);border-width:2px;transform:scale(1.02)}.day-label{font-size:var(--font-size-body);color:var(--color-muted);flex-shrink:0;width:80px;font-weight:600}.day-dish{align-items:center;gap:var(--spacing-xs);touch-action:none;flex:1;min-width:0;display:flex}.drag-handle{color:var(--color-muted);cursor:grab;-webkit-user-select:none;user-select:none;flex-shrink:0;padding:4px 0;font-size:18px;line-height:1}.day-dish-name{font-size:15px;font-weight:var(--font-weight-bold);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;flex:1;overflow:hidden}.day-dish-name:active{color:var(--color-accent)}.day-action{width:28px;height:28px;font-size:var(--font-size-title);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.remove-btn{color:var(--color-danger)}.remove-btn:active{background:var(--color-danger-light)}.day-empty{color:var(--color-muted);font-size:var(--font-size-body)}.drag-ghost{background:var(--color-accent);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-pill);font-size:var(--font-size-body);white-space:nowrap;z-index:1000;pointer-events:none;font-weight:600;animation:.15s ease-out ghost-in;position:fixed;transform:translate(-50%,-110%);box-shadow:0 4px 12px #0003}@keyframes ghost-in{0%{opacity:0;transform:translate(-50%,-100%)scale(.8)}to{opacity:1;transform:translate(-50%,-110%)scale(1)}}.extra-section{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.extra-section h2{font-size:var(--font-size-title);margin-bottom:var(--spacing-xs);font-weight:600}.extra-empty{color:var(--color-muted);font-size:var(--font-size-body);padding:var(--spacing-xs) 0;font-style:italic}.weekplan-actions{gap:var(--spacing-xs);margin-top:var(--spacing-sm);display:flex}.weekplan-actions .btn{flex:1}.weekplan-actions .btn:disabled{opacity:.4}.shopping-content{padding:var(--spacing-sm)}.shopping-empty{text-align:center;color:var(--color-muted);padding:var(--spacing-xl) 0}.shopping-category{margin-bottom:var(--spacing-md)}.shopping-category h2{font-size:var(--font-size-body);color:var(--color-accent);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-xs);font-weight:600}.shopping-category ul{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);overflow:hidden}.shopping-item{padding:10px var(--spacing-sm);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.shopping-item:last-child{border-bottom:none}.shopping-item-name{font-size:15px}.shopping-item-amount{color:var(--color-muted);font-size:var(--font-size-body);margin-left:var(--spacing-xs);flex-shrink:0}.shopping-item-hint{color:var(--color-muted);font-size:var(--font-size-body);font-style:italic}.shopping-actions{gap:var(--spacing-xs);margin-top:var(--spacing-sm);display:flex}.shopping-actions .btn{flex:1}.btn-secondary{background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:active{background:var(--color-border)}.btn:disabled{opacity:.5}.shopping-actions{flex-wrap:wrap}.purchase-confirmed{text-align:center;width:100%;color:var(--color-accent);font-weight:600;font-size:var(--font-size-body);animation:.2s ease-out fade-in}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.bring-confirmed{text-align:center;color:var(--color-accent);font-weight:600;font-size:var(--font-size-body);margin-top:var(--spacing-xs);animation:.2s ease-out fade-in}.bring-error{text-align:center;color:var(--color-danger);font-weight:var(--font-weight-bold);font-size:var(--font-size-body);margin-top:var(--spacing-xs);animation:.2s ease-out fade-in}.shopping-actions-secondary{margin-top:var(--spacing-xs)}.app{flex-direction:column;height:100%;display:flex}.screen{padding-bottom:calc(var(--tab-bar-height) + env(safe-area-inset-bottom,0px));flex:1;overflow-y:auto}.tab-bar{height:calc(var(--tab-bar-height) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--color-bg);border-top:1px solid var(--color-border);z-index:100;display:flex;position:fixed;bottom:0;left:0;right:0}.tab-bar button{color:var(--color-muted);font-family:var(--font-family);font-size:var(--font-size-meta);font-weight:var(--font-weight-bold);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;transition:color .15s;display:flex}.tab-bar button.active{color:var(--color-accent)}.placeholder-screen{height:60vh;color:var(--color-muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.placeholder-screen .tab-icon{margin-bottom:var(--spacing-sm);font-size:48px}.screen-header{padding:var(--spacing-sm);background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:10;align-items:center;display:flex;position:sticky;top:0}.screen-header h1{flex:1;font-size:18px;font-weight:600}.back-button{margin-right:var(--spacing-xs);padding:var(--spacing-xs);font-size:24px}.toast{bottom:calc(var(--tab-bar-height) + env(safe-area-inset-bottom,0px) + var(--spacing-sm));border-radius:var(--radius-pill);font-size:var(--font-size-body);font-weight:var(--font-weight-bold);z-index:150;white-space:nowrap;padding:10px 20px;animation:.2s ease-out toast-in;position:fixed;left:50%;transform:translate(-50%)}.toast-success{background:var(--color-accent);color:#fff}.toast-error{background:var(--color-danger);color:#fff}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}