:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--on-surface);background-color:var(--surface);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--primary);text-decoration:inherit}a:hover{color:var(--inverse-primary)}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--surface-container);color:var(--on-surface);cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--primary)}button:focus,button:focus-visible{outline:4px auto var(--primary)}:root{--primary: var(--primitive-primary);--on-primary: var(--primitive-onPrimary);--primary-container: var(--primitive-primaryContainer);--on-primary-container: var(--primitive-onPrimaryContainer);--primary-fixed: var(--primitive-primaryFixed);--on-primary-fixed: var(--primitive-onPrimaryFixed);--primary-fixed-dim: var(--primitive-primaryFixedDim);--on-primary-fixed-variant: var(--primitive-onPrimaryFixedVariant);--inverse-primary: var(--primitive-inversePrimary);--secondary: var(--primitive-secondary);--on-secondary: var(--primitive-onSecondary);--secondary-container: var(--primitive-secondaryContainer);--on-secondary-container: var(--primitive-onSecondaryContainer);--secondary-fixed: var(--primitive-secondaryFixed);--on-secondary-fixed: var(--primitive-onSecondaryFixed);--secondary-fixed-dim: var(--primitive-secondaryFixedDim);--on-secondary-fixed-variant: var(--primitive-onSecondaryFixedVariant);--tertiary: var(--primitive-tertiary);--on-tertiary: var(--primitive-onTertiary);--tertiary-container: var(--primitive-tertiaryContainer);--on-tertiary-container: var(--primitive-onTertiaryContainer);--tertiary-fixed: var(--primitive-tertiaryFixed);--on-tertiary-fixed: var(--primitive-onTertiaryFixed);--tertiary-fixed-dim: var(--primitive-tertiaryFixedDim);--on-tertiary-fixed-variant: var(--primitive-onTertiaryFixedVariant);--error: var(--primitive-error);--on-error: var(--primitive-onError);--error-container: var(--primitive-errorContainer);--on-error-container: var(--primitive-onErrorContainer);--surface: var(--primitive-surface);--on-surface: var(--primitive-onSurface);--surface-dim: var(--primitive-surfaceDim);--surface-bright: var(--primitive-surfaceBright);--surface-container-lowest: var(--primitive-surfaceContainerLowest);--surface-container-low: var(--primitive-surfaceContainerLow);--surface-container: var(--primitive-surfaceContainer);--surface-container-high: var(--primitive-surfaceContainerHigh);--surface-container-highest: var(--primitive-surfaceContainerHighest);--surface-variant: var(--primitive-surfaceVariant);--on-surface-variant: var(--primitive-onSurfaceVariant);--background: var(--primitive-background);--on-background: var(--primitive-onBackground);--outline: var(--primitive-outline);--outline-variant: var(--primitive-outlineVariant);--inverse-surface: var(--primitive-inverseSurface);--inverse-on-surface: var(--primitive-inverseOnSurface);--shadow: var(--primitive-shadow);--scrim: var(--primitive-scrim);--surface-tint: var(--primitive-surfaceTint);--danger: var(--additional-danger);--danger-hover: var(--additional-danger-hover);--calendar-active: var(--additional-calendar-active);--calendar-active-light: var(--additional-calendar-active-light);--calendar-active-dark: var(--additional-calendar-active-dark);--calendar-active-hover: var(--additional-calendar-active-hover);--ui-white: var(--additional-ui-white);--ui-black: var(--additional-ui-black);--ui-gray-light: var(--additional-ui-gray-light);--ui-gray-medium: var(--additional-ui-gray-medium);--ui-gray-dark: var(--additional-ui-gray-dark);--ui-gray-darker: var(--additional-ui-gray-darker);--ui-gray-darkest: var(--additional-ui-gray-darkest)}:root{--primitive-primary: #2C6A45;--primitive-onPrimary: #FFFFFF;--primitive-primaryContainer: #B0F1C3;--primitive-onPrimaryContainer: #0E512F;--primitive-primaryFixed: #B0F1C3;--primitive-onPrimaryFixed: #00210F;--primitive-primaryFixedDim: #94D5A8;--primitive-onPrimaryFixedVariant: #0E512F;--primitive-inversePrimary: #94D5A8;--primitive-secondary: #4F6354;--primitive-onSecondary: #FFFFFF;--primitive-secondaryContainer: #D1E8D5;--primitive-onSecondaryContainer: #374B3D;--primitive-secondaryFixed: #D1E8D5;--primitive-onSecondaryFixed: #0C1F13;--primitive-secondaryFixedDim: #B6CCB9;--primitive-onSecondaryFixedVariant: #374B3D;--primitive-tertiary: #3B6470;--primitive-onTertiary: #FFFFFF;--primitive-tertiaryContainer: #BEEAF7;--primitive-onTertiaryContainer: #214C57;--primitive-tertiaryFixed: #BEEAF7;--primitive-onTertiaryFixed: #001F26;--primitive-tertiaryFixedDim: #A3CDDB;--primitive-onTertiaryFixedVariant: #214C57;--primitive-error: #BA1A1A;--primitive-onError: #FFFFFF;--primitive-errorContainer: #FFDAD6;--primitive-onErrorContainer: #93000A;--primitive-surface: #F6FBF3;--primitive-onSurface: #181D19;--primitive-surfaceDim: #D6DBD4;--primitive-surfaceBright: #F6FBF3;--primitive-surfaceContainerLowest: #FFFFFF;--primitive-surfaceContainerLow: #F0F5EE;--primitive-surfaceContainer: #EAEFE8;--primitive-surfaceContainerHigh: #E5EAE2;--primitive-surfaceContainerHighest: #DFE4DD;--primitive-surfaceVariant: #DCE5DB;--primitive-onSurfaceVariant: #414942;--primitive-background: #F6FBF3;--primitive-onBackground: #181D19;--primitive-outline: #717971;--primitive-outlineVariant: #C0C9C0;--primitive-inverseSurface: #2C322D;--primitive-inverseOnSurface: #EDF2EB;--primitive-shadow: #000000;--primitive-scrim: #000000;--primitive-surfaceTint: #2C6A45;--additional-danger: #d32f2f;--additional-danger-hover: #b71c1c;--additional-calendar-active: #2196f3;--additional-calendar-active-light: #e3f2fd;--additional-calendar-active-dark: #1976d2;--additional-calendar-active-hover: #bbdefb;--additional-ui-white: #ffffff;--additional-ui-black: #000000;--additional-ui-gray-light: #f5f5f5;--additional-ui-gray-medium: #e0e0e0;--additional-ui-gray-dark: #999999;--additional-ui-gray-darker: #666666;--additional-ui-gray-darkest: #333333}@media (prefers-color-scheme: dark){:root{--primitive-primary: #94D5A8;--primitive-onPrimary: #00391E;--primitive-primaryContainer: #0E512F;--primitive-onPrimaryContainer: #B0F1C3;--primitive-primaryFixed: #B0F1C3;--primitive-onPrimaryFixed: #00210F;--primitive-primaryFixedDim: #94D5A8;--primitive-onPrimaryFixedVariant: #0E512F;--primitive-inversePrimary: #2C6A45;--primitive-secondary: #B6CCB9;--primitive-onSecondary: #213527;--primitive-secondaryContainer: #374B3D;--primitive-onSecondaryContainer: #D1E8D5;--primitive-secondaryFixed: #D1E8D5;--primitive-onSecondaryFixed: #0C1F13;--primitive-secondaryFixedDim: #B6CCB9;--primitive-onSecondaryFixedVariant: #374B3D;--primitive-tertiary: #A3CDDB;--primitive-onTertiary: #023640;--primitive-tertiaryContainer: #214C57;--primitive-onTertiaryContainer: #BEEAF7;--primitive-tertiaryFixed: #BEEAF7;--primitive-onTertiaryFixed: #001F26;--primitive-tertiaryFixedDim: #A3CDDB;--primitive-onTertiaryFixedVariant: #214C57;--primitive-error: #FFB4AB;--primitive-onError: #690005;--primitive-errorContainer: #93000A;--primitive-onErrorContainer: #FFDAD6;--primitive-surface: #0F1511;--primitive-onSurface: #DFE4DD;--primitive-surfaceDim: #0F1511;--primitive-surfaceBright: #353B36;--primitive-surfaceContainerLowest: #0A0F0C;--primitive-surfaceContainerLow: #181D19;--primitive-surfaceContainer: #1C211D;--primitive-surfaceContainerHigh: #262B27;--primitive-surfaceContainerHighest: #313631;--primitive-surfaceVariant: #414942;--primitive-onSurfaceVariant: #C0C9C0;--primitive-background: #0F1511;--primitive-onBackground: #DFE4DD;--primitive-outline: #8A938B;--primitive-outlineVariant: #414942;--primitive-inverseSurface: #DFE4DD;--primitive-inverseOnSurface: #2C322D;--primitive-shadow: #000000;--primitive-scrim: #000000;--primitive-surfaceTint: #94D5A8;--additional-danger: #ff5252;--additional-danger-hover: #ff1744;--additional-calendar-active: #64b5f6;--additional-calendar-active-light: #1e3a8a;--additional-calendar-active-dark: #93c5fd;--additional-calendar-active-hover: #3b82f6;--additional-ui-white: #ffffff;--additional-ui-black: #000000;--additional-ui-gray-light: #2a2a2a;--additional-ui-gray-medium: #404040;--additional-ui-gray-dark: #666666;--additional-ui-gray-darker: #999999;--additional-ui-gray-darkest: #cccccc}}.hamburger-button{display:flex;flex-direction:column;justify-content:space-around;width:24px;height:24px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1000}.hamburger-line{width:100%;height:2px;background:var(--on-surface);border-radius:1px;transition:all .3s ease;transform-origin:center}.hamburger-button.open .hamburger-line:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger-button.open .hamburger-line:nth-child(2){opacity:0}.hamburger-button.open .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.menu-overlay{position:fixed;inset:0;background:#00000080;z-index:998}.hamburger-menu{position:fixed;top:0;left:0;width:280px;height:100vh;background:var(--surface);border-right:1px solid var(--outline-variant);transform:translate(-100%);transition:transform .3s ease-in-out;z-index:999;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}.hamburger-menu.open{transform:translate(0)}.menu-header{padding:1.5rem 1rem 1rem;border-bottom:1px solid var(--outline-variant)}.welcome-section{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem}.welcome-section h3{margin:0;font-size:1.1rem;font-weight:600;color:var(--on-surface);line-height:1.3}.menu-profile-picture{width:64px;height:64px;border-radius:50%;object-fit:cover;border:3px solid var(--outline-variant)}.menu-nav{flex:1;padding:1rem 0;display:flex;flex-direction:column;gap:.25rem;overflow:hidden;box-sizing:border-box}.menu-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;text-decoration:none;color:var(--on-surface);transition:background-color .2s ease;border:none;background:none;width:100%;text-align:left;cursor:pointer;box-sizing:border-box;overflow:hidden}.menu-item:hover{background:var(--surface-container-high)}.menu-item:active{background:var(--surface-container-highest)}.menu-icon{font-size:1.2rem;width:24px;text-align:center}.menu-footer{padding:1rem;border-top:1px solid var(--outline-variant)}.menu-logout-btn{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;width:100%;border:none;background:var(--error-container);color:var(--on-error-container);border-radius:8px;cursor:pointer;font-size:1rem;transition:background-color .2s ease}.menu-logout-btn:hover{background:var(--error);color:var(--on-error)}.react-calendar{width:350px;max-width:100%;background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar *:before,.react-calendar *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-calendar button{margin:0;border:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{min-width:44px;background:none}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{display:flex;align-items:center;justify-content:center;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__century-view__decades__decade--neighboringCentury{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{max-width:100%;padding:10px 6.6667px;background:none;text-align:center;font:inherit;font-size:.833em}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__month-view__days__day--neighboringMonth:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__century-view__decades__decade--neighboringCentury:disabled{color:#cdcdcd}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.calendar-page{height:100vh;width:100vw;margin:0;padding:0;position:fixed;top:0;left:0;overflow:hidden}.calendar-container{padding:20px;width:100%;height:calc(100vh - 120px);display:flex;flex-direction:column}.custom-calendar{background:var(--surface-container-lowest);border:1px solid var(--outline-variant);border-radius:8px;box-shadow:0 2px 8px var(--shadow);font-family:inherit;flex:1;width:100%;height:100%}.custom-calendar .react-calendar__navigation{background:var(--surface-container-low);border-bottom:1px solid var(--outline-variant);padding:10px}.custom-calendar .react-calendar__navigation button{background:none;border:none;font-size:16px;font-weight:500;color:var(--on-surface);padding:8px 12px;border-radius:4px;transition:background-color .2s}.custom-calendar .react-calendar__navigation button:hover{background-color:var(--surface-container-high)}.custom-calendar .react-calendar__navigation button:disabled{color:var(--on-surface-variant)}.custom-calendar .react-calendar__month-view__weekdays{background:var(--surface-container-low);border-bottom:1px solid var(--outline-variant)}.custom-calendar .react-calendar__month-view__weekdays__weekday{padding:10px 5px;font-size:12px;font-weight:500;color:var(--on-surface-variant);text-align:center}.custom-calendar .react-calendar__month-view__days{padding:5px}.custom-calendar .react-calendar__tile{background:none;border:none;padding:8px 4px;font-size:14px;color:var(--on-surface);border-radius:4px;transition:all .2s;position:relative;min-height:80px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.custom-calendar .react-calendar__tile:hover{background-color:var(--surface-container-high)}.custom-calendar .react-calendar__tile--active{background-color:var(--calendar-active);color:var(--ui-white)}.custom-calendar .react-calendar__tile--now{background-color:var(--calendar-active-light);color:var(--calendar-active-dark);font-weight:500}.custom-calendar .react-calendar__tile--now:hover{background-color:var(--calendar-active-hover)}.custom-calendar .react-calendar__tile--neighboringMonth{color:var(--on-surface-variant)}.meal-indicators{display:flex;flex-wrap:nowrap;gap:2px;justify-content:center;margin-top:4px;width:100%;overflow-x:auto;padding:2px 0}.meal-image{width:32px;height:32px;border-radius:6px;object-fit:cover;border:1px solid var(--outline-variant);display:inline-block}.meal-dot{width:6px;height:6px;background-color:var(--primary);border-radius:50%;display:inline-block}.meal-dot.more{background-color:var(--tertiary);font-size:12px;line-height:32px;text-align:center;color:var(--ui-white);font-weight:700;width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center}.calendar-legend{margin-top:20px;display:flex;justify-content:center}.legend-item{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--on-surface-variant)}@media (max-width: 768px){.calendar-container{padding:10px;height:calc(100vh - 100px)}.custom-calendar .react-calendar__tile{min-height:60px;padding:4px 2px;font-size:13px}.meal-indicators{gap:1px;margin-top:2px}.meal-image{width:20px;height:20px}.meal-dot{width:4px;height:4px}.meal-dot.more{width:20px;height:20px;font-size:8px;line-height:20px}}@media (max-width: 480px){.calendar-container{padding:5px;height:calc(100vh - 90px)}.custom-calendar .react-calendar__tile{min-height:50px;padding:3px 1px;font-size:12px}.meal-indicators{gap:1px;margin-top:1px}.meal-image{width:16px;height:16px}.meal-dot{width:3px;height:3px}.meal-dot.more{width:16px;height:16px;font-size:7px;line-height:16px}}#root{max-width:760px;margin:0 auto;padding:1rem}.editable-name{cursor:pointer;padding:2px 4px;border-radius:4px;transition:background-color .2s}.editable-name:hover{background-color:var(--surface-container-highest)}.editable-calories{cursor:pointer;padding:2px 4px;border-radius:4px;transition:background-color .2s}.editable-calories:hover{background-color:var(--surface-container-highest)}.edit-container{display:flex;align-items:center;gap:8px;flex:1}.edit-input{flex:1;padding:4px 8px;border:1px solid var(--outline);border-radius:4px;background:var(--surface);color:var(--on-surface);font-size:inherit}.edit-input:focus{outline:none;border-color:var(--primary)}.edit-buttons{display:flex;gap:4px}.btn-small{padding:4px 8px;border-radius:4px;border:1px solid var(--outline-variant);background:var(--surface-container);color:var(--on-surface);cursor:pointer;font-size:12px;min-width:24px;height:24px;display:flex;align-items:center;justify-content:center}.btn-small.btn-primary{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.btn-small.btn-secondary{background:var(--surface-container-highest);color:var(--on-surface);border-color:var(--outline)}.btn-small.btn-danger{background:var(--danger);color:var(--ui-white);border-color:var(--danger)}.btn-small.btn-danger:hover:not(:disabled){background:var(--danger-hover);border-color:var(--danger-hover)}.btn-small:disabled{opacity:.5;cursor:not-allowed}.nav{display:flex;align-items:center;gap:1rem;padding:.5rem 0}.brand{font-weight:700;text-decoration:none;color:var(--on-surface)}.spacer{flex:1}.btn{padding:.5rem .9rem;border-radius:8px;border:1px solid var(--outline-variant);background:var(--surface-container);color:var(--on-surface);cursor:pointer}.btn.primary{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.center{display:grid;place-items:center;min-height:40vh;gap:.5rem}.page{display:flex;flex-direction:column;gap:1rem}.header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.header-left{display:flex;align-items:center;gap:1rem}.back-button{background:none;border:none;font-size:1.5rem;color:var(--on-surface);cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s;display:flex;align-items:center;justify-content:center;min-width:32px;height:32px}.back-button:hover{background-color:var(--surface-container-highest)}.header-right{display:flex;align-items:center}.kcal{color:var(--on-surface-variant);font-size:.95rem}.actions{display:flex;justify-content:flex-end}.list{list-style:none;padding:0;display:flex;flex-direction:column;gap:.75rem}.card{background:var(--surface-container);border:1px solid var(--surface-container-high);border-radius:12px;padding:.75rem 1rem}.row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.row .name{flex:1}.row .actions{display:flex;align-items:center;gap:4px}.name{font-weight:600}.calories{color:var(--on-surface)}.note{color:var(--on-surface-variant);margin-top:.25rem;font-size:.9rem}.muted{color:var(--outline)}.uploader{display:flex;flex-direction:column;gap:.75rem;align-items:center}.fullscreen-page{height:100vh;display:flex;flex-direction:column}.fullscreen-uploader{flex:1;display:flex;flex-direction:column;background:var(--surface-container);border:1px solid var(--surface-container-high);border-radius:12px;margin:0;padding:0;overflow:hidden}.fullscreen-upload-area{flex:1;display:flex;align-items:center;justify-content:center;min-height:0;position:relative}.fullscreen-preview{width:100%;height:100%;object-fit:contain;border-radius:0}.fullscreen-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background:var(--surface-container-high);color:var(--on-surface-variant);text-align:center;padding:2rem}.upload-icon{font-size:4rem;margin-bottom:1rem;opacity:.6}.upload-text{font-size:1.2rem;font-weight:500;margin-bottom:.5rem}.upload-hint{font-size:.9rem;opacity:.7}.upload-controls{padding:1rem;background:var(--surface-container);border-top:1px solid var(--surface-container-high)}.upload-actions{display:flex;justify-content:center;margin-top:1rem}.upload-btn{padding:.75rem 2rem;font-size:1rem;font-weight:500;min-width:120px}.file-info{font-size:.9em;color:var(--on-surface-variant);text-align:center;margin-bottom:.5rem}.preview{width:100%;max-height:320px;object-fit:cover;border-radius:8px}.placeholder{width:100%;height:200px;display:grid;place-items:center;background:var(--surface-container-high);border-radius:8px;color:var(--on-surface-variant)}.error{color:var(--error)}.user-profile{background:var(--surface-container);border:1px solid var(--surface-container-high);border-radius:12px;padding:1rem;margin-bottom:.5rem}.user-info{display:flex;align-items:center;gap:1rem}.user-info h3{margin:0;font-size:1.1rem;font-weight:600;color:var(--on-surface)}.profile-picture{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--outline-variant)}@media (max-width: 768px){.fullscreen-page{height:100vh;height:100dvh}.fullscreen-uploader{border-radius:0;border-left:none;border-right:none}.upload-controls{padding:.75rem}.upload-icon{font-size:3rem}.upload-text{font-size:1.1rem}.upload-hint{font-size:.85rem}.upload-btn{padding:.875rem 1.5rem;font-size:1rem;width:100%;max-width:200px}.file-info{font-size:.85em}.meal-content-with-image{flex-direction:column;gap:.75rem;min-height:auto;align-items:center}.meal-image{width:100%;max-width:200px;height:auto}.meal-image img{width:100%;height:auto;max-height:200px}.meal-content-with-image .notes-section{width:100%}.meal-content-with-image .notes-display{min-height:60px}}@media (max-width: 480px){.fullscreen-placeholder{padding:1rem}.upload-icon{font-size:2.5rem}.upload-text{font-size:1rem}.upload-hint{font-size:.8rem}}.notes-section{margin:1rem 0}.meal-content-with-image{display:flex;gap:1rem;align-items:flex-start;margin-top:.5rem;min-height:120px;width:100%}.meal-image{flex-shrink:0;width:120px;height:120px}.meal-image img{width:100%;height:100%;object-fit:cover;border-radius:8px;border:1px solid var(--outline-variant)}.meal-content-with-image .notes-section{flex:1;margin:0;display:flex;flex-direction:column;min-width:0}.meal-content-with-image .notes-display{flex:1;min-height:100px;display:flex;align-items:flex-start;padding-top:.75rem;word-wrap:break-word;overflow-wrap:break-word}.notes-label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--on-surface)}.notes-input{width:100%;padding:.75rem;border:1px solid var(--outline-variant);border-radius:8px;background:var(--surface-container-lowest);color:var(--on-surface);font-size:1rem;font-family:inherit;resize:vertical;min-height:80px}.notes-input:focus{outline:none;border-color:var(--outline);box-shadow:0 0 0 1px var(--outline);background:var(--surface-container-lowest)}.notes-input::placeholder{color:var(--on-surface-variant);opacity:.8}.notes-display{padding:.75rem;background:var(--surface-container-low);border:1px solid var(--outline-variant);border-radius:8px;cursor:pointer;transition:background-color .2s;min-height:60px;display:flex;align-items:center;color:var(--on-surface-variant);font-style:italic}.notes-display:hover{background:var(--surface-container)}.notes-display:not(:empty){color:var(--on-surface);font-style:normal}.edit-notes-container{display:flex;flex-direction:column;gap:.5rem}.edit-notes-input{width:100%;padding:.75rem;border:1px solid var(--outline-variant);border-radius:8px;background:var(--surface-container-lowest);color:var(--on-surface);font-size:1rem;font-family:inherit;resize:vertical;min-height:80px}.edit-notes-input:focus{outline:none;border-color:var(--outline);box-shadow:0 0 0 1px var(--outline);background:var(--surface-container-lowest)}.edit-notes-input::placeholder{color:var(--on-surface-variant);opacity:.8}.stats-container{display:flex;flex-direction:column;gap:1.5rem}.date-range-selector{display:flex;flex-wrap:wrap;gap:1rem;align-items:end;padding:1rem;background:var(--surface-container);border:1px solid var(--surface-container-high);border-radius:12px}.date-input-group{display:flex;flex-direction:column;gap:.5rem;min-width:150px}.date-input-group label{font-weight:500;color:var(--on-surface);font-size:.9rem}.date-input-group input{padding:.75rem;border:1px solid var(--outline-variant);border-radius:8px;background:var(--surface);color:var(--on-surface);font-size:1rem}.date-input-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.stats-summary{display:flex;gap:1rem;padding:1rem;background:var(--surface-container);border:1px solid var(--surface-container-high);border-radius:12px}.stat-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;flex:1}.stat-label{font-size:.9rem;color:var(--on-surface-variant);text-align:center}.stat-value{font-size:1.5rem;font-weight:600;color:var(--on-surface);text-align:center}.chart-container{background:var(--surface-container);border:1px solid var(--surface-container-high);border-radius:12px;padding:1rem;min-height:400px;display:flex;align-items:center;justify-content:center}.chart-container .loading,.chart-container .error,.chart-container .no-data{color:var(--on-surface-variant);font-size:1.1rem;text-align:center}.chart-container .error{color:var(--error)}@media (max-width: 768px){.date-range-selector{flex-direction:column;align-items:stretch}.date-input-group{min-width:auto}.stats-summary{flex-direction:column;gap:.75rem}.stat-item{flex-direction:row;justify-content:space-between;align-items:center}.stat-value{font-size:1.25rem}.chart-container{padding:.5rem;min-height:300px}}