:root{--primary:#4f46e5;--primary-hover:#4338ca;--primary-light:#eef2ff;--bg:#f1f5f9;--card-bg:#fff;--text-main:#0f172a;--text-muted:#64748b;--border:#e2e8f0;--success:#059669;--success-light:#ecfdf5;--warning:#d97706;--warning-light:#fffbeb;--danger:#dc2626;--danger-light:#fef2f2;--radius:12px;--radius-sm:8px;--shadow:0 1px 3px #00000014, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #0000001a, 0 2px 4px #0000000a}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg);color:var(--text-main);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;overflow-x:clip}.login-page{background:linear-gradient(135deg,#eef2ff 0%,#f1f5f9 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow-md);border:1px solid var(--border);width:380px;max-width:90vw;padding:2.5rem 2rem}.login-header{text-align:center;margin-bottom:2rem}.login-header .login-icon{margin-bottom:.5rem;font-size:2.5rem;display:block}.login-header h1{color:var(--primary);font-size:1.5rem;font-weight:700}.login-header p{color:var(--text-muted);margin-top:.25rem;font-size:.875rem}.onboarding-card{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow-md);border:1px solid var(--border);width:480px;max-width:95vw;padding:2.5rem 2rem}.template-grid{grid-template-columns:1fr;gap:.75rem;display:grid}.template-card{border:2px solid var(--border);border-radius:var(--radius);background:var(--bg);cursor:pointer;text-align:left;flex-direction:row;align-items:center;gap:1rem;width:100%;padding:1.1rem 1.25rem;transition:all .15s;display:flex}.template-card:hover:not(:disabled){border-color:var(--primary);background:var(--primary-light)}.template-card:disabled{opacity:.6;cursor:not-allowed}.template-icon{flex-shrink:0;font-size:2rem;line-height:1}.template-text{flex-direction:column;gap:.2rem;display:flex}.template-name{color:var(--text-main);font-size:.95rem;font-weight:700}.template-desc{color:var(--text-muted);font-size:.78rem;line-height:1.3}.template-count{color:var(--primary);background:var(--primary-light);border-radius:9999px;width:fit-content;margin-top:.1rem;padding:.15rem .5rem;font-size:.72rem;font-weight:600}.login-card label{color:var(--text-main);margin-bottom:.35rem;font-size:.875rem;font-weight:500;display:block}.login-card input{font-size:1rem}.app-container{max-width:1200px;margin:0 auto;padding:1.5rem 1.5rem 5rem}.mini-nav{z-index:200;background:var(--card-bg);border:1px solid var(--border);border-radius:0 0 var(--radius) var(--radius);border-top:none;align-items:center;gap:.25rem;padding:.4rem .75rem;transition:transform .2s;display:flex;position:fixed;top:0;left:50%;transform:translate(-50%)translateY(-100%);box-shadow:0 4px 12px #0000001a}.mini-nav--visible{transform:translate(-50%)translateY(0)}.mini-nav button{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:.4rem .55rem;transition:background .15s,color .15s;display:flex;position:relative}.mini-nav button:hover{background:var(--primary-light);color:var(--primary)}.mini-nav button.active{color:var(--primary);background:var(--primary-light)}.mini-nav-badge{border-radius:999px;padding:1px 4px;font-size:.6rem;font-weight:700;line-height:1.4;position:absolute;top:1px;right:1px}header{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding:1rem 1.25rem;display:flex}header h1{color:var(--primary);font-size:1.2rem;font-weight:700}.user-pill{color:var(--text-muted);background:var(--bg);border:1px solid var(--border);border-radius:9999px;align-items:center;gap:.4rem;padding:.3rem .75rem;font-size:.85rem;font-weight:500;display:flex}.logout-btn{border:1px solid var(--border);color:var(--danger);cursor:pointer;border-radius:var(--radius-sm);background:0 0;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.8rem;font-weight:500;transition:all .15s;display:flex}.logout-btn:hover{background:var(--danger-light);border-color:var(--danger)}.settings-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.8rem;font-weight:500;transition:all .15s;display:flex}.settings-btn:hover,.settings-btn.active{background:var(--primary-light);border-color:var(--primary);color:var(--primary)}nav{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border);flex-wrap:wrap;gap:.3rem;margin-bottom:1.5rem;padding:.4rem;display:flex}nav button{border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);white-space:nowrap;background:0 0;border:none;align-items:center;gap:.4rem;padding:.45rem .9rem;font-size:.85rem;font-weight:500;transition:all .15s;display:flex}nav button:hover{background:var(--bg);color:var(--text-main)}nav button.active{background:var(--primary);color:#fff}.card{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border);margin-bottom:1.5rem;padding:1.5rem}.card h3{margin-bottom:1rem;font-size:.95rem;font-weight:600}.card-row{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.card-row h3{margin-bottom:0}.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem;display:grid}button.primary{background:var(--primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:.35rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:background .15s;display:inline-flex}button.primary:hover{background:var(--primary-hover)}button.primary:disabled{opacity:.6;cursor:not-allowed}.icon-btn{cursor:pointer;border-radius:var(--radius-sm);color:var(--text-muted);background:0 0;border:none;align-items:center;padding:5px;transition:all .15s;display:inline-flex}.icon-btn:hover{color:var(--danger);background:var(--danger-light)}.icon-btn.edit:hover{color:var(--primary);background:var(--primary-light)}.icon-btn.save:hover{color:var(--success);background:var(--success-light)}.qty-btn{border:1px solid var(--border);background:var(--bg);cursor:pointer;border-radius:6px;align-items:center;padding:3px 7px;transition:all .15s;display:inline-flex}.qty-btn:hover{background:var(--primary-light);border-color:var(--primary)}input,select,textarea{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card-bg);width:100%;color:var(--text-main);margin-bottom:.75rem;padding:.5rem .75rem;font-family:inherit;font-size:.875rem;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #4f46e51a}textarea{resize:vertical;min-height:80px}.form-row-4{grid-template-columns:1fr 90px 100px 1fr auto;align-items:start;gap:8px;display:grid}.form-row-4 input,.form-row-4 select{margin-bottom:0}.form-row-3{grid-template-columns:1fr 80px 90px auto;align-items:start;gap:8px;display:grid}.form-row-3 input{margin-bottom:0}.ingredients-box{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);margin-bottom:.75rem;padding:1rem}.ing-chips{flex-wrap:wrap;gap:.4rem;margin-top:.5rem;display:flex}.instructions-box{background:var(--bg);border-radius:var(--radius-sm);overflow-wrap:break-word;word-break:break-word;max-width:100%;margin-top:.75rem;padding:.75rem;font-size:.875rem}.quick-plan{background:var(--primary-light);border-radius:var(--radius-sm);border:1px solid #4f46e533;flex-wrap:wrap;align-items:center;gap:6px;margin-top:.75rem;padding:.6rem .75rem;display:flex}.quick-plan select{flex:1;min-width:90px;margin-bottom:0;padding:.3rem .5rem;font-size:.8rem}table{border-collapse:collapse;width:100%}th{text-align:left;border-bottom:2px solid var(--border);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding:.5rem .75rem;font-size:.72rem;font-weight:700}td{border-bottom:1px solid var(--border);word-break:break-word;padding:.75rem;font-size:.875rem}tr:last-child td{border-bottom:none}tr:hover td{background:var(--bg)}.badge{border-radius:9999px;align-items:center;padding:.2rem .55rem;font-size:.72rem;font-weight:600;display:inline-flex}.badge-warning{background:var(--warning-light);color:var(--warning)}.badge-success{background:var(--success-light);color:var(--success)}.badge-danger{background:var(--danger-light);color:var(--danger)}.badge-primary{background:var(--primary-light);color:var(--primary)}.planner-grid{grid-template-columns:repeat(5,minmax(175px,1.5fr)) repeat(2,minmax(130px,1fr));gap:8px;min-width:1200px;display:grid}.planner-day{background:var(--bg);border-radius:var(--radius-sm);border:1px solid var(--border);padding:.75rem}.week-nav{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.week-range{text-align:center;color:var(--text-main);flex:1;font-size:.95rem;font-weight:700}.planner-day-header{text-align:center;margin-bottom:.6rem}.planner-day-abbr{color:var(--primary);letter-spacing:.08em;justify-content:center;align-items:center;gap:4px;font-size:.72rem;font-weight:800;display:flex}.planner-day-date{color:var(--text-muted);margin-top:2px;font-size:.72rem}.planner-day.today .planner-day-date{color:var(--primary);font-weight:600}.meal-slot{background:var(--card-bg);border:1px dashed var(--border);border-radius:6px;margin-bottom:.4rem;padding:.5rem;transition:border-color .15s}.meal-slot:last-child{margin-bottom:0}.meal-slot.has-meal{background:var(--primary-light);border-style:solid;border-color:#4f46e54d}.meal-slot-label{text-transform:uppercase;letter-spacing:.07em;margin-bottom:.3rem;font-size:.62rem;font-weight:800}.meal-slot-label.breakfast,.meal-slot-label.breakfast-2{color:var(--warning)}.meal-slot-label.lunch,.meal-slot-label.lunch-2{color:var(--success)}.meal-slot-label.dinner,.meal-slot-label.dinner-2{color:#7c3aed}.meal-slot-content{border:1px dashed var(--border);background:var(--card-bg);border-radius:6px;align-items:center;gap:4px;min-height:32px;padding:.3rem .4rem;transition:background .15s,border-color .15s;display:flex}.meal-slot.has-meal .meal-slot-content{background:#fff;border-style:solid;border-color:#4f46e54d}.meal-slot-content:hover{border-color:var(--primary);background:var(--primary-light)}.meal-slot-value{color:var(--text-main);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;font-size:.82rem;font-weight:500;line-height:1.35;display:-webkit-box;overflow:hidden}.meal-slot-empty{color:var(--text-muted);font-size:.72rem;font-style:italic}.meal-slot-content .icon-btn{flex-shrink:0;padding:3px}.meal-picker-sheet{max-height:75vh;padding-bottom:env(safe-area-inset-bottom,1.5rem);align-items:stretch}.meal-picker-sheet .sheet-title{text-align:center;width:100%}.meal-picker-sheet input{margin-bottom:0}.meal-picker-list{border-top:1px solid var(--border);flex-direction:column;flex:1;gap:4px;width:100%;margin-top:.25rem;padding-top:.5rem;display:flex;overflow-y:auto}.meal-picker-item{text-align:left;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;width:100%;color:var(--text-main);align-items:center;gap:.25rem;padding:.65rem .9rem;font-size:.875rem;font-weight:500;transition:background .1s,border-color .1s;display:flex}.meal-picker-item:hover,.meal-picker-item.selected{background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.meal-picker-clear{color:var(--danger);background:var(--danger-light);border-color:#dc26264d}.meal-picker-clear:hover{border-color:var(--danger);color:var(--danger);background:#fee2e2}.today-menu{background:linear-gradient(135deg,#eef2ff 0%,#f5f3ff 100%);border-color:#4f46e540}.today-split{grid-template-columns:1fr auto 1fr;align-items:start;gap:0;display:grid}.today-split-divider{background:var(--border);align-self:stretch;width:1px;margin:0 .75rem}.today-split .today-meals{grid-template-columns:1fr;gap:.5rem}.today-menu-header{align-items:baseline;gap:.6rem;margin-bottom:1.25rem;display:flex}.today-day{color:var(--primary);font-size:1.1rem;font-weight:800}.today-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.8rem;font-weight:500}.today-meals{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.today-meal-item{border-radius:var(--radius-sm);border:1px solid var(--border);background:#fff;align-items:flex-start;gap:.75rem;padding:.9rem 1rem;display:flex}.today-meal-item.breakfast,.today-meal-item.breakfast-2{border-top:3px solid var(--warning)}.today-meal-item.lunch,.today-meal-item.lunch-2{border-top:3px solid var(--success)}.today-meal-item.dinner,.today-meal-item.dinner-2{border-top:3px solid #7c3aed}.today-meal-icon{margin-top:1px;font-size:1.4rem;line-height:1}.today-meal-name{color:var(--text-main);margin-top:1px;font-size:.9rem;font-weight:600}.today-empty{color:var(--text-muted);font-size:.85rem;font-style:italic;font-weight:400}.planner-day.today{border:2px solid var(--primary);background:var(--primary-light)}.planner-day.today .planner-day-header{justify-content:center;align-items:center;gap:5px;display:flex}.today-dot{background:var(--primary);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.section-header{align-items:center;gap:.6rem;margin-bottom:1rem;display:flex}.section-header h2{font-size:1.05rem;font-weight:700}.empty-state{text-align:center;color:var(--text-muted);padding:2.5rem;font-size:.9rem}.animate-spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-backdrop{z-index:200;background:#00000073;position:fixed;inset:0}.modal{background:var(--card-bg);border-radius:var(--radius);z-index:201;width:min(440px,100vw - 2rem);max-height:90vh;box-shadow:var(--shadow-md);flex-direction:column;animation:.18s modal-in;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes modal-in{0%{opacity:0;transform:translate(-50%,-46%)}to{opacity:1;transform:translate(-50%,-50%)}}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1.1rem 1.25rem .75rem;display:flex}.modal-header h3{margin:0;font-size:1rem;font-weight:700}.modal-body{flex-direction:column;flex:1;padding:1.25rem;display:flex;overflow-y:auto}.modal-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.35rem;font-size:.78rem;font-weight:600;display:block}.modal-body input,.modal-body select{margin-bottom:1rem}.modal-body input:last-child,.modal-body select:last-child{margin-bottom:0}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;gap:.6rem;padding:.75rem 1.25rem 1.1rem;display:flex}.modal-cancel{color:var(--text-muted);border-radius:var(--radius-sm);padding:.45rem .85rem;font-size:.875rem;font-weight:500;border:1px solid var(--border)!important}.modal-cancel:hover{color:var(--text-main)!important;background:var(--bg)!important}.modal-lg{flex-direction:column;width:min(580px,100vw - 2rem);max-height:90vh;display:flex}.modal-body-scroll{flex:1;overflow-y:auto}.sheet-backdrop{z-index:100;background:#00000073;position:fixed;inset:0}.bottom-sheet{background:var(--card-bg);z-index:101;border-radius:20px 20px 0 0;flex-direction:column;align-items:center;gap:1rem;padding:1.25rem 1.5rem 2rem;animation:.22s slide-up;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 24px #0000001f}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-handle{background:var(--border);border-radius:2px;width:44px;height:4px;margin-bottom:.25rem}.sheet-title{color:var(--text-main);font-size:1.15rem;font-weight:700}.sheet-stepper{align-items:center;gap:1.25rem;display:flex}.sheet-btn{background:var(--primary-light);width:60px;height:60px;color:var(--primary);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.sheet-btn:active{background:var(--primary);color:#fff}.sheet-qty-input{text-align:center;border:2px solid var(--border);border-radius:var(--radius-sm);width:110px;color:var(--primary);margin:0;padding:.4rem .5rem;font-size:2.25rem;font-weight:700}.sheet-qty-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a}.sheet-unit-label{color:var(--text-muted);margin-top:-.5rem;font-size:.875rem}.mobile-row-actions,.mobile-hint{display:none}.tip-banner{border-radius:var(--radius);background:#eff6ff;border:1px solid #bfdbfe;align-items:flex-start;gap:.75rem;margin-bottom:1rem;padding:.85rem 1rem;font-size:.875rem;line-height:1.5;display:flex}.tip-banner>span:first-child{flex-shrink:0;margin-top:1px;font-size:1.25rem;line-height:1}.tip-banner>div>strong{color:var(--text-main);margin-bottom:.2rem;font-size:.9rem;display:block}.tip-banner p{color:var(--text-muted);margin:0;font-size:.82rem}.tip-banner p strong{color:var(--text-main);font-weight:600}.tip-dismiss{cursor:pointer;color:var(--text-muted);background:0 0;border:none;flex-shrink:0;margin-top:2px;padding:0;font-size:.9rem;line-height:1}.tip-dismiss:hover{color:var(--text-main)}.back-to-top{z-index:200;background:var(--primary);color:#fff;cursor:pointer;opacity:.88;border:none;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1.1rem;line-height:1;transition:opacity .15s;display:flex;position:fixed;bottom:5.5rem;right:1.25rem;box-shadow:0 2px 8px #0000002e}.back-to-top:hover{opacity:1}.help-toggle{cursor:pointer;width:100%;color:var(--text-main);text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;padding:0;font-size:.95rem;font-weight:600;display:flex}.help-toggle:hover{color:var(--primary)}.help-features{border-top:1px solid var(--border);flex-direction:column;margin-top:1rem;display:flex}.help-feature{border-bottom:1px solid var(--border);align-items:flex-start;gap:.9rem;padding:.9rem 0;display:flex}.help-feature:last-child{border-bottom:none;padding-bottom:0}.help-feature-icon{text-align:center;flex-shrink:0;width:26px;margin-top:1px;font-size:1.25rem;line-height:1}.help-feature>div>strong{color:var(--text-main);margin-bottom:.35rem;font-size:.875rem;font-weight:700;display:block}.help-feature p{color:var(--text-muted);margin:0;font-size:.82rem;line-height:1.55}.help-steps{color:var(--text-muted);margin:.4rem 0 0 1rem;padding:0;font-size:.82rem;line-height:1.8}.save-bar{z-index:200;background:var(--card-bg);border-top:2px solid var(--success);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.5rem;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #0000001a}.save-bar-label{color:var(--text-muted);font-size:.875rem}@media (width<=640px){.app-container{padding:.75rem .75rem 5rem}.save-bar{padding:.75rem}header{padding:.75rem 1rem}header h1{font-size:1rem}.user-pill{display:none}nav{gap:.25rem;padding:.35rem}nav button{gap:.3rem;padding:.4rem .65rem;font-size:.78rem}.card{padding:1rem}.card h3{font-size:.9rem}.form-row-4{grid-template-columns:1fr 1fr}.form-row-4>:first-child,.form-row-4>:nth-child(4){grid-column:1/-1}.form-row-3{grid-template-columns:1fr 1fr}.form-row-3>:first-child{grid-column:1/-1}.today-meals{grid-template-columns:1fr;gap:.6rem}.today-meal-item{padding:.7rem .85rem}.quick-plan{flex-wrap:wrap;gap:6px}.quick-plan select{flex:120px;min-width:0}.week-range{font-size:.82rem}.table-scroll{margin:0 -1rem;padding:0 1rem;overflow-x:auto}.table-scroll table{min-width:520px}.table-scroll.actions-table table{min-width:unset}.hide-mobile{display:none!important}.mobile-hint{color:var(--text-muted);margin-bottom:.4rem;font-size:.75rem;display:block}.grid{grid-template-columns:1fr}.section-header h2{font-size:.95rem}.sticky-top nav{margin-bottom:1rem}nav button{flex:auto;justify-content:center;min-height:48px;padding:.75rem .7rem;font-size:.78rem}}