:root{color:#1f2933;font-synthesis:none;text-rendering:optimizelegibility;background:#f4f7f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#f4f7f5;min-width:320px;min-height:100%}body{background:#f4f7f5;min-width:320px;min-height:100vh;margin:0}button{font:inherit;min-width:0;min-height:44px}input,textarea,select{color:#1f2933;width:100%;min-width:0;min-height:44px;font:inherit;background:#fff;border:1px solid #b8c9c3;border-radius:8px;padding:10px 12px}textarea{resize:vertical;min-height:88px}input:focus-visible,textarea:focus-visible{outline-offset:2px;border-color:#0f766e;outline:3px solid #99f6e4}.app-shell{min-height:100svh}.app-main{width:min(100%,720px);min-width:0;min-height:100svh;padding:calc(24px + env(safe-area-inset-top)) calc(20px + env(safe-area-inset-right)) calc(96px + env(safe-area-inset-bottom)) calc(20px + env(safe-area-inset-left));margin:0 auto}.view-panel{min-width:0;padding:32px 0}.app-eyebrow{color:#0f766e;letter-spacing:0;margin:0 0 12px;font-size:.875rem;font-weight:700}h1{color:#14212b;overflow-wrap:anywhere;margin:0;font-size:3.5rem;line-height:1.1}.view-description{color:#52616b;overflow-wrap:anywhere;margin:20px 0 0;font-size:1rem;line-height:1.6}.food-library,.daily-page,.history-page{gap:20px;min-width:0;padding:0 0 24px;display:grid}.daily-page-header,.history-page-header,.daily-section-heading,.daily-entry-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.daily-page h2,.daily-summary h2,.daily-entry-item h3{color:#14212b;margin:0}.daily-page h2,.daily-summary h2{font-size:1.5rem;line-height:1.25}.daily-date-control{flex:0 220px;gap:7px;min-width:0;display:grid}.daily-date-control label{color:#263b42;font-size:.875rem;font-weight:700}.daily-date-value{color:#52616b;margin:0;font-size:.8125rem}.history-date-controls{flex:0 400px;grid-template-columns:auto minmax(0,180px) auto;align-items:end;gap:8px;min-width:0;display:grid}.history-date-controls .secondary-button{white-space:normal}.history-date-list-section{background:#fff;border:1px solid #d9e3df;border-radius:8px;gap:12px;min-width:0;padding:16px;display:grid}.history-section-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.history-section-heading h3{color:#14212b;margin:0;font-size:1.125rem;line-height:1.3}.history-section-heading .loading-message{margin:0}.history-date-list{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.history-date-list li{flex:128px;min-width:0}.history-date-list button{width:100%}.history-date-list .is-selected{color:#0f766e;background:#ecfdf5;border-color:#0f766e}.empty-history-message{color:#52616b;margin:0;font-size:.9375rem;line-height:1.5}.daily-summary{background:#fff;border:1px solid #d9e3df;border-radius:8px;min-width:0;padding:20px}.daily-summary .nutrient-grid{margin-top:16px}.food-search-results{gap:8px;margin:0;padding:0;list-style:none;display:grid}.food-search-results .secondary-button{text-align:left;overflow-wrap:anywhere;white-space:normal;width:100%}.selected-food{color:#126448;margin:0;font-size:.875rem;font-weight:700}.daily-entry-item h3{overflow-wrap:anywhere;font-size:1.125rem;line-height:1.3}.daily-entry-heading>div{min-width:0}.food-library-header,.food-form-heading,.food-list-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.food-library-header>div,.food-form-heading>div,.food-list-heading>div,.daily-page-header>div,.history-page-header>div,.daily-section-heading>div,.daily-entry-heading>div,.history-section-heading>div{min-width:0;max-width:100%}.section-kicker{color:#0f766e;letter-spacing:0;margin:0 0 6px;font-size:.8125rem;font-weight:700}.food-library h2,.food-form h2,.food-list h3,.empty-state h3{color:#14212b;margin:0}.food-library h2,.food-form h2{font-size:1.5rem;line-height:1.25}.section-description,.empty-state p,.food-category,.food-note,.loading-message{color:#52616b;overflow-wrap:anywhere;margin:8px 0 0;font-size:.9375rem;line-height:1.5}.primary-button,.secondary-button,.danger-button{cursor:pointer;touch-action:manipulation;white-space:nowrap;border:1px solid #0000;border-radius:8px;min-width:0;min-height:44px;padding:9px 14px;font-size:.9375rem;font-weight:700;line-height:1.2}.primary-button{color:#fff;background:#0f766e}.primary-button:hover{background:#115e59}.secondary-button{color:#27544f;background:#fff;border-color:#b8c9c3}.danger-button{color:#b42318;background:#fff7f6;border-color:#fecaca}.primary-button:focus-visible,.secondary-button:focus-visible,.danger-button:focus-visible{outline-offset:2px;outline:3px solid #99f6e4}.primary-button:disabled,.secondary-button:disabled,.danger-button:disabled{cursor:wait;opacity:.6}.food-search,.form-field{gap:7px;display:grid}.food-search label,.form-field label{color:#263b42;font-size:.875rem;font-weight:700}.food-form{background:#fff;border:1px solid #d9e3df;border-radius:8px;gap:20px;min-width:0;padding:20px;display:grid}.food-form-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.form-field-wide{grid-column:1/-1}.field-error,.page-error{color:#b42318;overflow-wrap:anywhere;margin:0;font-size:.8125rem;line-height:1.4}.page-error,.page-status{border-radius:8px;margin:0;padding:10px 12px;font-size:.875rem;line-height:1.4}.page-error{background:#fff7f6;border:1px solid #fecaca}input[aria-invalid=true],textarea[aria-invalid=true],select[aria-invalid=true]{border-color:#b42318}.page-status{color:#126448;background:#ecfdf5;border:1px solid #a7f3d0}.food-form-actions,.food-item-actions{flex-wrap:wrap;gap:10px;display:flex}.food-form-actions{justify-content:flex-end}.food-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.food-list-item{background:#fff;border:1px solid #d9e3df;border-radius:8px;min-width:0;padding:16px}.food-list h3{font-size:1.125rem;line-height:1.3}.food-category{margin-top:4px}.nutrient-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;min-width:0;margin:16px 0 0;display:grid}.nutrient-grid div{background:#f4f7f5;border-radius:6px;min-width:0;padding:10px}.nutrient-grid dt{color:#52616b;overflow-wrap:anywhere;font-size:.75rem}.nutrient-grid dd{color:#14212b;overflow-wrap:anywhere;margin:4px 0 0;font-size:.9375rem;font-weight:700}.food-note{overflow-wrap:anywhere;margin-top:14px}.empty-state{text-align:center;border:1px dashed #b8c9c3;border-radius:8px;padding:28px 20px}.empty-state .secondary-button{margin-top:16px}.bottom-navigation{z-index:10;width:min(100%,720px);padding:8px calc(12px + env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) calc(12px + env(safe-area-inset-left));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;border-top:1px solid #d9e3df;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 auto;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #1f293314}.navigation-button{color:#52616b;cursor:pointer;touch-action:manipulation;background:0 0;border:1px solid #0000;border-radius:8px;min-width:0;min-height:44px;padding:8px 4px;font-size:.9375rem;font-weight:600;line-height:1.2}.navigation-button:focus-visible{outline-offset:2px;outline:3px solid #99f6e4}.navigation-button.is-active{color:#0f766e;background:#ecfdf5;border-color:#99f6e4}@media (width>=600px){.app-main{padding-right:calc(32px + env(safe-area-inset-right));padding-left:calc(32px + env(safe-area-inset-left))}.bottom-navigation{padding-right:calc(20px + env(safe-area-inset-right));padding-left:calc(20px + env(safe-area-inset-left))}}@media (width<=599px){h1{font-size:2rem}.food-library-header,.food-form-heading,.food-list-heading,.daily-page-header,.history-page-header,.daily-section-heading,.daily-entry-heading{flex-direction:column}.daily-date-control{flex-basis:auto;width:100%}.history-date-controls{flex-basis:auto;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.history-date-controls .daily-date-control{grid-area:1/1/auto/-1}.history-date-controls>button:first-child{grid-area:2/1}.history-date-controls>button:last-child{grid-area:2/2}.history-section-heading{flex-direction:column;gap:4px}.food-library-header .primary-button{width:100%}.food-form-fields,.nutrient-grid{grid-template-columns:minmax(0,1fr)}.food-item-actions,.food-item-actions button,.food-form-actions,.food-form-actions button{width:100%}.food-form-actions{flex-direction:column}}