.food-page{padding-top:calc(var(--safe-top) + 1rem);padding-bottom:2rem;display:flex;flex-direction:column;gap:1rem}.food-header{display:flex;align-items:center;gap:1rem}.back-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);background:var(--surface);box-shadow:var(--shadow-sm);color:var(--gray-700);flex-shrink:0;transition:var(--transition)}.back-btn:active{transform:scale(.92)}.food-header h1{font-size:1.25rem;font-weight:700}.food-date{font-size:.8125rem;color:var(--gray-500);margin-top:.125rem}.date-strip-wrap{padding:.5rem .75rem}.date-strip{display:flex;gap:.375rem;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px}.date-strip::-webkit-scrollbar{display:none}.date-chip{display:flex;flex-direction:column;align-items:center;gap:1px;padding:.5rem .625rem;border-radius:var(--radius-lg);border:1.5px solid transparent;background:var(--gray-50);cursor:pointer;flex-shrink:0;min-width:48px;transition:var(--transition)}.date-chip:active{transform:scale(.94)}.date-chip.active{background:var(--primary-subtle);border-color:var(--primary)}.date-chip-day{font-size:.625rem;font-weight:700;text-transform:capitalize;color:var(--gray-400);letter-spacing:.01em}.date-chip.active .date-chip-day{color:var(--primary-dark)}.date-chip-num{font-size:1.125rem;font-weight:800;color:var(--gray-700);line-height:1}.date-chip.active .date-chip-num{color:var(--primary-dark)}.date-chip-today{font-size:.5rem;font-weight:800;color:var(--primary);text-transform:uppercase;letter-spacing:.06em}.meal-selector{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.meal-tab{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.625rem .25rem;border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);font-size:.6875rem;font-weight:600;color:var(--gray-500);transition:var(--transition);cursor:pointer;border:2px solid transparent}.meal-tab.active{border-color:var(--primary);color:var(--primary-dark);background:var(--primary-subtle)}.meal-tab:active{transform:scale(.94)}.meal-tab.has-entry:after{content:"";display:block;width:6px;height:6px;border-radius:50%;background:var(--success-dark);margin:.15rem auto 0}.meal-icon{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem}.food-form{display:flex;flex-direction:column;gap:1rem}.section-label{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:.9375rem;color:var(--gray-800);margin-bottom:.625rem}.optional-tag{font-size:.75rem;font-weight:400;color:var(--gray-400);margin-left:auto}.items-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.875rem}.items-for-label{font-size:.9375rem;font-weight:700;color:var(--gray-800);margin-bottom:.25rem}.section-hint{font-size:.8125rem;color:var(--gray-500);line-height:1.4}.items-count{background:var(--primary);color:#fff;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.items-empty{display:flex;align-items:center;gap:.5rem;color:var(--gray-400);font-size:.875rem;padding:.5rem 0 .875rem}.items-empty-icon{font-size:1.125rem}.items-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.875rem}.add-item-row{display:flex;gap:.5rem}.item-input{flex:1;min-width:0;border:1.5px solid var(--gray-200);border-radius:var(--radius-full);padding:.625rem 1rem;font-size:.9375rem;background:var(--gray-50);color:var(--gray-800);transition:border-color var(--transition)}.item-input:focus{outline:none;border-color:var(--primary);background:var(--surface)}.item-input::placeholder{color:var(--gray-400)}.add-item-btn{width:44px;height:44px;border-radius:var(--radius-full);background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:var(--transition);box-shadow:0 3px 10px #6366f14d}.add-item-btn:active{transform:scale(.92)}.mic-btn{width:44px;height:44px;border-radius:var(--radius-full);background:var(--gray-100);color:var(--gray-600);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:var(--transition);border:1.5px solid var(--gray-200)}.mic-btn:hover{background:var(--gray-200)}.mic-btn.recording{background:var(--danger);color:#fff;border-color:var(--danger);animation:pulse-mic 1s ease-in-out infinite;box-shadow:0 0 #ef444466}@keyframes pulse-mic{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 #ef444400}}.extras-card{padding:.625rem .875rem}.extras-row{width:100%;display:flex;align-items:center;gap:.625rem;cursor:pointer;background:none;border:none;text-align:left;padding:.5rem 0;color:var(--gray-500)}.extras-row-label{font-size:.9375rem;font-weight:600;color:var(--gray-700);flex:1}.extras-row .reaction-switch{flex-shrink:0}.extras-row.active .extras-row-label{color:var(--gray-800)}.extras-row.notes-toggle.active .reaction-switch{background:var(--primary)}.extras-row.notes-toggle.active .reaction-switch:after{transform:translate(16px)}.extras-row.reaction-toggle.active,.extras-row.reaction-toggle.active .extras-row-label{color:var(--danger)}.extras-row.reaction-toggle.active .reaction-switch{background:var(--danger)}.extras-row.reaction-toggle.active .reaction-switch:after{transform:translate(16px)}.extras-divider{height:1px;background:var(--gray-100);margin:0 -.875rem}.notes-input{width:100%;border:1.5px solid var(--gray-200);border-radius:var(--radius-md);padding:.625rem .75rem;font-size:.875rem;color:var(--gray-800);background:var(--gray-50);resize:none;transition:border-color var(--transition);line-height:1.5}.notes-input:focus{outline:none;border-color:var(--primary);background:var(--surface)}.notes-input::placeholder{color:var(--gray-400)}.reaction-switch{width:36px;height:22px;border-radius:var(--radius-full);background:var(--gray-200);position:relative;flex-shrink:0;transition:background .2s ease}.reaction-switch:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0003;transition:transform .2s ease}.reaction-chip{font-size:.8125rem;font-weight:600;padding:.25rem .625rem;border-radius:var(--radius-full);border:1.5px solid var(--gray-200);background:var(--gray-50);color:var(--gray-600);cursor:pointer;transition:var(--transition)}.reaction-chip--active{background:var(--danger-light);color:var(--danger);border-color:var(--danger)}.save-nudge{display:flex;align-items:center;gap:.5rem;background:#fffbeb;border:1.5px solid #fcd34d;border-radius:var(--radius-lg);padding:.625rem .875rem;font-size:.8125rem;font-weight:600;color:#92400e;animation:nudgeIn .25s ease both}@keyframes nudgeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.submit-btn{font-size:1rem;min-height:52px;box-shadow:0 4px 16px #6366f140}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.submit-btn.submit-ready{animation:submitPulse 1.8s cubic-bezier(.4,0,.2,1) 1}@keyframes submitPulse{0%{box-shadow:0 4px 16px #6366f140}40%{box-shadow:0 4px 24px #6366f18c,0 0 0 6px #6366f11f}to{box-shadow:0 4px 16px #6366f140}}.submit-btn.submit-success{background:var(--success-dark, #059669)!important;box-shadow:0 4px 16px #0596694d!important;display:flex;align-items:center;justify-content:center;gap:.5rem;pointer-events:none;animation:successPop .35s cubic-bezier(.34,1.56,.64,1) both}@keyframes successPop{0%{transform:scale(.95)}to{transform:scale(1)}}.log-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.log-title{font-size:1rem;font-weight:700;color:var(--gray-700)}.log-count{font-size:.75rem;font-weight:600;color:var(--gray-500);background:var(--gray-100);border-radius:var(--radius-full);padding:.125rem .5rem}.log-entries{display:flex;flex-direction:column;gap:.625rem}.toast{position:fixed;bottom:calc(var(--nav-height) + var(--safe-bottom) + 1rem);left:50%;transform:translate(-50%);background:var(--gray-900);color:#fff;padding:.625rem 1.25rem;border-radius:var(--radius-full);font-size:.875rem;font-weight:600;z-index:200;animation:toastIn .3s ease both}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.item-chip{display:inline-flex;align-items:center;gap:.25rem;background:var(--primary-subtle);color:var(--primary-dark);border-radius:var(--radius-full);padding:.375rem .5rem .375rem .875rem;font-size:.875rem;font-weight:600;animation:chipIn .18s ease both}@keyframes chipIn{0%{opacity:0;transform:scale(.75)}to{opacity:1;transform:scale(1)}}.item-chip-remove{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#6366f12e;color:var(--primary-dark);font-size:.875rem;line-height:1;transition:background .15s ease;flex-shrink:0;cursor:pointer;border:none}.item-chip-remove:hover{background:#6366f159}.log-entry{background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden}.log-entry-top{display:flex;align-items:center;gap:.625rem;padding:.75rem 1rem;border-bottom:1px solid var(--gray-100)}.log-meal-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--gray-500)}.log-meal-label{font-weight:700;font-size:.9375rem;color:var(--gray-800);flex:1}.log-meal-time{font-size:.75rem;color:var(--gray-400)}.log-edit-btn{font-size:.75rem;font-weight:700;color:var(--primary);background:var(--primary-subtle);border:none;border-radius:var(--radius-full);padding:.2rem .625rem;cursor:pointer;flex-shrink:0}.log-delete-btn{font-size:.75rem;font-weight:700;color:var(--danger, #dc2626);background:var(--danger-light, #fee2e2);border:none;border-radius:var(--radius-full);padding:.2rem .625rem;cursor:pointer;flex-shrink:0}.log-entry-active{outline:2px solid var(--primary);outline-offset:-2px}.log-body{padding:.75rem 1rem}.log-items{display:flex;flex-wrap:wrap;gap:.375rem;margin-bottom:0}.log-item-tag{background:var(--gray-100);border-radius:var(--radius-full);padding:.3rem .75rem;font-size:.8125rem;color:var(--gray-700);font-weight:500}.log-notes{font-size:.8125rem;color:var(--gray-500);margin-top:.625rem;line-height:1.45;display:flex;align-items:flex-start;gap:.375rem}.log-notes:before{content:"💬";font-size:.875rem;flex-shrink:0}.log-reaction-badge{font-size:.8125rem;font-weight:700;color:#b45309;margin-top:.5rem}.log-item-tag--reaction{background:#fef3c7;color:#92400e}.log-notes--reaction{color:#92400e}.log-notes--reaction:before{content:"⚠️"}@keyframes slideUpSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes badgeSlideUp{0%{transform:translate(-50%) translateY(2rem);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@keyframes xpPop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.photo-spinner{width:2.5rem;height:2.5rem;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.suggest-btn{display:flex;align-items:center;gap:.5rem;width:100%;padding:.625rem .875rem;background:var(--gray-50);border:1.5px dashed var(--gray-300);border-radius:var(--radius-lg);font-size:.875rem;font-weight:600;color:var(--gray-600);cursor:pointer;transition:all .15s;margin-bottom:.5rem}.suggest-btn:active{background:var(--gray-100);transform:scale(.98)}.skeleton{background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-200) 50%,var(--gray-100) 75%);background-size:200% 100%;animation:shimmer2 1.2s infinite}@keyframes shimmer2{0%{background-position:200% 0}to{background-position:-200% 0}}.suggestion-row{display:flex;align-items:center;justify-content:space-between;padding:.75rem .875rem;border-radius:var(--radius-lg);background:var(--gray-50);border:1.5px solid var(--gray-200);font-size:.875rem;color:var(--gray-800);font-weight:500;cursor:pointer;width:100%;text-align:left;transition:all .15s}.suggestion-row:active{background:var(--primary-subtle);border-color:var(--primary)}.suggestion-use{font-size:.8125rem;color:var(--primary);font-weight:700;flex-shrink:0;margin-left:.5rem}.insight-card{border-radius:var(--radius-lg);padding:.875rem 1rem;font-size:.875rem;line-height:1.5;font-weight:500;margin-bottom:.75rem;animation:insightPop .35s cubic-bezier(.4,0,.2,1)}.insight-card--warning{background:#fff7ed;border:1.5px solid #fed7aa;color:#9a3412}.insight-card--pattern{background:#f0f9ff;border:1.5px solid #bae6fd;color:#0c4a6e}.insight-card--allowed{background:#f0fdf4;border:1.5px solid #bbf7d0;color:#14532d}@keyframes insightPop{0%{transform:translateY(-8px);opacity:0}to{transform:translateY(0);opacity:1}}.checkin-nudge{background:linear-gradient(135deg,var(--primary-subtle) 0%,#e0f2fe 100%);border:1.5px solid var(--primary);border-radius:var(--radius-lg);padding:1rem;margin-bottom:.75rem}.checkin-nudge-inner{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.875rem}.checkin-nudge-icon{font-size:1.5rem;flex-shrink:0;line-height:1}.checkin-nudge-title{font-size:.9375rem;font-weight:700;color:var(--primary-dark);margin-bottom:.2rem}.checkin-nudge-sub{font-size:.8125rem;color:var(--gray-600);line-height:1.4}.checkin-nudge-actions{display:flex;gap:.5rem}.camera-btn{width:2.5rem;height:2.5rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--primary-subtle);border:none;cursor:pointer;color:var(--primary-dark);transition:background .15s,transform .1s}.camera-btn:active{transform:scale(.92);background:var(--primary-200, #c7d2fe)}.photo-chip{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:var(--radius-full);background:var(--primary-subtle);color:var(--primary-dark);font-size:.8125rem;font-weight:600;border:1.5px solid var(--primary);cursor:pointer;transition:all .15s;user-select:none}.photo-chip.removed{background:var(--gray-100);color:var(--gray-400);border-color:var(--gray-200);text-decoration:line-through}.photo-chip .chip-x{font-size:.75rem;opacity:.6;margin-left:.125rem}