*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary:#2d6a4f;--color-primary-light:#40916c;--color-background:#f5f5f5;--color-surface:#fff;--color-text:#1a1a1a;--color-text-secondary:#666;--color-border:#e0e0e0;--color-danger:#d32f2f;--color-danger-light:#ffeaea;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--radius:12px;--radius-sm:8px;--tab-bar-height:56px}html,body{height:100%}body{color:var(--color-text);background:var(--color-background);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5}#root{height:100%}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-md);width:100%;padding:var(--spacing-md);background:var(--color-surface);border-radius:var(--radius);border:1px solid var(--color-border);text-align:left;transition:background .15s;display:flex}.dish-tile-photo{border-radius:var(--radius-sm);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-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);justify-content:center;align-items:center;width:52px;height:52px;font-size:24px;display:flex}.dish-tile:active{background:var(--color-background)}.dish-tile-name{flex:1;font-size:16px;font-weight:500}.dish-tile-arrow{color:var(--color-text-secondary);font-size:20px}.dish-tile-quick-add{background:var(--color-primary);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-primary-light)}.home-screen{flex-direction:column;min-height:100%;display:flex}.home-content{padding:var(--spacing-md);flex:1}.inspiration-section h1{margin-bottom:var(--spacing-md);font-size:24px;font-weight:700}.home-status{color:var(--color-text-secondary);text-align:center;padding:var(--spacing-xl) 0}.inspiration-grid{gap:var(--spacing-sm);flex-direction:column;display:flex}.chat-bar{bottom:calc(var(--tab-bar-height) + env(safe-area-inset-bottom,0px));gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface);border-top:1px solid var(--color-border);display:flex;position:sticky}.chat-input{padding:10px var(--spacing-md);background:var(--color-background);border:1px solid var(--color-border);border-radius:20px;outline:none;flex:1}.chat-input:focus{border-color:var(--color-primary)}.chat-send{background:var(--color-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;display:flex}.chat-send:disabled{opacity:.4}.chat-send:active:not(:disabled){background:var(--color-primary-light)}.search-results-content{padding:var(--spacing-md)}.search-query{color:var(--color-text-secondary);margin-bottom:var(--spacing-md);font-size:14px}.search-status{color:var(--color-text-secondary);text-align:center;padding:var(--spacing-xl) 0}.search-results-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.search-loading{text-align:center;padding:var(--spacing-xl) 0;color:var(--color-text-secondary)}.loading-dots{margin-bottom:var(--spacing-md);justify-content:center;gap:6px;display:flex}.loading-dots span{background:var(--color-primary);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{color:var(--color-text-secondary);margin-top:var(--spacing-xs);font-size:13px}.ai-message{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--spacing-md);margin-bottom:var(--spacing-md);font-size:15px;line-height:1.5}.weekplan-suggestion{margin-bottom:var(--spacing-lg)}.weekplan-suggestion h2{margin-bottom:var(--spacing-sm);font-size:18px;font-weight:600}.weekplan-suggestion-list{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.weekplan-suggestion-row{padding:12px var(--spacing-md);border-bottom:1px solid var(--color-border);align-items:center;display:flex}.weekplan-suggestion-row:last-child{border-bottom:none}.weekplan-suggestion-day{color:var(--color-text-secondary);flex-shrink:0;width:80px;font-size:13px;font-weight:600}.weekplan-suggestion-dish{align-items:center;gap:var(--spacing-xs);flex:1;font-size:15px;font-weight:500;display:flex}.weekplan-suggestion-dish:not(.dish-new){cursor:pointer}.weekplan-confirm-btn{width:100%;margin-top:var(--spacing-md)}.dish-tile-new{border:1px dashed var(--color-primary);background:#f0faf4}.dish-tile-create{color:var(--color-primary);flex-shrink:0;font-size:13px;font-weight:600}.new-badge{color:#fff;background:var(--color-primary);vertical-align:middle;border-radius:8px;margin-left:6px;padding:2px 6px;font-size:10px;font-weight:600;display:inline-block}.dish-list{min-height:100%}.dish-list-header{padding:var(--spacing-md);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-sm);font-size:24px;font-weight:700}.dish-search{width:100%;padding:10px var(--spacing-md);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);outline:none}.dish-search:focus{border-color:var(--color-primary)}.dish-list-content{gap:var(--spacing-sm);padding:var(--spacing-md);flex-direction:column;display:flex}.dish-list-status{text-align:center;color:var(--color-text-secondary);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) + 16px);background:var(--color-primary);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;right:16px;box-shadow:0 4px 12px #0003}.fab:active{background:var(--color-primary-light)}.dish-list-actions{padding:0 var(--spacing-md) var(--spacing-md)}.retag-btn{width:100%;font-size:14px}.retag-progress{padding:0 var(--spacing-md) var(--spacing-sm);align-items:center;gap:var(--spacing-sm);display:flex}.retag-bar{background:var(--color-border);border-radius:3px;flex:1;height:6px;overflow:hidden}.retag-bar-fill{background:var(--color-primary);border-radius:3px;height:100%;transition:width .3s}.retag-count{color:var(--color-text-secondary);white-space:nowrap;font-size:13px}.confirm-backdrop{z-index:200;padding:var(--spacing-md);background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-dialog{background:var(--color-surface);border-radius:var(--radius);padding:var(--spacing-lg);width:100%;max-width:320px}.confirm-message{text-align:center;margin-bottom:var(--spacing-lg);font-size:16px}.confirm-actions{gap:var(--spacing-sm);display:flex}.confirm-cancel,.confirm-delete{border-radius:var(--radius-sm);flex:1;padding:12px;font-size:15px;font-weight:600}.confirm-cancel{background:var(--color-background);color:var(--color-text)}.confirm-delete{background:var(--color-danger);color:#fff}.confirm-delete:active{opacity:.85}.dish-detail-content{padding:var(--spacing-md)}.dish-tags{gap:var(--spacing-xs);margin-bottom:var(--spacing-md);flex-wrap:wrap;display:flex}.dish-tag{color:var(--color-primary);background:#e8f5e9;border-radius:20px;padding:4px 12px;font-size:13px;font-weight:500}.dish-detail-stat{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);font-size:14px}.dish-ingredients-section{margin-bottom:var(--spacing-lg)}.dish-ingredients-section h2{margin-bottom:var(--spacing-sm);font-size:16px;font-weight:600}.no-ingredients{color:var(--color-text-secondary);font-size:14px;font-style:italic}.dish-ingredients{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.ingredient-row{padding:10px var(--spacing-md);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-text-secondary);font-size:14px}.dish-detail-actions{gap:var(--spacing-sm);display:flex}.btn{border-radius:var(--radius-sm);text-align:center;flex:1;padding:12px;font-size:15px;font-weight:600}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:active{background:var(--color-primary-light)}.btn-danger{background:var(--color-danger-light);color:var(--color-danger)}.btn-danger:active{opacity:.8}.dish-form-content{padding:var(--spacing-md)}.form-label{color:var(--color-text-secondary);margin-bottom:var(--spacing-md);font-size:14px;font-weight:600;display:block}.form-input{width:100%;padding:10px var(--spacing-md);margin-top:var(--spacing-xs);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);outline:none;display:block}.form-input:focus{border-color:var(--color-primary)}.form-section{margin-bottom:var(--spacing-lg)}.form-section h2{color:var(--color-text-secondary);margin-bottom:var(--spacing-sm);font-size:14px;font-weight:600}.ingredient-input-row{gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);align-items:center;display:flex}.ingredient-name-input{flex:2}.ingredient-amount-input{flex:1}.remove-ingredient{width:36px;height:36px;color:var(--color-text-secondary);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-sm);width:100%;color:var(--color-primary);padding:10px;font-size:15px;font-weight:500}.add-ingredient:active{background:var(--color-background)}.save-button{width:100%;margin-top:var(--spacing-md)}.save-button:disabled{opacity:.6}.form-photo-section{margin-bottom:var(--spacing-md)}.photo-upload-btn{justify-content:center;align-items:center;gap:var(--spacing-sm);border:2px dashed var(--color-border);border-radius:var(--radius-sm);width:100%;height:120px;color:var(--color-text-secondary);background:0 0;flex-direction:column;font-size:15px;font-weight:500;display:flex}.photo-upload-btn:active{background:var(--color-background)}.photo-upload-icon{font-size:32px}.photo-preview-wrap{gap:var(--spacing-sm);flex-direction:column;display:flex}.photo-preview{object-fit:cover;border-radius:var(--radius-sm);width:100%;height:180px}.photo-actions{gap:var(--spacing-sm);display:flex}.btn-danger{color:#e53e3e;border-radius:var(--radius-sm);background:0 0;border:1px solid #e53e3e;padding:8px 16px;font-size:14px;font-weight:500}.btn-danger:active{background:#e53e3e14}.form-error{color:var(--color-danger);margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-danger-light);border-radius:var(--radius-sm);font-size:14px}.weekplan-header{padding:var(--spacing-md);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-md)}.day-slot{padding:12px var(--spacing-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-bottom:var(--spacing-sm);align-items:center;min-height:48px;transition:border-color .15s,background .15s,transform .15s;display:flex}.day-slot-dragging{opacity:.4;background:var(--color-background)}.day-slot-drop-target{border-color:var(--color-primary);background:#e8f5e9;border-width:2px;transform:scale(1.02)}.day-label{color:var(--color-text-secondary);flex-shrink:0;width:80px;font-size:13px;font-weight:600}.day-dish{align-items:center;gap:var(--spacing-sm);touch-action:none;flex:1;min-width:0;display:flex}.drag-handle{color:var(--color-text-secondary);cursor:grab;-webkit-user-select:none;user-select:none;flex-shrink:0;padding:4px 0;font-size:18px;line-height:1}.day-dish-name{text-overflow:ellipsis;white-space:nowrap;cursor:pointer;flex:1;font-size:15px;font-weight:500;overflow:hidden}.day-dish-name:active{color:var(--color-primary)}.day-action{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;display:flex}.remove-btn{color:var(--color-danger)}.remove-btn:active{background:var(--color-danger-light)}.day-empty{color:var(--color-text-secondary);font-size:14px}.drag-ghost{background:var(--color-primary);color:#fff;white-space:nowrap;z-index:1000;pointer-events:none;border-radius:20px;padding:8px 16px;font-size:14px;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-md);margin-bottom:var(--spacing-md)}.extra-section h2{margin-bottom:var(--spacing-sm);font-size:16px;font-weight:600}.extra-empty{color:var(--color-text-secondary);padding:var(--spacing-sm) 0;font-size:14px;font-style:italic}.weekplan-actions{gap:var(--spacing-sm);margin-top:var(--spacing-md);display:flex}.weekplan-actions .btn{flex:1}.weekplan-actions .btn:disabled{opacity:.4}.shopping-content{padding:var(--spacing-md)}.shopping-empty{text-align:center;color:var(--color-text-secondary);padding:var(--spacing-xl) 0}.shopping-category{margin-bottom:var(--spacing-lg)}.shopping-category h2{color:var(--color-primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-sm);font-size:14px;font-weight:600}.shopping-category ul{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.shopping-item{padding:10px var(--spacing-md);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-text-secondary);margin-left:var(--spacing-sm);flex-shrink:0;font-size:14px}.shopping-item-hint{color:var(--color-text-secondary);font-size:13px;font-style:italic}.shopping-actions{gap:var(--spacing-sm);margin-top:var(--spacing-md);display:flex}.shopping-actions .btn{flex:1}.btn-secondary{background:var(--color-background);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-primary);font-size:14px;font-weight:600;animation:.2s ease-out fade-in}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.bring-confirmed{text-align:center;color:var(--color-primary);margin-top:var(--spacing-sm);font-size:14px;font-weight:600;animation:.2s ease-out fade-in}.bring-error{text-align:center;color:var(--color-danger);margin-top:var(--spacing-sm);font-size:14px;font-weight:500;animation:.2s ease-out fade-in}.shopping-actions-secondary{margin-top:var(--spacing-sm)}.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-surface);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-text-secondary);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:10px;font-weight:500;transition:color .15s;display:flex}.tab-bar button.active{color:var(--color-primary)}.tab-icon{font-size:24px;line-height:1}.placeholder-screen{height:60vh;color:var(--color-text-secondary);flex-direction:column;justify-content:center;align-items:center;display:flex}.placeholder-screen .tab-icon{margin-bottom:var(--spacing-md);font-size:48px}.screen-header{padding:var(--spacing-md);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-sm);padding:var(--spacing-xs);font-size:24px}.toast{bottom:calc(var(--tab-bar-height) + env(safe-area-inset-bottom,0px) + 16px);z-index:150;white-space:nowrap;border-radius:20px;padding:10px 20px;font-size:14px;font-weight:500;animation:.2s ease-out toast-in;position:fixed;left:50%;transform:translate(-50%)}.toast-success{background:var(--color-primary);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)}}