@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial}}}@layer theme{:root,:host{--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono","Fira Code","Cascadia Code",monospace;--color-gray-950:oklch(13% .028 261.692);--spacing:.25rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--tracking-wider:.05em;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:28px;--radius-2xl:1rem;--radius-3xl:1.5rem;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--ease-out:cubic-bezier(0,0,.2,1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-primary:var(--md-sys-color-primary);--color-on-primary:var(--md-sys-color-on-primary);--color-primary-container:var(--md-sys-color-primary-container);--color-on-primary-container:var(--md-sys-color-on-primary-container);--color-tertiary:var(--md-sys-color-tertiary);--color-on-tertiary:var(--md-sys-color-on-tertiary);--color-on-tertiary-container:var(--md-sys-color-on-tertiary-container);--color-error:var(--md-sys-color-error);--color-error-container:var(--md-sys-color-error-container);--color-surface:var(--md-sys-color-surface);--color-on-surface:var(--md-sys-color-on-surface);--color-on-surface-variant:var(--md-sys-color-on-surface-variant);--color-surface-container:var(--md-sys-color-surface-container);--color-surface-container-high:var(--md-sys-color-surface-container-high);--color-surface-container-highest:var(--md-sys-color-surface-container-highest);--color-outline-variant:var(--md-sys-color-outline-variant);--color-inverse-surface:var(--md-sys-color-inverse-surface);--color-scrim:var(--md-sys-color-scrim);--color-protein:var(--m3-protein);--color-carbs:var(--m3-carbs);--color-fat:var(--m3-fat);--color-calories:var(--m3-calories);--color-success:var(--m3-success);--color-success-container:var(--m3-success-container);--color-warning:var(--m3-warning);--color-info:var(--m3-info);--radius-full:9999px;--spacing-0:0px;--spacing-0_5:2px;--spacing-1:4px;--spacing-1_5:6px;--spacing-2:8px;--spacing-2_5:10px;--spacing-3:12px;--spacing-4:16px;--spacing-5:20px;--spacing-6:24px;--spacing-7:28px;--spacing-8:32px;--spacing-9:36px;--spacing-10:40px;--spacing-12:48px;--spacing-16:64px;--spacing-20:80px;--spacing-24:96px;--text-display-sm:2.25rem;--text-headline-sm:1.5rem;--text-title-lg:1.375rem;--text-title-md:1rem;--text-title-sm:.875rem;--text-body-md:.875rem;--text-body-sm:.75rem;--text-label-sm:.6875rem;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal:500;--z-popover:600;--z-tooltip:700;--z-toast:800;--z-max:999;--transition-fast:.1s ease-out}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;max-width:100vw;font-size:16px;overflow-x:hidden}body{font-family:var(--font-sans);background-color:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);max-width:100vw;min-height:100dvh;line-height:1.5;overflow-x:hidden}@supports (padding-top:env(safe-area-inset-top)){body{padding-top:env(safe-area-inset-top)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:var(--md-sys-color-outline-variant);border-radius:var(--radius-full)}@media(max-width:599px){::-webkit-scrollbar{display:none}body{scrollbar-width:none}}::selection{background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}}@layer components{.page{min-height:100vh;padding-inline:var(--spacing-4);padding-bottom:var(--spacing-24);max-width:600px;margin:0 auto}@media(min-width:1024px){.page{padding-bottom:var(--spacing-8);padding-left:calc(var(--spacing)*70);max-width:900px}}.section{margin-bottom:var(--spacing-6)}.page-header{padding-top:var(--spacing-4);padding-bottom:var(--spacing-2)}}@layer utilities{.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:var(--spacing-0)}.top-1\/2{top:50%}.top-2{top:var(--spacing-2)}.-right-1{right:calc(var(--spacing-1)*-1)}.right-2{right:var(--spacing-2)}.-bottom-1{bottom:calc(var(--spacing-1)*-1)}.left-3{left:var(--spacing-3)}.z-50{z-index:50}.container{width:100%}@media(min-width:600px){.container{max-width:600px}}@media(min-width:840px){.container{max-width:840px}}@media(min-width:1200px){.container{max-width:1200px}}@media(min-width:1600px){.container{max-width:1600px}}@media(min-width:96rem){.container{max-width:96rem}}.m-0{margin:var(--spacing-0)}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:var(--spacing-0_5)}.mt-1{margin-top:var(--spacing-1)}.mt-4{margin-top:var(--spacing-4)}.mr-1{margin-right:var(--spacing-1)}.mr-2{margin-right:var(--spacing-2)}.mb-1{margin-bottom:var(--spacing-1)}.mb-2{margin-bottom:var(--spacing-2)}.mb-3{margin-bottom:var(--spacing-3)}.mb-4{margin-bottom:var(--spacing-4)}.mb-5{margin-bottom:var(--spacing-5)}.mb-6{margin-bottom:var(--spacing-6)}.ml-2{margin-left:var(--spacing-2)}.ml-3{margin-left:var(--spacing-3)}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.h-2\.5{height:var(--spacing-2_5)}.h-4\.5{height:calc(var(--spacing)*4.5)}.h-6{height:var(--spacing-6)}.h-7{height:var(--spacing-7)}.h-8{height:var(--spacing-8)}.h-9{height:var(--spacing-9)}.h-10{height:var(--spacing-10)}.h-11{height:calc(var(--spacing)*11)}.h-12{height:var(--spacing-12)}.h-16{height:var(--spacing-16)}.max-h-75{max-height:calc(var(--spacing)*75)}.max-h-80{max-height:calc(var(--spacing)*80)}.max-h-\[85vh\]{max-height:85vh}.w-2\.5{width:var(--spacing-2_5)}.w-4\.5{width:calc(var(--spacing)*4.5)}.w-6{width:var(--spacing-6)}.w-7{width:var(--spacing-7)}.w-8{width:var(--spacing-8)}.w-9{width:var(--spacing-9)}.w-10{width:var(--spacing-10)}.w-11{width:calc(var(--spacing)*11)}.w-12{width:var(--spacing-12)}.w-16{width:var(--spacing-16)}.w-24{width:var(--spacing-24)}.w-full{width:100%}.w-px{width:1px}.max-w-125{max-width:calc(var(--spacing)*125)}.max-w-150{max-width:calc(var(--spacing)*150)}.min-w-0{min-width:var(--spacing-0)}.min-w-6{min-width:var(--spacing-6)}.min-w-17\.5{min-width:calc(var(--spacing)*17.5)}.min-w-20{min-width:var(--spacing-20)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-y{resize:vertical}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0\.5{gap:var(--spacing-0_5)}.gap-1{gap:var(--spacing-1)}.gap-1\.5{gap:var(--spacing-1_5)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-6{gap:var(--spacing-6)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-3xl{border-top-left-radius:var(--radius-3xl);border-top-right-radius:var(--radius-3xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-3{border-style:var(--tw-border-style);border-width:3px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l-3{border-left-style:var(--tw-border-style);border-left-width:3px}.border-none{--tw-border-style:none;border-style:none}.border-error-container{border-color:var(--color-error-container)}.border-outline-variant{border-color:var(--color-outline-variant)}.border-primary-container{border-color:var(--color-primary-container)}.border-success-container{border-color:var(--color-success-container)}.border-surface{border-color:var(--color-surface)}.border-surface-container-highest{border-color:var(--color-surface-container-highest)}.border-warning\/30{border-color:var(--color-warning)}@supports (color:color-mix(in lab,red,red)){.border-warning\/30{border-color:color-mix(in oklab,var(--color-warning)30%,transparent)}}.border-t-primary{border-top-color:var(--color-primary)}.border-l-primary{border-left-color:var(--color-primary)}.bg-error{background-color:var(--color-error)}.bg-error-container\/30{background-color:var(--color-error-container)}@supports (color:color-mix(in lab,red,red)){.bg-error-container\/30{background-color:color-mix(in oklab,var(--color-error-container)30%,transparent)}}.bg-error\/10{background-color:var(--color-error)}@supports (color:color-mix(in lab,red,red)){.bg-error\/10{background-color:color-mix(in oklab,var(--color-error)10%,transparent)}}.bg-info\/15{background-color:var(--color-info)}@supports (color:color-mix(in lab,red,red)){.bg-info\/15{background-color:color-mix(in oklab,var(--color-info)15%,transparent)}}.bg-info\/20{background-color:var(--color-info)}@supports (color:color-mix(in lab,red,red)){.bg-info\/20{background-color:color-mix(in oklab,var(--color-info)20%,transparent)}}.bg-outline-variant{background-color:var(--color-outline-variant)}.bg-primary{background-color:var(--color-primary)}.bg-primary-container,.bg-primary-container\/30{background-color:var(--color-primary-container)}@supports (color:color-mix(in lab,red,red)){.bg-primary-container\/30{background-color:color-mix(in oklab,var(--color-primary-container)30%,transparent)}}.bg-primary\/8{background-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.bg-primary\/8{background-color:color-mix(in oklab,var(--color-primary)8%,transparent)}}.bg-primary\/10{background-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.bg-primary\/10{background-color:color-mix(in oklab,var(--color-primary)10%,transparent)}}.bg-primary\/15{background-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.bg-primary\/15{background-color:color-mix(in oklab,var(--color-primary)15%,transparent)}}.bg-primary\/20{background-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.bg-primary\/20{background-color:color-mix(in oklab,var(--color-primary)20%,transparent)}}.bg-scrim\/40{background-color:var(--color-scrim)}@supports (color:color-mix(in lab,red,red)){.bg-scrim\/40{background-color:color-mix(in oklab,var(--color-scrim)40%,transparent)}}.bg-success{background-color:var(--color-success)}.bg-success-container\/30{background-color:var(--color-success-container)}@supports (color:color-mix(in lab,red,red)){.bg-success-container\/30{background-color:color-mix(in oklab,var(--color-success-container)30%,transparent)}}.bg-success\/10{background-color:var(--color-success)}@supports (color:color-mix(in lab,red,red)){.bg-success\/10{background-color:color-mix(in oklab,var(--color-success)10%,transparent)}}.bg-success\/15{background-color:var(--color-success)}@supports (color:color-mix(in lab,red,red)){.bg-success\/15{background-color:color-mix(in oklab,var(--color-success)15%,transparent)}}.bg-surface{background-color:var(--color-surface)}.bg-surface-container{background-color:var(--color-surface-container)}.bg-surface-container-high{background-color:var(--color-surface-container-high)}.bg-tertiary,.bg-tertiary\/15{background-color:var(--color-tertiary)}@supports (color:color-mix(in lab,red,red)){.bg-tertiary\/15{background-color:color-mix(in oklab,var(--color-tertiary)15%,transparent)}}.bg-transparent{background-color:#0000}.bg-warning\/8{background-color:var(--color-warning)}@supports (color:color-mix(in lab,red,red)){.bg-warning\/8{background-color:color-mix(in oklab,var(--color-warning)8%,transparent)}}.bg-linear-to-br{--tw-gradient-position:to bottom right}@supports (background-image:linear-gradient(in lab,red,red)){.bg-linear-to-br{--tw-gradient-position:to bottom right in oklab}}.bg-linear-to-br{background-image:linear-gradient(var(--tw-gradient-stops))}.from-primary{--tw-gradient-from:var(--color-primary);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-warning{--tw-gradient-from:var(--color-warning);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-primary\/80{--tw-gradient-to:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.to-primary\/80{--tw-gradient-to:color-mix(in oklab,var(--color-primary)80%,transparent)}}.to-primary\/80{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-warning\/80{--tw-gradient-to:var(--color-warning)}@supports (color:color-mix(in lab,red,red)){.to-warning\/80{--tw-gradient-to:color-mix(in oklab,var(--color-warning)80%,transparent)}}.to-warning\/80{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.p-0{padding:var(--spacing-0)}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}.p-6{padding:var(--spacing-6)}.px-2{padding-inline:var(--spacing-2)}.px-2\.5{padding-inline:var(--spacing-2_5)}.px-3{padding-inline:var(--spacing-3)}.px-4{padding-inline:var(--spacing-4)}.px-6{padding-inline:var(--spacing-6)}.py-0\.5{padding-block:var(--spacing-0_5)}.py-1{padding-block:var(--spacing-1)}.py-2{padding-block:var(--spacing-2)}.py-2\.5{padding-block:var(--spacing-2_5)}.py-3{padding-block:var(--spacing-3)}.py-4{padding-block:var(--spacing-4)}.py-8{padding-block:var(--spacing-8)}.py-12{padding-block:var(--spacing-12)}.pt-3{padding-top:var(--spacing-3)}.pt-4{padding-top:var(--spacing-4)}.pt-6{padding-top:var(--spacing-6)}.pr-4{padding-right:var(--spacing-4)}.pb-2{padding-bottom:var(--spacing-2)}.pb-3{padding-bottom:var(--spacing-3)}.pb-24{padding-bottom:var(--spacing-24)}.pl-10{padding-left:var(--spacing-10)}.text-center{text-align:center}.text-left{text-align:left}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-\[0\.9375rem\]{font-size:.9375rem}.text-body-md{font-size:var(--text-body-md)}.text-body-sm{font-size:var(--text-body-sm)}.text-display-sm{font-size:var(--text-display-sm)}.text-headline-sm{font-size:var(--text-headline-sm)}.text-label-sm{font-size:var(--text-label-sm)}.text-title-lg{font-size:var(--text-title-lg)}.text-title-md{font-size:var(--text-title-md)}.text-title-sm{font-size:var(--text-title-sm)}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-error{color:var(--color-error)}.text-info{color:var(--color-info)}.text-inverse-surface{color:var(--color-inverse-surface)}.text-on-primary{color:var(--color-on-primary)}.text-on-primary-container{color:var(--color-on-primary-container)}.text-on-surface{color:var(--color-on-surface)}.text-on-surface-variant{color:var(--color-on-surface-variant)}.text-on-tertiary{color:var(--color-on-tertiary)}.text-on-tertiary-container{color:var(--color-on-tertiary-container)}.text-outline-variant{color:var(--color-outline-variant)}.text-primary{color:var(--color-primary)}.text-success{color:var(--color-success)}.text-tertiary{color:var(--color-tertiary)}.text-warning{color:var(--color-warning)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.opacity-50{opacity:.5}.opacity-80{opacity:.8}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.placeholder\:text-on-surface-variant::placeholder{color:var(--color-on-surface-variant)}.last\:mb-0:last-child{margin-bottom:var(--spacing-0)}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}@media(hover:hover){.hover\:border-primary:hover{border-color:var(--color-primary)}.hover\:bg-error\/10:hover{background-color:var(--color-error)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-error\/10:hover{background-color:color-mix(in oklab,var(--color-error)10%,transparent)}}.hover\:bg-info\/10:hover{background-color:var(--color-info)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-info\/10:hover{background-color:color-mix(in oklab,var(--color-info)10%,transparent)}}.hover\:bg-surface-container:hover{background-color:var(--color-surface-container)}.hover\:bg-surface-container-high:hover{background-color:var(--color-surface-container-high)}.hover\:bg-surface-container-highest:hover{background-color:var(--color-surface-container-highest)}.hover\:text-error:hover{color:var(--color-error)}.hover\:text-info:hover{color:var(--color-info)}.hover\:text-on-surface:hover{color:var(--color-on-surface)}.hover\:text-primary:hover{color:var(--color-primary)}.hover\:text-warning:hover{color:var(--color-warning)}}.focus\:border-primary:focus{border-color:var(--color-primary)}.focus-visible\:rounded-sm:focus-visible{border-radius:var(--radius-sm)}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-3:focus-visible{outline-style:var(--tw-outline-style);outline-width:3px}.focus-visible\:-outline-offset-2:focus-visible{outline-offset:-2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-primary:focus-visible{outline-color:var(--color-primary)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}@media not all and (min-width:480px){.max-\[480px\]\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.max-\[480px\]\:flex-row{flex-direction:row}.max-\[480px\]\:items-start{align-items:flex-start}.max-\[480px\]\:justify-start{justify-content:flex-start}.max-\[480px\]\:gap-3{gap:var(--spacing-3)}.max-\[480px\]\:text-left{text-align:left}}@media not all and (min-width:400px){.max-\[400px\]\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.max-\[400px\]\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media not all and (min-width:380px){.max-\[380px\]\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.max-\[380px\]\:gap-4{gap:var(--spacing-4)}}@media(min-width:600px){.sm\:items-center{align-items:center}.sm\:rounded-3xl{border-radius:var(--radius-3xl)}.sm\:p-6{padding:var(--spacing-6)}}@media(min-width:840px){.md\:h-px{height:1px}.md\:w-20{width:var(--spacing-20)}.md\:w-auto{width:auto}.md\:max-w-210{max-width:calc(var(--spacing)*210)}.md\:flex-col{flex-direction:column}.md\:flex-row{flex-direction:row}.md\:justify-around{justify-content:space-around}.md\:gap-4{gap:var(--spacing-4)}.md\:py-6{padding-block:var(--spacing-6)}}@media(min-width:1200px){.lg\:grid{display:grid}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:gap-4{gap:var(--spacing-4)}.lg\:pb-8{padding-bottom:var(--spacing-8)}.lg\:pl-70{padding-left:calc(var(--spacing)*70)}}.state-hover:before{content:"";border-radius:inherit;opacity:var(--md-sys-state-hover-opacity);pointer-events:none;background-color:currentColor;position:absolute;inset:0}.state-pressed:before{content:"";border-radius:inherit;opacity:var(--md-sys-state-pressed-opacity);pointer-events:none;background-color:currentColor;position:absolute;inset:0}.truncate-2{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.truncate-3{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.safe-top{padding-top:env(safe-area-inset-top)}.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}}:root{--md-sys-color-primary:#1a73e8;--md-sys-color-on-primary:#fff;--md-sys-color-primary-container:#d3e3fd;--md-sys-color-on-primary-container:#041e49;--md-sys-color-primary-fixed:#d3e3fd;--md-sys-color-primary-fixed-dim:#a8c7fa;--md-sys-color-on-primary-fixed:#041e49;--md-sys-color-on-primary-fixed-variant:#185abc;--md-sys-color-secondary:#00897b;--md-sys-color-on-secondary:#fff;--md-sys-color-secondary-container:#a7f3ec;--md-sys-color-on-secondary-container:#00201e;--md-sys-color-secondary-fixed:#a7f3ec;--md-sys-color-secondary-fixed-dim:#4dd9cb;--md-sys-color-on-secondary-fixed:#00201e;--md-sys-color-on-secondary-fixed-variant:#006a60;--md-sys-color-tertiary:#f9a825;--md-sys-color-on-tertiary:#3e2800;--md-sys-color-tertiary-container:#ffddb1;--md-sys-color-on-tertiary-container:#291800;--md-sys-color-tertiary-fixed:#ffddb1;--md-sys-color-tertiary-fixed-dim:#f9c355;--md-sys-color-on-tertiary-fixed:#291800;--md-sys-color-on-tertiary-fixed-variant:#6d4200;--md-sys-color-error:#dc362e;--md-sys-color-on-error:#fff;--md-sys-color-error-container:#ffdad6;--md-sys-color-on-error-container:#410002;--md-sys-color-surface:#fefbff;--md-sys-color-on-surface:#1c1b1f;--md-sys-color-surface-variant:#e1e2ec;--md-sys-color-on-surface-variant:#44474f;--md-sys-color-surface-container-lowest:#fff;--md-sys-color-surface-container-low:#f7f8fc;--md-sys-color-surface-container:#f1f2f6;--md-sys-color-surface-container-high:#ebedf1;--md-sys-color-surface-container-highest:#e5e7eb;--md-sys-color-surface-dim:#dddce0;--md-sys-color-surface-bright:#fefbff;--md-sys-color-outline:#74777f;--md-sys-color-outline-variant:#c4c6d0;--md-sys-color-inverse-surface:#303033;--md-sys-color-inverse-on-surface:#f4eff4;--md-sys-color-inverse-primary:#a8c7fa;--md-sys-color-scrim:#000;--md-sys-color-shadow:#000;--m3-protein:#16a34a;--m3-protein-container:#dcfce7;--m3-on-protein:#fff;--m3-on-protein-container:#052e16;--m3-carbs:#0284c7;--m3-carbs-container:#e0f2fe;--m3-on-carbs:#fff;--m3-on-carbs-container:#082f49;--m3-fat:#d97706;--m3-fat-container:#fef3c7;--m3-on-fat:#fff;--m3-on-fat-container:#422006;--m3-calories:var(--md-sys-color-primary);--m3-calories-container:var(--md-sys-color-primary-container);--m3-success:#16a34a;--m3-success-container:#dcfce7;--m3-on-success:#fff;--m3-on-success-container:#052e16;--m3-warning:#d97706;--m3-warning-container:#fef3c7;--m3-on-warning:#fff;--m3-on-warning-container:#422006;--m3-on-error:var(--md-sys-color-on-error);--m3-on-error-container:var(--md-sys-color-on-error-container);--m3-info:var(--md-sys-color-primary);--m3-info-container:var(--md-sys-color-primary-container);--m3-motion-easing-standard:cubic-bezier(.2,0,0,1);--m3-motion-easing-standard-decelerate:cubic-bezier(0,0,0,1);--m3-motion-easing-standard-accelerate:cubic-bezier(.3,0,1,1);--m3-motion-easing-emphasized:cubic-bezier(.2,0,0,1);--m3-motion-easing-emphasized-decelerate:cubic-bezier(.05,.7,.1,1);--m3-motion-easing-emphasized-accelerate:cubic-bezier(.3,0,.8,.15);--m3-motion-duration-short1:50ms;--m3-motion-duration-short2:.1s;--m3-motion-duration-short3:.15s;--m3-motion-duration-short4:.2s;--m3-motion-duration-medium1:.25s;--m3-motion-duration-medium2:.3s;--m3-motion-duration-medium3:.35s;--m3-motion-duration-medium4:.4s;--m3-motion-duration-long1:.45s;--m3-motion-duration-long2:.5s;--m3-motion-duration-long3:.55s;--m3-motion-duration-long4:.6s;--md-sys-state-hover-opacity:.08;--md-sys-state-focus-opacity:.12;--md-sys-state-pressed-opacity:.12;--md-sys-state-dragged-opacity:.16;--md-sys-state-disabled-opacity:.38;--md-sys-state-disabled-container-opacity:.12;--m3-primary:var(--md-sys-color-primary);--m3-on-primary:var(--md-sys-color-on-primary);--m3-primary-container:var(--md-sys-color-primary-container);--m3-on-primary-container:var(--md-sys-color-on-primary-container);--m3-primary-rgb:26,115,232;--m3-secondary:var(--md-sys-color-secondary);--m3-on-secondary:var(--md-sys-color-on-secondary);--m3-secondary-container:var(--md-sys-color-secondary-container);--m3-tertiary:var(--md-sys-color-tertiary);--m3-error:var(--md-sys-color-error);--m3-error-container:var(--md-sys-color-error-container);--m3-surface:var(--md-sys-color-surface);--m3-on-surface:var(--md-sys-color-on-surface);--m3-surface-variant:var(--md-sys-color-surface-variant);--m3-on-surface-variant:var(--md-sys-color-on-surface-variant);--m3-surface-container-lowest:var(--md-sys-color-surface-container-lowest);--m3-surface-container-low:var(--md-sys-color-surface-container-low);--m3-surface-container:var(--md-sys-color-surface-container);--m3-surface-container-high:var(--md-sys-color-surface-container-high);--m3-surface-container-highest:var(--md-sys-color-surface-container-highest);--m3-outline:var(--md-sys-color-outline);--m3-outline-variant:var(--md-sys-color-outline-variant);--m3-inverse-surface:var(--md-sys-color-inverse-surface);--m3-inverse-on-surface:var(--md-sys-color-inverse-on-surface);--m3-inverse-primary:var(--md-sys-color-inverse-primary);--m3-scrim:var(--md-sys-color-scrim);--m3-focus-ring:var(--md-sys-color-primary);--m3-shape-none:0px;--m3-shape-extra-small:4px;--m3-shape-small:8px;--m3-shape-medium:12px;--m3-shape-large:16px;--m3-shape-extra-large:28px;--m3-shape-full:9999px;--m3-elevation-0:none;--m3-elevation-1:0 1px 2px #0000004d,0 1px 3px 1px #00000026;--m3-elevation-2:0 1px 2px #0000004d,0 2px 6px 2px #00000026;--m3-elevation-3:0 4px 8px 3px #00000026,0 1px 3px #0000004d;--m3-elevation-4:0 6px 10px 4px #00000026,0 2px 3px #0000004d;--m3-elevation-5:0 8px 12px 6px #00000026,0 4px 4px #0000004d;--m3-state-hover-opacity:var(--md-sys-state-hover-opacity);--m3-state-focus-opacity:var(--md-sys-state-focus-opacity);--m3-state-pressed-opacity:var(--md-sys-state-pressed-opacity);--m3-state-layer-primary:rgba(26,115,232,var(--md-sys-state-hover-opacity));--m3-state-layer-primary-focus:rgba(26,115,232,var(--md-sys-state-focus-opacity));--m3-state-layer-primary-pressed:rgba(26,115,232,var(--md-sys-state-pressed-opacity));--m3-state-layer-on-surface:rgba(28,27,31,var(--md-sys-state-hover-opacity));--m3-state-layer-on-surface-focus:rgba(28,27,31,var(--md-sys-state-focus-opacity));--m3-state-layer-on-surface-pressed:rgba(28,27,31,var(--md-sys-state-pressed-opacity));--m3-achievement-gold:#fbbf24;--m3-achievement-silver:#94a3b8;--m3-achievement-bronze:#ea580c;--m3-streak-flame:#f97316;--m3-streak-container:#fff7ed;--m3-hydration:#06b6d4;--m3-hydration-container:#cffafe;--m3-on-hydration:#fff;--m3-on-hydration-container:#083344;--m3-weight-loss:var(--m3-success);--m3-weight-gain:var(--m3-error);--m3-weight-maintain:var(--md-sys-color-primary);--m3-primary-alpha-10:#1a73e81a;--m3-primary-alpha-20:#1a73e833;--m3-primary-alpha-40:#1a73e866;--m3-primary-alpha-60:#1a73e899;--m3-surface-alpha-80:#fefbffcc;--m3-surface-alpha-90:#fefbffe6;--m3-surface-alpha-95:#fefbfff2;--m3-gradient-primary:linear-gradient(135deg,var(--md-sys-color-primary)0%,#4285f4 100%);--m3-gradient-secondary:linear-gradient(135deg,var(--md-sys-color-secondary)0%,#26a69a 100%);--m3-gradient-surface:linear-gradient(180deg,var(--md-sys-color-surface-container-low)0%,var(--md-sys-color-surface)100%);--m3-gradient-surface-radial:radial-gradient(ellipse at top,var(--md-sys-color-surface-container-low)0%,var(--md-sys-color-surface)70%);--m3-shimmer-gradient:linear-gradient(90deg,var(--md-sys-color-surface-container)0%,var(--md-sys-color-surface-container-high)50%,var(--md-sys-color-surface-container)100%)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--md-sys-color-primary:#a8c7fa;--md-sys-color-on-primary:#062e6f;--md-sys-color-primary-container:#1b4fb8;--md-sys-color-on-primary-container:#d3e3fd;--md-sys-color-primary-fixed:#d3e3fd;--md-sys-color-primary-fixed-dim:#a8c7fa;--md-sys-color-on-primary-fixed:#041e49;--md-sys-color-on-primary-fixed-variant:#185abc;--md-sys-color-secondary:#4dd9cb;--md-sys-color-on-secondary:#003731;--md-sys-color-secondary-container:#00504a;--md-sys-color-on-secondary-container:#a7f3ec;--md-sys-color-tertiary:#f9c355;--md-sys-color-on-tertiary:#452b00;--md-sys-color-tertiary-container:#623f00;--md-sys-color-on-tertiary-container:#ffddb1;--md-sys-color-error:#ffb4ab;--md-sys-color-on-error:#690005;--md-sys-color-error-container:#93000a;--md-sys-color-on-error-container:#ffdad6;--md-sys-color-surface:#131316;--md-sys-color-on-surface:#e5e1e6;--md-sys-color-surface-variant:#44474f;--md-sys-color-on-surface-variant:#c4c6d0;--md-sys-color-surface-container-lowest:#0e0e11;--md-sys-color-surface-container-low:#1c1b1f;--md-sys-color-surface-container:#201f23;--md-sys-color-surface-container-high:#2b2a2e;--md-sys-color-surface-container-highest:#363539;--md-sys-color-surface-dim:#131316;--md-sys-color-surface-bright:#3a393d;--md-sys-color-outline:#8e9099;--md-sys-color-outline-variant:#44474f;--md-sys-color-inverse-surface:#e5e1e6;--md-sys-color-inverse-on-surface:#303033;--md-sys-color-inverse-primary:#185abc;--m3-success:#4ade80;--m3-success-container:#166534;--m3-on-success:#052e16;--m3-on-success-container:#dcfce7;--m3-warning:#fbbf24;--m3-warning-container:#92400e;--m3-on-warning:#422006;--m3-on-warning-container:#fef3c7;--m3-protein:#4ade80;--m3-protein-container:#166534;--m3-on-protein:#052e16;--m3-on-protein-container:#dcfce7;--m3-carbs:#38bdf8;--m3-carbs-container:#075985;--m3-on-carbs:#082f49;--m3-on-carbs-container:#e0f2fe;--m3-fat:#fbbf24;--m3-fat-container:#92400e;--m3-on-fat:#422006;--m3-on-fat-container:#fef3c7;--m3-hydration:#22d3ee;--m3-hydration-container:#164e63;--m3-on-hydration:#083344;--m3-on-hydration-container:#cffafe;--m3-streak-flame:#fb923c;--m3-streak-container:#7c2d12;--m3-primary-rgb:168,199,250;--m3-primary-alpha-10:#a8c7fa1a;--m3-primary-alpha-20:#a8c7fa33;--m3-primary-alpha-40:#a8c7fa66;--m3-primary-alpha-60:#a8c7fa99;--m3-surface-alpha-80:#131316cc;--m3-surface-alpha-90:#131316e6;--m3-surface-alpha-95:#131316f2;--m3-shimmer-gradient:linear-gradient(90deg,var(--md-sys-color-surface-container)0%,var(--md-sys-color-surface-container-high)50%,var(--md-sys-color-surface-container)100%)}}[data-theme=dark]{--md-sys-color-primary:#a8c7fa;--md-sys-color-on-primary:#062e6f;--md-sys-color-primary-container:#1b4fb8;--md-sys-color-on-primary-container:#d3e3fd;--md-sys-color-secondary:#4dd9cb;--md-sys-color-on-secondary:#003731;--md-sys-color-secondary-container:#00504a;--md-sys-color-on-secondary-container:#a7f3ec;--md-sys-color-tertiary:#f9c355;--md-sys-color-on-tertiary:#452b00;--md-sys-color-tertiary-container:#623f00;--md-sys-color-on-tertiary-container:#ffddb1;--md-sys-color-error:#ffb4ab;--md-sys-color-on-error:#690005;--md-sys-color-error-container:#93000a;--md-sys-color-on-error-container:#ffdad6;--md-sys-color-surface:#131316;--md-sys-color-on-surface:#e5e1e6;--md-sys-color-surface-variant:#44474f;--md-sys-color-on-surface-variant:#c4c6d0;--md-sys-color-surface-container-lowest:#0e0e11;--md-sys-color-surface-container-low:#1c1b1f;--md-sys-color-surface-container:#201f23;--md-sys-color-surface-container-high:#2b2a2e;--md-sys-color-surface-container-highest:#363539;--md-sys-color-surface-dim:#131316;--md-sys-color-surface-bright:#3a393d;--md-sys-color-outline:#8e9099;--md-sys-color-outline-variant:#44474f;--md-sys-color-inverse-surface:#e5e1e6;--md-sys-color-inverse-on-surface:#303033;--md-sys-color-inverse-primary:#185abc;--m3-primary-rgb:168,199,250}:root{--color-primary-500:var(--md-sys-color-primary);--surface-base:var(--md-sys-color-surface);--surface-secondary:var(--md-sys-color-surface-container-low);--surface-tertiary:var(--md-sys-color-surface-container);--surface-elevated:var(--md-sys-color-surface-container-high);--text-primary:var(--md-sys-color-on-surface);--text-secondary:var(--md-sys-color-on-surface-variant);--border-default:var(--md-sys-color-outline-variant);--border-subtle:var(--md-sys-color-surface-container-highest);--m3-font-plain:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--m3-font-brand:"Inter",var(--m3-font-plain);--m3-font-mono:"JetBrains Mono","SF Mono","Fira Code","Consolas",monospace;--m3-display-large-size:3.5625rem;--m3-display-large-line:4rem;--m3-display-large-weight:400;--m3-display-large-tracking:-.25px;--m3-display-medium-size:2.8125rem;--m3-display-medium-line:3.25rem;--m3-display-medium-weight:400;--m3-display-medium-tracking:0;--m3-display-small-size:2.25rem;--m3-display-small-line:2.75rem;--m3-display-small-weight:400;--m3-display-small-tracking:0;--m3-headline-large-size:2rem;--m3-headline-large-line:2.5rem;--m3-headline-large-weight:400;--m3-headline-large-tracking:0;--m3-headline-medium-size:1.75rem;--m3-headline-medium-line:2.25rem;--m3-headline-medium-weight:400;--m3-headline-medium-tracking:0;--m3-headline-small-size:1.5rem;--m3-headline-small-line:2rem;--m3-headline-small-weight:400;--m3-headline-small-tracking:0;--m3-title-large-size:1.375rem;--m3-title-large-line:1.75rem;--m3-title-large-weight:400;--m3-title-large-tracking:0;--m3-title-medium-size:1rem;--m3-title-medium-line:1.5rem;--m3-title-medium-weight:500;--m3-title-medium-tracking:.15px;--m3-title-small-size:.875rem;--m3-title-small-line:1.25rem;--m3-title-small-weight:500;--m3-title-small-tracking:.1px;--m3-body-large-size:1rem;--m3-body-large-line:1.5rem;--m3-body-large-weight:400;--m3-body-large-tracking:.5px;--m3-body-medium-size:.875rem;--m3-body-medium-line:1.25rem;--m3-body-medium-weight:400;--m3-body-medium-tracking:.25px;--m3-body-small-size:.75rem;--m3-body-small-line:1rem;--m3-body-small-weight:400;--m3-body-small-tracking:.4px;--m3-label-large-size:.875rem;--m3-label-large-line:1.25rem;--m3-label-large-weight:500;--m3-label-large-tracking:.1px;--m3-label-medium-size:.75rem;--m3-label-medium-line:1rem;--m3-label-medium-weight:500;--m3-label-medium-tracking:.5px;--m3-label-small-size:.6875rem;--m3-label-small-line:1rem;--m3-label-small-weight:500;--m3-label-small-tracking:.5px;--m3-fluid-display-large:clamp(2.5rem,5vw + 1rem,3.5625rem);--m3-fluid-display-medium:clamp(2rem,4vw + .5rem,2.8125rem);--m3-fluid-display-small:clamp(1.75rem,3vw + .5rem,2.25rem);--m3-fluid-headline-large:clamp(1.75rem,2.5vw + .5rem,2rem);--m3-fluid-headline-medium:clamp(1.5rem,2vw + .5rem,1.75rem);--m3-fluid-headline-small:clamp(1.25rem,1.5vw + .5rem,1.5rem);--m3-fluid-title-large:clamp(1.25rem,1vw + .5rem,1.375rem)}.m3-display-large{font-family:var(--m3-font-brand);font-size:var(--m3-display-large-size);line-height:var(--m3-display-large-line);font-weight:var(--m3-display-large-weight);letter-spacing:var(--m3-display-large-tracking)}.m3-display-medium{font-family:var(--m3-font-brand);font-size:var(--m3-display-medium-size);line-height:var(--m3-display-medium-line);font-weight:var(--m3-display-medium-weight);letter-spacing:var(--m3-display-medium-tracking)}.m3-display-small{font-family:var(--m3-font-brand);font-size:var(--m3-display-small-size);line-height:var(--m3-display-small-line);font-weight:var(--m3-display-small-weight);letter-spacing:var(--m3-display-small-tracking)}.m3-headline-large{font-family:var(--m3-font-brand);font-size:var(--m3-headline-large-size);line-height:var(--m3-headline-large-line);font-weight:var(--m3-headline-large-weight);letter-spacing:var(--m3-headline-large-tracking)}.m3-headline-medium{font-family:var(--m3-font-brand);font-size:var(--m3-headline-medium-size);line-height:var(--m3-headline-medium-line);font-weight:var(--m3-headline-medium-weight);letter-spacing:var(--m3-headline-medium-tracking)}.m3-headline-small{font-family:var(--m3-font-brand);font-size:var(--m3-headline-small-size);line-height:var(--m3-headline-small-line);font-weight:var(--m3-headline-small-weight);letter-spacing:var(--m3-headline-small-tracking)}.m3-title-large{font-family:var(--m3-font-plain);font-size:var(--m3-title-large-size);line-height:var(--m3-title-large-line);font-weight:var(--m3-title-large-weight);letter-spacing:var(--m3-title-large-tracking)}.m3-title-medium{font-family:var(--m3-font-plain);font-size:var(--m3-title-medium-size);line-height:var(--m3-title-medium-line);font-weight:var(--m3-title-medium-weight);letter-spacing:var(--m3-title-medium-tracking)}.m3-title-small{font-family:var(--m3-font-plain);font-size:var(--m3-title-small-size);line-height:var(--m3-title-small-line);font-weight:var(--m3-title-small-weight);letter-spacing:var(--m3-title-small-tracking)}.m3-body-large{font-family:var(--m3-font-plain);font-size:var(--m3-body-large-size);line-height:var(--m3-body-large-line);font-weight:var(--m3-body-large-weight);letter-spacing:var(--m3-body-large-tracking)}.m3-body-medium{font-family:var(--m3-font-plain);font-size:var(--m3-body-medium-size);line-height:var(--m3-body-medium-line);font-weight:var(--m3-body-medium-weight);letter-spacing:var(--m3-body-medium-tracking)}.m3-body-small{font-family:var(--m3-font-plain);font-size:var(--m3-body-small-size);line-height:var(--m3-body-small-line);font-weight:var(--m3-body-small-weight);letter-spacing:var(--m3-body-small-tracking)}.m3-label-large{font-family:var(--m3-font-plain);font-size:var(--m3-label-large-size);line-height:var(--m3-label-large-line);font-weight:var(--m3-label-large-weight);letter-spacing:var(--m3-label-large-tracking)}.m3-label-medium{font-family:var(--m3-font-plain);font-size:var(--m3-label-medium-size);line-height:var(--m3-label-medium-line);font-weight:var(--m3-label-medium-weight);letter-spacing:var(--m3-label-medium-tracking)}.m3-label-small{font-family:var(--m3-font-plain);font-size:var(--m3-label-small-size);line-height:var(--m3-label-small-line);font-weight:var(--m3-label-small-weight);letter-spacing:var(--m3-label-small-tracking)}.m3-text-on-surface{color:var(--md-sys-color-on-surface)}.m3-text-on-surface-variant{color:var(--md-sys-color-on-surface-variant)}.m3-text-on-primary{color:var(--md-sys-color-on-primary)}.m3-text-on-primary-container{color:var(--md-sys-color-on-primary-container)}.m3-text-primary{color:var(--md-sys-color-primary)}.m3-text-secondary{color:var(--md-sys-color-secondary)}.m3-text-error{color:var(--md-sys-color-error)}.m3-text-success{color:var(--m3-success)}.m3-text-warning{color:var(--m3-warning)}.m3-numeric-display{font-family:var(--m3-font-plain);font-size:var(--m3-fluid-display-medium);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-weight:600;line-height:1.1}.m3-numeric-large{font-family:var(--m3-font-plain);font-size:var(--m3-headline-large-size);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-weight:600}.m3-numeric-medium{font-family:var(--m3-font-plain);font-size:var(--m3-title-large-size);font-variant-numeric:tabular-nums;font-weight:600}.m3-numeric-small{font-family:var(--m3-font-plain);font-size:var(--m3-body-medium-size);font-variant-numeric:tabular-nums;font-weight:500}.m3-macro-label{font-family:var(--m3-font-plain);font-size:var(--m3-label-medium-size);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.m3-unit-text{font-family:var(--m3-font-plain);opacity:.7;margin-left:.15em;font-size:.75em;font-weight:400}.m3-mono{font-family:var(--m3-font-mono);font-variant-numeric:tabular-nums;font-size:.9em}.m3-truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.m3-line-clamp-2{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.m3-line-clamp-3{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.m3-text-left{text-align:left}.m3-text-center{text-align:center}.m3-text-right{text-align:right}.m3-uppercase{text-transform:uppercase}.m3-lowercase{text-transform:lowercase}.m3-capitalize{text-transform:capitalize}.m3-font-regular{font-weight:400}.m3-font-medium{font-weight:500}.m3-font-semibold{font-weight:600}.m3-font-bold{font-weight:700}::selection{background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}@media(max-width:599px){.m3-display-large{font-size:2.5rem;line-height:3rem}.m3-display-medium{font-size:2rem;line-height:2.5rem}.m3-headline-large{font-size:1.75rem;line-height:2.25rem}}@media(min-width:600px)and (max-width:839px){.m3-display-large{font-size:3rem;line-height:3.5rem}}@media(prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}:root{--m3-elevation-0:var(--md-sys-color-surface);--m3-elevation-1:var(--md-sys-color-surface-container-low);--m3-elevation-2:var(--md-sys-color-surface-container);--m3-elevation-3:var(--md-sys-color-surface-container-high);--m3-elevation-4:var(--md-sys-color-surface-container-highest);--m3-elevation-5:var(--md-sys-color-surface-container-highest);--m3-shadow-0:none;--m3-shadow-1:0 1px 2px #0000000d,0 1px 3px #0000001a;--m3-shadow-2:0 1px 2px #0000000d,0 2px 6px #0000001a,0 4px 12px #0000000d;--m3-shadow-3:0 1px 3px #00000014,0 4px 8px #0000001f,0 8px 16px #00000014;--m3-shadow-4:0 2px 4px #00000014,0 6px 12px #0000001f,0 12px 24px #0000001a;--m3-shadow-5:0 4px 8px #0000001a,0 8px 16px #0000001f,0 16px 32px #0000001f;--m3-focus-ring:0 0 0 3px var(--m3-primary-alpha-40);--m3-focus-ring-error:0 0 0 3px #dc362e66;--m3-focus-ring-success:0 0 0 3px #16a34a66;--m3-glow-primary-sm:0 0 8px var(--m3-primary-alpha-40);--m3-glow-primary-md:0 0 16px var(--m3-primary-alpha-40);--m3-glow-primary-lg:0 0 24px var(--m3-primary-alpha-40);--m3-glow-success-sm:0 0 8px #16a34a66;--m3-glow-success-md:0 0 16px #16a34a66;--m3-glow-warning-sm:0 0 8px #d9770666;--m3-glow-error-sm:0 0 8px #dc362e66;--m3-scrim:#00000052;--m3-scrim-light:#0003;--m3-scrim-heavy:#00000080;--m3-disabled-overlay:#1c1b1f1f;--m3-disabled-content:#1c1b1f61;--m3-surface-tint:var(--md-sys-color-primary);--m3-surface-tint-opacity-1:.05;--m3-surface-tint-opacity-2:.08;--m3-surface-tint-opacity-3:.11;--m3-surface-tint-opacity-4:.12;--m3-surface-tint-opacity-5:.14}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--m3-shadow-1:0 1px 3px #0003,0 1px 2px #0000004d;--m3-shadow-2:0 2px 6px #00000040,0 4px 12px #0003;--m3-shadow-3:0 4px 8px #0000004d,0 8px 16px #00000040;--m3-shadow-4:0 6px 12px #00000059,0 12px 24px #0000004d;--m3-shadow-5:0 8px 16px #0006,0 16px 32px #00000059;--m3-disabled-overlay:#e5e1e61f;--m3-disabled-content:#e5e1e661}}[data-theme=dark]{--m3-shadow-1:0 1px 3px #0003,0 1px 2px #0000004d;--m3-shadow-2:0 2px 6px #00000040,0 4px 12px #0003;--m3-shadow-3:0 4px 8px #0000004d,0 8px 16px #00000040;--m3-shadow-4:0 6px 12px #00000059,0 12px 24px #0000004d;--m3-shadow-5:0 8px 16px #0006,0 16px 32px #00000059;--m3-disabled-overlay:#e5e1e61f;--m3-disabled-content:#e5e1e661}.m3-elevation-0{background-color:var(--m3-elevation-0);box-shadow:var(--m3-shadow-0)}.m3-elevation-1{background-color:var(--m3-elevation-1);box-shadow:var(--m3-shadow-1)}.m3-elevation-2{background-color:var(--m3-elevation-2);box-shadow:var(--m3-shadow-2)}.m3-elevation-3{background-color:var(--m3-elevation-3);box-shadow:var(--m3-shadow-3)}.m3-elevation-4{background-color:var(--m3-elevation-4);box-shadow:var(--m3-shadow-4)}.m3-elevation-5{background-color:var(--m3-elevation-5);box-shadow:var(--m3-shadow-5)}.m3-shadow-1{box-shadow:var(--m3-shadow-1)}.m3-shadow-2{box-shadow:var(--m3-shadow-2)}.m3-shadow-3{box-shadow:var(--m3-shadow-3)}.m3-shadow-4{box-shadow:var(--m3-shadow-4)}.m3-shadow-5{box-shadow:var(--m3-shadow-5)}.m3-elevation-interactive{background-color:var(--m3-elevation-1);box-shadow:var(--m3-shadow-1);transition:background-color .2s cubic-bezier(.2,0,0,1),box-shadow .2s cubic-bezier(.2,0,0,1)}.m3-elevation-interactive:hover{background-color:var(--m3-elevation-2);box-shadow:var(--m3-shadow-2)}.m3-elevation-interactive:active{background-color:var(--m3-elevation-1);box-shadow:var(--m3-shadow-1)}.m3-elevation-dragging{background-color:var(--m3-elevation-4);box-shadow:var(--m3-shadow-4)}.m3-surface-card{background-color:var(--m3-elevation-1);border-radius:12px}.m3-surface-card-elevated{background-color:var(--m3-elevation-1);box-shadow:var(--m3-shadow-1);border-radius:12px}.m3-surface-card-filled{background-color:var(--md-sys-color-surface-container-highest);border-radius:12px}.m3-surface-card-outlined{background-color:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline-variant);border-radius:12px}.m3-surface-sheet{background-color:var(--m3-elevation-2);box-shadow:var(--m3-shadow-3);border-radius:28px 28px 0 0}.m3-surface-dialog{background-color:var(--m3-elevation-3);box-shadow:var(--m3-shadow-4);border-radius:28px}.m3-surface-nav{background-color:var(--m3-elevation-2)}.m3-surface-nav-elevated{background-color:var(--m3-elevation-2);box-shadow:var(--m3-shadow-2)}.m3-surface-menu{background-color:var(--m3-elevation-2);box-shadow:var(--m3-shadow-2);border-radius:4px}.m3-scrim{background-color:var(--m3-scrim);z-index:var(--z-modal-backdrop,400);position:fixed;inset:0}.m3-scrim-light{background-color:var(--m3-scrim-light)}.m3-scrim-heavy{background-color:var(--m3-scrim-heavy)}.m3-disabled{pointer-events:none;opacity:.38}.m3-disabled-container{background-color:var(--m3-disabled-overlay);color:var(--m3-disabled-content);pointer-events:none}.m3-focus-visible:focus-visible{box-shadow:var(--m3-focus-ring);outline:none}.m3-focus-visible-inset:focus-visible{box-shadow:inset 0 0 0 2px var(--md-sys-color-primary);outline:none}.m3-glass{background:var(--m3-surface-alpha-80);-webkit-backdrop-filter:blur(20px)}.m3-glass-subtle{background:var(--m3-surface-alpha-90);-webkit-backdrop-filter:blur(12px)}.m3-glass-heavy{background:var(--m3-surface-alpha-95);-webkit-backdrop-filter:blur(32px)}:root{--m3-shape-none:0;--m3-shape-extra-small:4px;--m3-shape-small:8px;--m3-shape-medium:12px;--m3-shape-large:16px;--m3-shape-extra-large:28px;--m3-shape-full:9999px;--m3-shape-button:var(--m3-shape-full);--m3-shape-fab:var(--m3-shape-large);--m3-shape-fab-extended:var(--m3-shape-large);--m3-shape-card:var(--m3-shape-medium);--m3-shape-chip:var(--m3-shape-small);--m3-shape-dialog:var(--m3-shape-extra-large);--m3-shape-sheet:var(--m3-shape-extra-large);--m3-shape-menu:var(--m3-shape-extra-small);--m3-shape-text-field:var(--m3-shape-extra-small)}.m3-rounded-none{border-radius:var(--m3-shape-none)}.m3-rounded-xs{border-radius:var(--m3-shape-extra-small)}.m3-rounded-sm{border-radius:var(--m3-shape-small)}.m3-rounded-md{border-radius:var(--m3-shape-medium)}.m3-rounded-lg{border-radius:var(--m3-shape-large)}.m3-rounded-xl{border-radius:var(--m3-shape-extra-large)}.m3-rounded-full{border-radius:var(--m3-shape-full)}:root{--m3-bp-compact-max:599px;--m3-bp-medium-min:600px;--m3-bp-medium-max:839px;--m3-bp-expanded-min:840px;--m3-bp-expanded-max:1199px;--m3-bp-large-min:1200px;--m3-bp-large-max:1599px;--m3-bp-xlarge-min:1600px;--m3-content-compact:100%;--m3-content-medium:600px;--m3-content-expanded:840px;--m3-content-large:1040px;--m3-content-xlarge:1280px;--m3-content-max:1400px;--m3-nav-bar-height:80px;--m3-nav-rail-width:80px;--m3-nav-drawer-width:360px;--m3-bottom-nav-height:80px;--m3-top-app-bar-small:64px;--m3-top-app-bar-medium:112px;--m3-top-app-bar-large:152px;--m3-columns-compact:4;--m3-columns-medium:8;--m3-columns-expanded:12;--m3-margin-compact:16px;--m3-margin-medium:24px;--m3-margin-expanded:24px;--m3-margin-large:24px;--m3-gutter-compact:8px;--m3-gutter-medium:16px;--m3-gutter-expanded:24px;--m3-columns:var(--m3-columns-compact);--m3-margin:var(--m3-margin-compact);--m3-gutter:var(--m3-gutter-compact)}@media(max-width:599px){:root{--m3-columns:var(--m3-columns-compact);--m3-margin:var(--m3-margin-compact);--m3-gutter:var(--m3-gutter-compact);--m3-current-bp:"compact"}.m3-hide-compact{display:none!important}.m3-show-compact{display:block!important}.m3-show-compact-flex{display:flex!important}.m3-show-compact-grid{display:grid!important}}@media(min-width:600px)and (max-width:839px){:root{--m3-columns:var(--m3-columns-medium);--m3-margin:var(--m3-margin-medium);--m3-gutter:var(--m3-gutter-medium);--m3-current-bp:"medium"}.m3-hide-medium{display:none!important}.m3-show-medium{display:block!important}.m3-show-medium-flex{display:flex!important}.m3-show-medium-grid{display:grid!important}}@media(min-width:840px)and (max-width:1199px){:root{--m3-columns:var(--m3-columns-expanded);--m3-margin:var(--m3-margin-expanded);--m3-gutter:var(--m3-gutter-expanded);--m3-current-bp:"expanded"}.m3-hide-expanded{display:none!important}.m3-show-expanded{display:block!important}.m3-show-expanded-flex{display:flex!important}.m3-show-expanded-grid{display:grid!important}}@media(min-width:1200px)and (max-width:1599px){:root{--m3-columns:var(--m3-columns-expanded);--m3-margin:var(--m3-margin-large);--m3-gutter:var(--m3-gutter-expanded);--m3-current-bp:"large"}.m3-hide-large{display:none!important}.m3-show-large{display:block!important}.m3-show-large-flex{display:flex!important}.m3-show-large-grid{display:grid!important}}@media(min-width:1600px){:root{--m3-columns:var(--m3-columns-expanded);--m3-margin:var(--m3-margin-large);--m3-gutter:var(--m3-gutter-expanded);--m3-current-bp:"xlarge"}.m3-hide-xlarge{display:none!important}.m3-show-xlarge{display:block!important}.m3-show-xlarge-flex{display:flex!important}.m3-show-xlarge-grid{display:grid!important}}@media(max-width:599px){.m3-mobile-only{display:block}}@media(min-width:600px){.m3-mobile-only{display:none!important}}@media(max-width:599px){.m3-tablet-up{display:none!important}}@media(min-width:600px){.m3-tablet-up{display:block}.m3-tablet-up-flex{display:flex}.m3-tablet-up-grid{display:grid}}@media(max-width:839px){.m3-desktop-up{display:none!important}}@media(min-width:840px){.m3-desktop-up{display:block}.m3-desktop-up-flex{display:flex}.m3-desktop-up-grid{display:grid}}@media(max-width:1199px){.m3-large-up{display:none!important}}@media(min-width:1200px){.m3-large-up{display:block}.m3-large-up-flex{display:flex}.m3-large-up-grid{display:grid}}.m3-container{container-type:inline-size}.m3-container-named{container:main/inline-size}.m3-widget-container{container:widget/inline-size}.m3-card-container{container:card/inline-size}@container (min-width:200px){.m3-cq-200-show{display:block}.m3-cq-200-hide{display:none}}@container (min-width:300px){.m3-cq-300-show{display:block}.m3-cq-300-hide{display:none}.m3-cq-300-flex{display:flex}}@container (min-width:400px){.m3-cq-400-show{display:block}.m3-cq-400-hide{display:none}.m3-cq-400-flex{display:flex}.m3-cq-400-grid{display:grid}}@container (min-width:500px){.m3-cq-500-show{display:block}.m3-cq-500-hide{display:none}.m3-cq-500-2col{grid-template-columns:repeat(2,1fr)}}@container (min-width:600px){.m3-cq-600-show{display:block}.m3-cq-600-hide{display:none}.m3-cq-600-2col{grid-template-columns:repeat(2,1fr)}.m3-cq-600-3col{grid-template-columns:repeat(3,1fr)}}@container (min-width:800px){.m3-cq-800-show{display:block}.m3-cq-800-hide{display:none}.m3-cq-800-3col{grid-template-columns:repeat(3,1fr)}.m3-cq-800-4col{grid-template-columns:repeat(4,1fr)}}@container widget (max-width:199px){.widget-compact{display:block}.widget-expanded{display:none}}@container widget (min-width:200px){.widget-compact{display:none}.widget-expanded{display:block}}.m3-grid{gap:var(--m3-gutter);padding-inline:var(--m3-margin);display:grid}.m3-grid-auto{gap:var(--m3-gutter);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.m3-grid-2{gap:var(--m3-gutter);grid-template-columns:repeat(2,1fr);display:grid}.m3-grid-3{gap:var(--m3-gutter);grid-template-columns:repeat(3,1fr);display:grid}.m3-grid-4{gap:var(--m3-gutter);grid-template-columns:repeat(4,1fr);display:grid}.m3-grid-responsive{gap:var(--m3-gutter);grid-template-columns:repeat(var(--m3-columns),1fr);display:grid}.m3-flex{display:flex}.m3-flex-col{flex-direction:column}.m3-flex-row{flex-direction:row}.m3-flex-wrap{flex-wrap:wrap}.m3-flex-nowrap{flex-wrap:nowrap}.m3-items-start{align-items:flex-start}.m3-items-center{align-items:center}.m3-items-end{align-items:flex-end}.m3-items-stretch{align-items:stretch}.m3-justify-start{justify-content:flex-start}.m3-justify-center{justify-content:center}.m3-justify-end{justify-content:flex-end}.m3-justify-between{justify-content:space-between}.m3-justify-around{justify-content:space-around}.m3-gap-0{gap:0}.m3-gap-1{gap:4px}.m3-gap-2{gap:8px}.m3-gap-3{gap:12px}.m3-gap-4{gap:16px}.m3-gap-6{gap:24px}.m3-gap-8{gap:32px}.m3-flex-1{flex:1}.m3-flex-auto{flex:auto}.m3-flex-none{flex:none}.m3-shrink-0{flex-shrink:0}.m3-grow-0{flex-grow:0}.m3-m-0{margin:0}.m3-m-1{margin:4px}.m3-m-2{margin:8px}.m3-m-3{margin:12px}.m3-m-4{margin:16px}.m3-m-6{margin:24px}.m3-m-8{margin:32px}.m3-m-auto{margin:auto}.m3-mx-auto{margin-inline:auto}.m3-my-auto{margin-block:auto}.m3-mt-0{margin-top:0}.m3-mt-2{margin-top:8px}.m3-mt-4{margin-top:16px}.m3-mt-6{margin-top:24px}.m3-mt-8{margin-top:32px}.m3-mb-0{margin-bottom:0}.m3-mb-2{margin-bottom:8px}.m3-mb-4{margin-bottom:16px}.m3-mb-6{margin-bottom:24px}.m3-mb-8{margin-bottom:32px}.m3-ml-auto{margin-left:auto}.m3-mr-auto{margin-right:auto}.m3-p-0{padding:0}.m3-p-1{padding:4px}.m3-p-2{padding:8px}.m3-p-3{padding:12px}.m3-p-4{padding:16px}.m3-p-6{padding:24px}.m3-p-8{padding:32px}.m3-px-0{padding-inline:0}.m3-px-2{padding-inline:8px}.m3-px-4{padding-inline:16px}.m3-px-6{padding-inline:24px}.m3-py-0{padding-block:0}.m3-py-2{padding-block:8px}.m3-py-4{padding-block:16px}.m3-py-6{padding-block:24px}.m3-page{min-height:100dvh;padding-inline:var(--m3-margin);padding-block:var(--m3-margin)}.m3-page-with-nav{min-height:100dvh;padding-inline:var(--m3-margin);padding-top:var(--m3-margin);padding-bottom:calc(var(--m3-bottom-nav-height) + var(--m3-margin) + env(safe-area-inset-bottom,0px))}.m3-content-centered{max-width:var(--m3-content-max);width:100%;margin-inline:auto}.m3-shell-rail{grid-template-columns:var(--m3-nav-rail-width)1fr;min-height:100dvh;display:grid}.m3-shell-drawer{grid-template-columns:var(--m3-nav-drawer-width)1fr;min-height:100dvh;display:grid}.m3-master-detail{gap:var(--m3-gutter);grid-template-columns:1fr;display:grid}@media(min-width:840px){.m3-master-detail{grid-template-columns:360px 1fr}}@media(min-width:1200px){.m3-master-detail{grid-template-columns:400px 1fr}}.m3-safe-top{padding-top:env(safe-area-inset-top,0px)}.m3-safe-bottom{padding-bottom:env(safe-area-inset-bottom,0px)}.m3-safe-left{padding-left:env(safe-area-inset-left,0px)}.m3-safe-right{padding-right:env(safe-area-inset-right,0px)}.m3-safe-all{padding-top:env(safe-area-inset-top,0px);padding-right:env(safe-area-inset-right,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px)}.m3-w-full{width:100%}.m3-w-auto{width:auto}.m3-w-screen{width:100%;max-width:100vw}.m3-max-w-full{max-width:100%}.m3-max-w-content{max-width:var(--m3-content-max)}.m3-h-full{height:100%}.m3-h-auto{height:auto}.m3-h-screen{height:100vh}.m3-h-dvh{height:100dvh}.m3-min-h-screen{min-height:100vh}.m3-min-h-dvh{min-height:100dvh}.m3-aspect-square{aspect-ratio:1}.m3-aspect-video{aspect-ratio:16/9}.m3-aspect-photo{aspect-ratio:4/3}.m3-aspect-portrait{aspect-ratio:3/4}.m3-adaptive{background-color:var(--m3-surface,#fffbfe);flex-direction:column;min-height:100dvh;display:flex}.m3-app-layout{flex:1;display:flex;overflow:hidden}.m3-main{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;display:flex;overflow:hidden auto}.m3-main__content{padding:16px;padding-bottom:calc(96px + env(safe-area-inset-bottom));flex:1}.m3-top-bar{z-index:100;background-color:var(--m3-surface,#fffbfe);height:64px;transition:box-shadow .2s var(--m3-motion-easing-standard,ease),background-color .2s var(--m3-motion-easing-standard,ease);align-items:center;gap:16px;padding:0 16px;display:flex;position:sticky;top:0}.m3-top-bar--scrolled{box-shadow:var(--m3-elevation-2);background-color:var(--m3-surface-container,#f3edf3)}.m3-top-bar__leading{align-items:center;display:flex}.m3-top-bar__title{font-family:var(--m3-typescale-title-large-font,inherit);font-size:var(--m3-typescale-title-large-size,22px);font-weight:var(--m3-typescale-title-large-weight,400);line-height:var(--m3-typescale-title-large-line-height,28px);color:var(--m3-on-surface,#1c1b1f);white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;overflow:hidden}.m3-top-bar__actions{align-items:center;gap:4px;display:flex}.m3-top-bar__btn{border-radius:var(--m3-shape-full,20px);width:40px;height:40px;color:var(--m3-on-surface,#1c1b1f);cursor:pointer;transition:background-color .2s var(--m3-motion-easing-standard,ease);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.m3-top-bar__btn:focus-visible{outline:2px solid var(--m3-primary,#65c466);outline-offset:2px}.m3-top-bar--large .m3-top-bar__row{align-items:center;width:100%;height:64px;display:flex}.m3-top-bar--large .m3-top-bar__title{font-family:var(--m3-typescale-headline-medium-font,inherit);font-size:var(--m3-typescale-headline-medium-size,28px);line-height:var(--m3-typescale-headline-medium-line-height,36px)}.m3-dual-pane{height:100%;display:flex}.m3-dual-pane__primary{border-right:1px solid var(--m3-outline-variant,#cac4d0);flex:1;min-width:0;overflow-y:auto}.m3-dual-pane__secondary{background-color:var(--m3-surface-container-low,#f7f2f7);flex:1;min-width:0;overflow-y:auto}@media(max-width:839px){.m3-dual-pane{flex-direction:column}.m3-dual-pane__primary{border-right:none;border-bottom:1px solid var(--m3-outline-variant,#cac4d0)}.m3-dual-pane__secondary{flex:2}.m3-dual-pane--overlay .m3-dual-pane__secondary{z-index:200;background-color:var(--m3-surface,#fffbfe);position:fixed;inset:0}}.m3-side-sheet{background-color:var(--m3-surface,#fffbfe);width:360px;max-width:100%;box-shadow:var(--m3-elevation-3);z-index:300;transition:transform .3s var(--m3-motion-easing-emphasized,ease);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.m3-side-sheet__header{border-bottom:1px solid var(--m3-outline-variant,#cac4d0);align-items:center;gap:16px;height:72px;padding:0 24px;display:flex}.m3-side-sheet__title{font-family:var(--m3-typescale-title-large-font,inherit);font-size:var(--m3-typescale-title-large-size,22px);font-weight:var(--m3-typescale-title-large-weight,400);color:var(--m3-on-surface,#1c1b1f);flex:1;margin:0}.m3-side-sheet__content{flex:1;padding:24px;overflow-y:auto}.m3-side-sheet__backdrop{z-index:299;opacity:0;visibility:hidden;transition:opacity .3s var(--m3-motion-easing-standard,ease),visibility .3s var(--m3-motion-easing-standard,ease);background-color:#00000052;position:fixed;inset:0}@media(min-width:840px){.m3-side-sheet--docked{box-shadow:none;border-left:1px solid var(--m3-outline-variant,#cac4d0);position:relative;transform:none}.m3-side-sheet--docked+.m3-side-sheet__backdrop{display:none}}.m3-section__header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;padding:0 4px;display:flex}.m3-section__title{font-family:var(--m3-typescale-title-small-font,inherit);font-size:var(--m3-typescale-title-small-size,14px);font-weight:var(--m3-typescale-title-small-weight,500);letter-spacing:var(--m3-typescale-title-small-tracking,.1px);color:var(--m3-on-surface-variant,#49454f);text-transform:uppercase;margin:0}.m3-section__action{font-size:var(--m3-typescale-label-large-size,14px);font-weight:var(--m3-typescale-label-large-weight,500);color:var(--m3-primary,#65c466);text-decoration:none}.m3-grid{grid-template-columns:repeat(auto-fill,minmax(var(--grid-min-width,280px),1fr));gap:16px;display:grid}.m3-scroll-area{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--m3-outline-variant)transparent;overflow:hidden auto}.m3-scroll-area::-webkit-scrollbar-track{background:0 0}.m3-scroll-area::-webkit-scrollbar-thumb{background-color:var(--m3-outline-variant,#cac4d0);border-radius:4px}.m3-scroll-area::-webkit-scrollbar-thumb:hover{background-color:var(--m3-outline,#79747e)}.m3-container{container:main/inline-size}@container main (min-width:600px){.m3-cq-hidden-medium{display:none}}@container main (max-width:599px){.m3-cq-only-medium{display:none}}[data-theme=dark] .m3-adaptive,[data-theme=dark] .m3-top-bar{background-color:var(--m3-surface,#141218)}[data-theme=dark] .m3-top-bar--scrolled{background-color:var(--m3-surface-container,#211f26)}[data-theme=dark] .m3-side-sheet{background-color:var(--m3-surface,#141218)}[data-theme=dark] .m3-dual-pane__secondary{background-color:var(--m3-surface-container-low,#1d1b20)}.m3-skip-links{z-index:10000;flex-direction:column;gap:4px;padding:8px;display:flex;position:fixed;top:0;left:0}.m3-skip-link{background:var(--m3-primary);color:var(--m3-on-primary);box-shadow:var(--m3-elevation-3);border-radius:8px;padding:12px 24px;font-size:14px;font-weight:500;text-decoration:none;transition:transform .2s cubic-bezier(0,0,.2,1);position:absolute;transform:translateY(-200%)}.m3-skip-link:focus{outline:none;transform:translateY(0)}.m3-visually-hidden,.m3-visually-hidden-focusable:not(:focus):not(:focus-within){clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.m3-focus-visible,:focus-visible{outline:3px solid var(--m3-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}@media(prefers-contrast:more){:focus-visible{outline-offset:3px;outline:3px solid}}.m3-touch-target{justify-content:center;align-items:center;min-width:48px;min-height:48px;display:inline-flex}.m3-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media(prefers-contrast:more){.m3-card,.m3-button,.m3-textfield,.m3-chip,input,select,textarea,button{border:2px solid!important}body{color:canvastext;background:canvas}a{color:linktext}*{box-shadow:none!important}}@media(forced-colors:active){.m3-button{border:1px solid buttontext}.m3-button--filled{color:buttontext;background-color:buttonface}.m3-button--filled:hover{color:highlighttext;background-color:highlight}.m3-button:disabled{color:graytext;border-color:graytext}.m3-chip{border:1px solid}.m3-chip--selected{color:highlighttext;background-color:highlight}.m3-textfield__input{border:1px solid buttontext}.m3-textfield__input:focus{border-color:highlight;outline:2px solid highlight}.m3-progress-ring__progress{stroke:highlight}.m3-card{border:1px solid canvastext}a{color:linktext;text-decoration:underline}a:visited{color:visitedtext}:focus{outline-offset:2px;outline:2px solid highlight}}.m3-live-region{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.m3-status{border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;display:inline-flex}.m3-error-message{color:var(--m3-error);align-items:center;gap:4px;margin-top:4px;font-size:12px;display:flex}.m3-error-message:before{content:"";background:currentColor;width:16px;height:16px;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='12' y1='8' x2='12' y2='12'/%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='12' y1='8' x2='12' y2='12'/%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain}.m3-debug-landmarks [role=main],.m3-debug-landmarks main{outline:2px dashed #00f}.m3-debug-landmarks [role=complementary],.m3-debug-landmarks aside{outline:2px dashed #0ff}.m3-keyboard-nav :focus{outline:3px solid var(--m3-primary);outline-offset:2px}.m3-underlined-links a{text-underline-offset:2px;text-decoration:underline}.m3-loading-indicator{align-items:center;gap:8px;display:inline-flex}.m3-loading-spinner{border:2px solid;border-top-color:#0000;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite m3-spin}@media(prefers-reduced-motion:reduce){.m3-loading-spinner{border-style:dotted;animation:none}}.m3-a11y-scrollbar{scrollbar-width:thin;scrollbar-color:var(--m3-outline)transparent}.m3-a11y-scrollbar::-webkit-scrollbar-track{background:0 0}.m3-a11y-scrollbar::-webkit-scrollbar-thumb{background:var(--m3-outline);background-clip:padding-box;border:3px solid #0000;border-radius:6px}.m3-a11y-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--m3-on-surface-variant);background-clip:padding-box;border:3px solid #0000}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}:root{--color-primary-50: #eff6ff;--color-primary-100: #dbeafe;--color-primary-200: #bfdbfe;--color-primary-300: #93c5fd;--color-primary-400: #60a5fa;--color-primary-500: #3b82f6;--color-primary-600: #2563eb;--color-primary-700: #1d4ed8;--color-primary-800: #1e40af;--color-primary-900: #1e3a8a;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-gray-950: #030712;--color-success-light: #dcfce7;--color-success: #22c55e;--color-success-dark: #16a34a;--color-warning-light: #fef3c7;--color-warning: #f59e0b;--color-error-light: #fee2e2;--color-error: #ef4444;--color-error-dark: #dc2626;--color-info-light: #dbeafe;--color-info: #3b82f6;--color-info-dark: #2563eb;--color-protein: #22c55e;--color-protein-bg: rgba(34, 197, 94, .1);--color-carbs: #0ea5e9;--color-carbs-bg: rgba(14, 165, 233, .1);--color-fat: #f59e0b;--color-fat-bg: rgba(245, 158, 11, .1);--color-calories: #3b82f6;--color-calories-bg: rgba(59, 130, 246, .1);--macro-protein: var(--color-protein);--macro-carb: var(--color-carbs);--macro-carb-dark: #0284c7;--macro-fat: var(--color-fat);--surface-base: #ffffff;--surface-secondary: #f9fafb;--surface-tertiary: #f3f4f6;--surface-elevated: #ffffff;--surface-overlay: rgba(0, 0, 0, .5);--surface-interactive: #f3f4f6;--surface-interactive-hover: #e5e7eb;--overlay-light-5: rgba(255, 255, 255, .05);--overlay-light-10: rgba(255, 255, 255, .1);--overlay-light-20: rgba(255, 255, 255, .2);--overlay-light-50: rgba(255, 255, 255, .5);--overlay-light-80: rgba(255, 255, 255, .8);--overlay-dark-5: rgba(0, 0, 0, .05);--overlay-dark-10: rgba(0, 0, 0, .1);--overlay-dark-20: rgba(0, 0, 0, .2);--overlay-dark-50: rgba(0, 0, 0, .5);--overlay-dark-80: rgba(0, 0, 0, .8);--text-primary: #111827;--text-secondary: #4b5563;--text-tertiary: #9ca3af;--text-disabled: #d1d5db;--border-subtle: #f3f4f6;--border-default: #e5e7eb;--border-strong: #d1d5db;--border-focus: var(--color-primary-500);--primary: var(--color-primary-500);--primary-hover: var(--color-primary-600);--primary-light: var(--color-primary-100);--primary-dark: var(--color-primary-700);--success: var(--color-success);--success-light: var(--color-success-light);--warning: var(--color-warning);--warning-light: var(--color-warning-light);--danger: var(--color-error);--danger-light: var(--color-error-light);--info: var(--color-info);--info-light: var(--color-info-light);--gradient-blue: linear-gradient( 135deg, var(--color-primary-500), var(--color-primary-600) );--gradient-primary: var(--gradient-blue);--shadow-glow-blue: 0 4px 20px rgba(59, 130, 246, .3);--primary-blue-glow: rgba(59, 130, 246, .15);--surface-raised: var(--surface-base);--bg-hover: var(--surface-interactive-hover);--border-hover: var(--color-primary-400);--text-blue: var(--color-primary-500);--text-on-primary: #ffffff;--text-inverse: #ffffff;--color-fiber: #8b5cf6;--color-fiber-bg: rgba(139, 92, 246, .1);--color-warning-dark: #d97706;--spacing-xs: var(--space-1);--spacing-sm: var(--space-2);--spacing-md: var(--space-4);--spacing-lg: var(--space-6);--spacing-xl: var(--space-8);--spacing-xxl: var(--space-12);--font-size-xs: var(--text-xs);--font-size-sm: var(--text-sm);--font-size-md: var(--text-base);--font-size-lg: var(--text-lg);--font-size-xl: var(--text-xl);--border-color: var(--border-default);--bg-primary: var(--surface-base);--bg-secondary: var(--surface-secondary);--bg-tertiary: var(--surface-tertiary);--bg-primary-subtle: rgba(59, 130, 246, .1);--bg-primary-light: rgba(59, 130, 246, .15);--bg-primary-muted: rgba(59, 130, 246, .08);--bg-success-subtle: rgba(34, 197, 94, .1);--bg-success-light: rgba(34, 197, 94, .15);--bg-success-muted: rgba(16, 185, 129, .15);--bg-error-subtle: rgba(239, 68, 68, .1);--bg-error-light: rgba(239, 68, 68, .15);--bg-warning-subtle: rgba(251, 191, 36, .1);--bg-warning-light: rgba(251, 191, 36, .15);--border-primary-subtle: rgba(59, 130, 246, .2);--border-success-subtle: rgba(34, 197, 94, .2);--border-error-subtle: rgba(239, 68, 68, .2);--border-warning-subtle: rgba(251, 191, 36, .4);--bg-accent-subtle: rgba(255, 107, 53, .08);--gradient-primary-subtle: linear-gradient(135deg, rgba(59, 130, 246, .15) 0%, rgba(59, 130, 246, .08) 100%);--gradient-primary-muted: linear-gradient(135deg, rgba(59, 130, 246, .1) 0%, rgba(59, 130, 246, .05) 100%);--gradient-warning-subtle: linear-gradient(135deg, rgba(251, 191, 36, .1) 0%, rgba(245, 158, 11, .05) 100%);--gradient-success-to-surface: linear-gradient(135deg, rgba(34, 197, 94, .1) 0%, var(--surface-elevated) 100%);--gradient-error-to-surface: linear-gradient(135deg, rgba(239, 68, 68, .1) 0%, var(--surface-elevated) 100%);--gradient-warning-to-surface: linear-gradient(135deg, rgba(245, 158, 11, .1) 0%, var(--surface-elevated) 100%);--gradient-info-to-surface: linear-gradient(135deg, rgba(59, 130, 246, .1) 0%, var(--surface-elevated) 100%);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--leading-none: 1;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .05em;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--space-0: 0;--space-0-5: .125rem;--space-1: .25rem;--space-1-5: .375rem;--space-2: .5rem;--space-2-5: .625rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-xs: var(--space-1);--space-sm: var(--space-2);--space-md: var(--space-4);--space-lg: var(--space-6);--space-xl: var(--space-8);--space-2xl: var(--space-12);--radius-none: 0;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 9999px;--shadow-none: none;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .08);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .1);--shadow-focus: 0 0 0 3px rgba(59, 130, 246, .3);--shadow-focus-success: 0 0 0 3px rgba(34, 197, 94, .3);--shadow-glow-sm: 0 2px 8px rgba(59, 130, 246, .3);--shadow-glow-md: 0 4px 12px rgba(59, 130, 246, .4);--shadow-glow-lg: 0 6px 16px rgba(59, 130, 246, .5);--shadow-glow-xl: 0 6px 24px rgba(59, 130, 246, .5);--shadow-glow-success-sm: 0 2px 8px rgba(34, 197, 94, .3);--shadow-glow-success-md: 0 4px 12px rgba(34, 197, 94, .3);--shadow-glow-success-lg: 0 4px 15px rgba(34, 197, 94, .4);--shadow-glow-warning-md: 0 4px 12px rgba(251, 191, 36, .4);--shadow-focus-danger: 0 0 0 3px rgba(239, 68, 68, .2);--shadow-focus-warning: 0 0 0 3px rgba(245, 158, 11, .15);--duration-fast: .1s;--duration-normal: .2s;--duration-slow: .3s;--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--transition-fast: all var(--duration-fast) var(--ease-out);--transition-base: all var(--duration-normal) var(--ease-out);--transition-slow: all var(--duration-slow) var(--ease-out);--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--z-toast: 800;--z-max: 999;--btn-height-sm: 32px;--btn-height-md: 40px;--btn-height-lg: 48px;--input-height-sm: 32px;--input-height-md: 40px;--input-height-lg: 48px;--card-padding-sm: var(--space-3);--card-padding-md: var(--space-4);--card-padding-lg: var(--space-6);--nav-height: 56px;--bottom-nav-height: 64px;--sidebar-width: var(--desktop-sidebar-width);--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px)}:root{--surface-container-lowest: #ffffff;--surface-container-low: #f8f9fa;--surface-container: #f1f3f5;--surface-container-high: #e9ecef;--surface-container-highest: #dee2e6;--surface-glass: rgba(255, 255, 255, .72);--surface-glass-elevated: rgba(255, 255, 255, .85);--content-max-sm: 600px;--content-max-md: 800px;--content-max-lg: 1000px;--content-max-xl: 1200px;--content-max-2xl: 1400px;--content-max-full: 100%;--desktop-sidebar-width: 280px;--desktop-sidebar-collapsed: 72px;--desktop-content-min: 600px;--touch-target-min: 48px;--touch-target-comfortable: 56px;--touch-target-icon: 40px;--ease-emphasized: cubic-bezier(.2, 0, 0, 1);--ease-emphasized-decelerate: cubic-bezier(.05, .7, .1, 1);--ease-emphasized-accelerate: cubic-bezier(.3, 0, .8, .15);--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-standard-decelerate: cubic-bezier(0, 0, 0, 1);--ease-standard-accelerate: cubic-bezier(.3, 0, 1, 1);--ease-spring: cubic-bezier(.175, .885, .32, 1.275);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--duration-instant: 0ms;--duration-extra-short: 50ms;--duration-short: .1s;--duration-medium: .2s;--duration-long: .3s;--duration-extra-long: .4s;--duration-entering: .25s;--duration-exiting: .2s;--stagger-delay: 50ms;--stagger-delay-fast: 30ms;--sheet-handle-width: 36px;--sheet-handle-height: 5px;--sheet-corner-radius: 16px;--sheet-backdrop: rgba(0, 0, 0, .4);--radius-pill: 9999px;--chip-height: 32px;--chip-padding: 0 12px;--card-group-gap: 1px;--card-inset-margin: var(--space-4);--card-group-radius: var(--radius-xl);--text-display-lg: 3.5625rem;--text-display-md: 2.8125rem;--text-display-sm: 2.25rem;--text-headline-lg: 2rem;--text-headline-md: 1.75rem;--text-headline-sm: 1.5rem;--text-title-lg: 1.375rem;--text-title-md: 1rem;--text-title-sm: .875rem;--text-body-lg: 1rem;--text-body-md: .875rem;--text-body-sm: .75rem;--text-label-lg: .875rem;--text-label-md: .75rem;--text-label-sm: .6875rem;--font-regular: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--tracking-display: -.015em;--tracking-headline: -.01em;--tracking-title: 0;--tracking-body: .01em;--tracking-label: .02em}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--color-primary-50: #1e3a5f;--color-primary-100: #1e4976;--color-primary-200: #1d5a94;--color-primary-300: #2563eb;--color-primary-400: #3b82f6;--color-primary-500: #60a5fa;--color-primary-600: #93c5fd;--color-primary-700: #bfdbfe;--color-primary-800: #dbeafe;--color-primary-900: #eff6ff;--primary: var(--color-primary-500);--primary-hover: var(--color-primary-400);--primary-light: var(--color-primary-100);--primary-dark: var(--color-primary-600);--color-gray-50: #0f0f0f;--color-gray-100: #171717;--color-gray-200: #262626;--color-gray-300: #404040;--color-gray-400: #525252;--color-gray-500: #737373;--color-gray-600: #a3a3a3;--color-gray-700: #d4d4d4;--color-gray-800: #e5e5e5;--color-gray-900: #f5f5f5;--color-gray-950: #fafafa;--surface-base: #0f0f0f;--surface-secondary: #171717;--surface-tertiary: #1f1f1f;--surface-elevated: #262626;--surface-overlay: rgba(0, 0, 0, .7);--surface-interactive: #262626;--surface-interactive-hover: #333333;--surface-raised: #1f1f1f;--surface-container-lowest: #0a0a0a;--surface-container-low: #121212;--surface-container: #1a1a1a;--surface-container-high: #242424;--surface-container-highest: #2e2e2e;--surface-glass: rgba(20, 20, 20, .8);--surface-glass-elevated: rgba(30, 30, 30, .9);--text-primary: #f5f5f5;--text-secondary: #a3a3a3;--text-tertiary: #737373;--text-disabled: #525252;--text-inverse: #0f0f0f;--border-subtle: #262626;--border-default: #333333;--border-strong: #404040;--border-focus: var(--color-primary-500);--border-color: var(--border-default);--color-protein: #4ade80;--color-protein-bg: rgba(74, 222, 128, .15);--color-carbs: #38bdf8;--color-carbs-bg: rgba(56, 189, 248, .15);--color-fat: #fbbf24;--color-fat-bg: rgba(251, 191, 36, .15);--color-calories: #60a5fa;--color-calories-bg: rgba(96, 165, 250, .15);--color-fiber: #a78bfa;--color-fiber-bg: rgba(167, 139, 250, .15);--macro-protein: var(--color-protein);--macro-carb: var(--color-carbs);--macro-carb-dark: #0ea5e9;--macro-fat: var(--color-fat);--color-success-light: rgba(34, 197, 94, .2);--color-success: #4ade80;--color-success-dark: #22c55e;--color-warning-light: rgba(251, 191, 36, .2);--color-warning: #fbbf24;--color-warning-dark: #f59e0b;--color-error-light: rgba(248, 113, 113, .2);--color-error: #f87171;--color-error-dark: #ef4444;--color-info-light: rgba(96, 165, 250, .2);--color-info: #60a5fa;--color-info-dark: #3b82f6;--success: var(--color-success);--success-light: var(--color-success-light);--warning: var(--color-warning);--warning-light: var(--color-warning-light);--danger: var(--color-error);--danger-light: var(--color-error-light);--info: var(--color-info);--info-light: var(--color-info-light);--bg-primary: var(--surface-base);--bg-secondary: var(--surface-secondary);--bg-tertiary: var(--surface-tertiary);--bg-hover: var(--surface-interactive-hover);--overlay-light-5: rgba(255, 255, 255, .05);--overlay-light-10: rgba(255, 255, 255, .1);--overlay-light-20: rgba(255, 255, 255, .2);--overlay-dark-5: rgba(0, 0, 0, .3);--overlay-dark-10: rgba(0, 0, 0, .4);--overlay-dark-20: rgba(0, 0, 0, .5);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .6);--shadow-focus: 0 0 0 3px rgba(96, 165, 250, .4);--shadow-glow-sm: 0 2px 8px rgba(96, 165, 250, .25);--shadow-glow-md: 0 4px 12px rgba(96, 165, 250, .35);--shadow-glow-lg: 0 6px 16px rgba(96, 165, 250, .4);--shadow-glow-xl: 0 6px 24px rgba(96, 165, 250, .45);--shadow-glow-blue: 0 4px 20px rgba(96, 165, 250, .35);--primary-blue-glow: rgba(96, 165, 250, .2);--gradient-blue: linear-gradient(135deg, #3b82f6, #60a5fa);--gradient-primary: var(--gradient-blue);--sheet-backdrop: rgba(0, 0, 0, .6)}}[data-theme=dark]{--color-primary-50: #1e3a5f;--color-primary-100: #1e4976;--color-primary-200: #1d5a94;--color-primary-300: #2563eb;--color-primary-400: #3b82f6;--color-primary-500: #60a5fa;--color-primary-600: #93c5fd;--color-primary-700: #bfdbfe;--color-primary-800: #dbeafe;--color-primary-900: #eff6ff;--primary: var(--color-primary-500);--primary-hover: var(--color-primary-400);--primary-light: var(--color-primary-100);--primary-dark: var(--color-primary-600);--color-gray-50: #0f0f0f;--color-gray-100: #171717;--color-gray-200: #262626;--color-gray-300: #404040;--color-gray-400: #525252;--color-gray-500: #737373;--color-gray-600: #a3a3a3;--color-gray-700: #d4d4d4;--color-gray-800: #e5e5e5;--color-gray-900: #f5f5f5;--color-gray-950: #fafafa;--surface-base: #0f0f0f;--surface-secondary: #171717;--surface-tertiary: #1f1f1f;--surface-elevated: #262626;--surface-overlay: rgba(0, 0, 0, .7);--surface-interactive: #262626;--surface-interactive-hover: #333333;--surface-raised: #1f1f1f;--surface-container-lowest: #0a0a0a;--surface-container-low: #121212;--surface-container: #1a1a1a;--surface-container-high: #242424;--surface-container-highest: #2e2e2e;--surface-glass: rgba(20, 20, 20, .8);--surface-glass-elevated: rgba(30, 30, 30, .9);--text-primary: #f5f5f5;--text-secondary: #a3a3a3;--text-tertiary: #737373;--text-disabled: #525252;--text-inverse: #0f0f0f;--border-subtle: #262626;--border-default: #333333;--border-strong: #404040;--border-focus: var(--color-primary-500);--border-color: var(--border-default);--color-protein: #4ade80;--color-protein-bg: rgba(74, 222, 128, .15);--color-carbs: #38bdf8;--color-carbs-bg: rgba(56, 189, 248, .15);--color-fat: #fbbf24;--color-fat-bg: rgba(251, 191, 36, .15);--color-calories: #60a5fa;--color-calories-bg: rgba(96, 165, 250, .15);--color-fiber: #a78bfa;--color-fiber-bg: rgba(167, 139, 250, .15);--macro-protein: var(--color-protein);--macro-carb: var(--color-carbs);--macro-carb-dark: #0ea5e9;--macro-fat: var(--color-fat);--color-success-light: rgba(34, 197, 94, .2);--color-success: #4ade80;--color-success-dark: #22c55e;--color-warning-light: rgba(251, 191, 36, .2);--color-warning: #fbbf24;--color-warning-dark: #f59e0b;--color-error-light: rgba(248, 113, 113, .2);--color-error: #f87171;--color-error-dark: #ef4444;--color-info-light: rgba(96, 165, 250, .2);--color-info: #60a5fa;--color-info-dark: #3b82f6;--success: var(--color-success);--success-light: var(--color-success-light);--warning: var(--color-warning);--warning-light: var(--color-warning-light);--danger: var(--color-error);--danger-light: var(--color-error-light);--info: var(--color-info);--info-light: var(--color-info-light);--bg-primary: var(--surface-base);--bg-secondary: var(--surface-secondary);--bg-tertiary: var(--surface-tertiary);--bg-hover: var(--surface-interactive-hover);--overlay-light-5: rgba(255, 255, 255, .05);--overlay-light-10: rgba(255, 255, 255, .1);--overlay-light-20: rgba(255, 255, 255, .2);--overlay-dark-5: rgba(0, 0, 0, .3);--overlay-dark-10: rgba(0, 0, 0, .4);--overlay-dark-20: rgba(0, 0, 0, .5);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .6);--shadow-focus: 0 0 0 3px rgba(96, 165, 250, .4);--shadow-glow-sm: 0 2px 8px rgba(96, 165, 250, .25);--shadow-glow-md: 0 4px 12px rgba(96, 165, 250, .35);--shadow-glow-lg: 0 6px 16px rgba(96, 165, 250, .4);--shadow-glow-xl: 0 6px 24px rgba(96, 165, 250, .45);--shadow-glow-blue: 0 4px 20px rgba(96, 165, 250, .35);--primary-blue-glow: rgba(96, 165, 250, .2);--gradient-blue: linear-gradient(135deg, #3b82f6, #60a5fa);--gradient-primary: var(--gradient-blue);--sheet-backdrop: rgba(0, 0, 0, .6)}@media(prefers-reduced-motion:reduce){:root{--duration-instant: 0ms;--duration-extra-short: 0ms;--duration-short: 0ms;--duration-fast: 0ms;--duration-medium: 0ms;--duration-normal: 0ms;--duration-long: 0ms;--duration-slow: 0ms;--duration-extra-long: 0ms;--duration-entering: 0ms;--duration-exiting: 0ms;--stagger-delay: 0ms;--stagger-delay-fast: 0ms}}@media(hover:hover)and (pointer:fine){.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.hover-scale:hover{transform:scale(1.02)}.hover-glow:hover{box-shadow:var(--shadow-glow-md)}}[data-theme=dark],:root:not([data-theme=light]){color-scheme:dark}[data-theme=light]{color-scheme:light}html{transition:background-color var(--duration-long) var(--ease-emphasized),color var(--duration-long) var(--ease-emphasized)}html body{background-color:var(--surface-base);color:var(--text-primary)}:root{--primary-blue: var(--color-primary-500);--primary-blue-light: var(--color-primary-400);--primary-blue-dark: var(--color-primary-700);--bg-primary: var(--surface-base);--bg-secondary: var(--surface-secondary);--bg-tertiary: var(--surface-tertiary);--bg-card: var(--surface-elevated);--text-muted: var(--text-disabled);--space-3xl: var(--space-16)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;overflow-x:hidden;max-width:100vw}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6;color:var(--text-primary);background:var(--surface-secondary);min-height:100vh;min-height:100dvh;overflow-x:hidden;padding-top:max(var(--safe-area-top),12px);-webkit-overflow-scrolling:touch}h1,h2,h3,h4,h5,h6{font-weight:var(--font-semibold);line-height:1.3;color:var(--text-primary)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-lg)}h4{font-size:var(--text-base)}p{color:var(--text-secondary);line-height:1.6}a{color:var(--primary-blue);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-blue-light)}.App{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-primary)}.app-header{background:var(--surface-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);text-align:center;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-subtle);position:sticky;top:0;z-index:var(--z-sticky)}.app-header h1{font-size:var(--text-xl);font-weight:var(--font-bold);margin-bottom:var(--space-xs);display:flex;align-items:center;justify-content:center;gap:var(--space-sm);color:var(--text-primary)}.app-header h1:before{content:"";display:inline-block;width:32px;height:32px;background:url(/NutriNote.png) center/cover no-repeat;border-radius:var(--radius-md);box-shadow:var(--shadow-glow-sm)}.app-header p{font-size:var(--text-sm);color:var(--text-tertiary);margin:0;font-weight:var(--font-medium);letter-spacing:.5px}.container{flex:1;max-width:1200px;margin:0 auto;padding:var(--space-xl) var(--space-lg);width:100%}.progress-bar{display:flex;justify-content:center;margin-bottom:var(--space-3xl);background:var(--bg-card);padding:var(--space-lg);border-radius:var(--radius-lg);gap:var(--space-xl);flex-wrap:wrap;box-shadow:var(--shadow-md);border:1px solid var(--border-subtle)}.step{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);opacity:.4;transition:all var(--transition-base)}.step.active{opacity:1;transform:scale(1.05)}.step.completed{opacity:.8}.step-number{width:48px;height:48px;border-radius:var(--radius-full);background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;font-weight:var(--font-bold);font-size:var(--text-lg);border:2px solid var(--border-default);color:var(--text-tertiary);transition:all var(--transition-base);position:relative}.step.active .step-number{background:var(--gradient-blue);border-color:var(--primary-blue);color:var(--text-inverse);box-shadow:var(--shadow-glow-blue)}.step.completed .step-number{background:var(--success);border-color:var(--success);color:var(--text-inverse)}.step-label{font-size:var(--text-sm);color:var(--text-tertiary);font-weight:var(--font-medium);text-align:center}.step.active .step-label,.step.completed .step-label{color:var(--text-primary)}.app-footer{background:var(--bg-card);color:var(--text-inverse);text-align:center;padding:var(--space-xl) var(--space-lg);margin-top:var(--space-3xl);border-top:1px solid var(--border-subtle)}.footer-content{max-width:800px;margin:0 auto}.footer-brand{margin:0 0 var(--space-lg);font-size:var(--text-sm);color:var(--text-muted);font-weight:var(--font-medium)}.footer-disclaimers{display:flex;flex-direction:column;gap:var(--space-md);margin-top:var(--space-lg);max-width:700px;margin-left:auto;margin-right:auto}.privacy-notice,.educational-disclaimer{background:var(--bg-tertiary);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);border-left:3px solid var(--primary-blue);font-size:var(--text-sm);line-height:1.6;color:var(--text-secondary);text-align:left}.privacy-notice strong,.educational-disclaimer strong{color:var(--primary-blue);font-weight:var(--font-semibold)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:none;border-radius:var(--radius-md);font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-fast);white-space:nowrap;min-height:var(--touch-target-min);-webkit-tap-highlight-color:transparent}.btn:active:not(:disabled){transform:scale(.97)}.btn-secondary{background:var(--surface-tertiary);color:var(--text-primary);border:1px solid var(--border-default)}.btn-secondary:hover:not(:disabled){background:var(--surface-interactive-hover);border-color:var(--border-strong)}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);min-height:32px}.btn-lg{padding:var(--space-4) var(--space-6);font-size:var(--text-base);min-height:56px}.form-group label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.form-group input,.form-group select,.form-group textarea{padding:var(--space-md);border:1px solid var(--border-default);border-radius:var(--radius-md);font-family:inherit;font-size:var(--text-base);background:var(--bg-tertiary);color:var(--text-primary);transition:all var(--transition-fast);width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px var(--primary-blue-glow)}.form-group input::placeholder{color:var(--text-muted)}.form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-md) center;padding-right:var(--space-2xl)}.card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);box-shadow:var(--shadow-md);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-lg)}.card-header{padding:var(--space-lg);border-bottom:1px solid var(--border-subtle)}.card-body{padding:var(--space-lg)}.card-footer{padding:var(--space-lg);border-top:1px solid var(--border-subtle)}.badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold)}.badge-primary{background:var(--primary-blue-glow);color:var(--primary-blue)}.badge-success{background:var(--success-light);color:var(--success)}.badge-warning{background:var(--warning-light);color:var(--warning)}.badge-danger{background:var(--danger-light);color:var(--danger)}.badge-info{background:var(--info-light);color:var(--info)}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.animate-fadeIn{animation:fadeIn var(--transition-base) ease forwards}.animate-slideUp{animation:slideUp var(--transition-base) ease forwards}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-hover) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.spinner{width:20px;height:20px;border:2px solid var(--border-default);border-top-color:var(--primary-blue);border-radius:50%;animation:spin .8s linear infinite}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl);text-align:center}.empty-state-icon{width:64px;height:64px;margin-bottom:var(--space-lg);color:var(--text-muted)}.empty-state-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-sm)}.empty-state-description{color:var(--text-tertiary);max-width:300px}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-4px);padding:var(--space-xs) var(--space-sm);background:var(--bg-tertiary);color:var(--text-primary);font-size:var(--text-xs);border-radius:var(--radius-sm);white-space:nowrap;opacity:0;visibility:hidden;transition:all var(--transition-fast);z-index:var(--z-dropdown)}.tooltip:hover:after{opacity:1;visibility:visible;transform:translate(-50%) translateY(-8px)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}@media(max-width:768px){::-webkit-scrollbar{display:none}*{scrollbar-width:none}}.install-prompt{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-xl);background:var(--bg-primary)}.install-prompt-content{max-width:480px;width:100%;background:var(--bg-card);border-radius:var(--radius-xl);padding:var(--space-2xl);border:1px solid var(--border-subtle);text-align:center;box-shadow:var(--shadow-xl)}.install-logo img{width:80px;height:80px;border-radius:var(--radius-lg);border:2px solid var(--primary-blue)}.install-prompt-content h1{font-size:var(--text-2xl);margin-bottom:var(--space-xs);font-weight:var(--font-bold)}.install-subtitle{font-size:var(--text-sm);color:var(--primary-blue);margin-bottom:var(--space-xl);font-weight:var(--font-medium)}.install-message{background:var(--bg-tertiary);padding:var(--space-lg);border-radius:var(--radius-md);margin:var(--space-xl) 0;border-left:3px solid var(--primary-blue);text-align:left}.install-message h2{color:var(--primary-blue);margin:0 0 var(--space-sm) 0;font-size:var(--text-base)}.install-instructions{text-align:left;margin:var(--space-xl) 0;background:var(--bg-tertiary);padding:var(--space-lg);border-radius:var(--radius-md)}.install-instructions h3{color:var(--primary-blue);font-size:var(--text-sm);margin:var(--space-md) 0 var(--space-sm) 0;font-weight:var(--font-semibold)}.install-instructions ol{margin:var(--space-sm) 0;padding-left:var(--space-lg);color:var(--text-secondary)}.install-instructions li{margin:var(--space-sm) 0;font-size:var(--text-sm);line-height:1.5}.install-instructions strong{color:var(--text-primary);font-weight:var(--font-semibold)}.install-benefits{background:var(--bg-tertiary);padding:var(--space-lg);border-radius:var(--radius-md);text-align:left;margin-top:var(--space-xl)}.install-benefits h3{color:var(--primary-blue);font-size:var(--text-sm);margin:0 0 var(--space-md) 0;font-weight:var(--font-semibold)}.install-benefits ul{list-style:none;padding:0;margin:0}.install-benefits li{color:var(--text-secondary);padding:var(--space-sm) 0;padding-left:var(--space-lg);position:relative;font-size:var(--text-sm)}.install-benefits li:before{content:"✓";position:absolute;left:0;color:var(--success);font-weight:var(--font-bold)}@media(max-width:768px){.app-header{padding:var(--space-md) var(--space-lg)}.app-header h1{font-size:var(--text-lg)}.app-header h1:before{width:32px;height:32px}.progress-bar{gap:var(--space-md);padding:var(--space-md)}.step-number{width:40px;height:40px;font-size:var(--text-base)}.step-label{font-size:var(--text-xs)}.container{padding:var(--space-lg) var(--space-md)}.install-prompt-content{padding:var(--space-xl)}}@media(max-width:480px){.progress-bar{flex-direction:column;gap:var(--space-sm)}.step{flex-direction:row;width:100%;justify-content:flex-start}.btn{width:100%}}.App{min-height:100vh;display:flex;flex-direction:column;background:var(--surface-base);color:var(--text-primary);overflow-x:hidden;max-width:100vw}.install-prompt{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-lg);background:var(--surface-secondary)}.install-prompt-content{max-width:400px;width:100%;background:var(--surface-base);padding:var(--space-xl);border-radius:var(--radius-lg);text-align:center}.install-logo{margin-bottom:var(--space-lg)}.install-logo img{width:64px;height:64px;border-radius:var(--radius-lg)}.install-prompt-content h1{font-size:var(--text-xl);margin:var(--space-sm) 0;font-weight:var(--font-bold);color:var(--text-primary)}.install-subtitle{font-size:var(--text-sm);color:var(--primary);margin-bottom:var(--space-lg);font-weight:var(--font-semibold)}.install-message{background:var(--surface-tertiary);padding:var(--space-md);border-radius:var(--radius-md);margin:var(--space-lg) 0;text-align:left}.install-message h2{color:var(--text-primary);margin:0 0 var(--space-sm) 0;font-size:var(--text-sm);font-weight:var(--font-semibold)}.install-message p{color:var(--text-secondary);margin:0;font-size:var(--text-sm)}.install-instructions{text-align:left;margin:var(--space-lg) 0;background:var(--surface-tertiary);padding:var(--space-md);border-radius:var(--radius-md)}.install-instructions h3{color:var(--text-primary);font-size:var(--text-sm);margin:var(--space-md) 0 var(--space-sm) 0;font-weight:var(--font-semibold)}.install-instructions h3:first-child{margin-top:0}.install-instructions ol{padding-left:var(--space-lg);margin:0;color:var(--text-secondary);font-size:var(--text-sm)}.install-instructions li{margin-bottom:var(--space-xs)}.install-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-lg)}.btn-install-primary{flex:2;padding:var(--space-sm) var(--space-md);background:var(--primary);color:var(--text-inverse);border:none;border-radius:var(--radius-md);font-weight:var(--font-semibold);font-size:var(--text-sm);cursor:pointer;transition:var(--transition-fast)}.btn-install-primary:hover{background:var(--primary-hover)}.btn-install-secondary{flex:1;padding:var(--space-sm) var(--space-md);background:var(--surface-tertiary);color:var(--text-secondary);border:none;border-radius:var(--radius-md);font-weight:var(--font-medium);font-size:var(--text-sm);cursor:pointer;transition:var(--transition-fast)}.btn-install-secondary:hover{background:var(--surface-interactive-hover);color:var(--text-primary)}.Toastify__toast-container{padding:var(--space-md)}.Toastify__toast-container .Toastify__toast{border-radius:var(--radius-md);font-family:inherit;padding:var(--space-md);min-height:auto;background:var(--surface-base);color:var(--text-primary);border:1px solid var(--border-default)}.Toastify__toast-container .Toastify__toast--success{border-left:3px solid var(--success)}.Toastify__toast-container .Toastify__toast--error{border-left:3px solid var(--danger)}.Toastify__toast-container .Toastify__toast--warning{border-left:3px solid var(--warning)}.Toastify__toast-container .Toastify__toast--info{border-left:3px solid var(--primary)}.main-content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:var(--space-lg) var(--space-md) 80px}.page-wrapper{min-height:100%;display:flex;flex-direction:column}@media(min-width:1025px){.main-content{margin-left:var(--sidebar-width);max-width:calc(100% - var(--sidebar-width));padding:var(--space-xl);padding-bottom:var(--space-xl)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--surface-tertiary)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.skip-link{position:absolute;top:-100%;left:50%;transform:translate(-50%);background:var(--primary);color:var(--text-on-primary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-weight:var(--font-semibold);text-decoration:none;z-index:var(--z-max);transition:top .2s ease}.skip-link:focus{top:var(--space-sm);outline:2px solid var(--primary);outline-offset:2px}.offline-banner{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);background:var(--warning);color:var(--surface-base);padding:var(--space-xs) var(--space-md);font-size:var(--text-sm);font-weight:var(--font-medium);text-align:center;position:sticky;top:0;z-index:var(--z-toast)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-fast);border:none;text-decoration:none;white-space:nowrap;-webkit-tap-highlight-color:transparent}.btn:active:not(:disabled){transform:scale(.96)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:var(--text-inverse);box-shadow:var(--shadow-glow-sm)}.btn-primary:hover:not(:disabled){background:var(--primary-hover);box-shadow:var(--shadow-glow-md)}.btn-primary:active:not(:disabled){box-shadow:none}.btn-primary:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.btn-secondary{background:var(--surface-tertiary);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:var(--surface-interactive-hover)}.btn-secondary:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.btn-outline{background:transparent;color:var(--primary);border:1px solid var(--primary)}.btn-outline:hover:not(:disabled){background:var(--color-primary-100)}.btn-outline:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--surface-tertiary);color:var(--text-primary)}.btn-ghost:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.btn-danger{background:var(--danger);color:var(--text-inverse)}.btn-danger:hover:not(:disabled){background:var(--color-error-dark)}.btn-danger:focus-visible{outline:none;box-shadow:var(--shadow-focus-danger)}.btn-success{background:var(--success);color:var(--text-inverse)}.btn-success:hover:not(:disabled){background:var(--color-success-dark)}.btn-sm{padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs)}.btn-lg{padding:var(--space-md) var(--space-lg);font-size:var(--text-base)}.btn-xl{padding:var(--space-md) var(--space-xl);font-size:var(--text-lg)}.btn-block{width:100%}.btn-icon{padding:var(--space-sm);width:36px;height:36px}.btn-icon.btn-sm{width:28px;height:28px;padding:var(--space-xs)}.btn-icon.btn-lg{width:44px;height:44px;padding:var(--space-sm)}.btn-loading{position:relative;color:transparent}.btn-loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:var(--radius-full);animation:btn-spin .6s linear infinite}.btn-loading.btn-primary:after{border-color:var(--text-inverse);border-right-color:transparent}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn-group{display:inline-flex}.btn-group .btn{border-radius:0}.btn-group .btn:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md)}.btn-group .btn:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0}.btn-group .btn:not(:last-child){border-right:1px solid var(--overlay-dark-10)}.card{background:var(--surface-base);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);overflow:hidden;transition:var(--transition-fast);box-shadow:var(--shadow-xs)}@media(hover:hover)and (pointer:fine){.card:hover{border-color:var(--border-default);box-shadow:var(--shadow-sm)}}.card-flat{border:none;background:var(--surface-tertiary)}.card-outline{background:transparent;border:1px solid var(--border-default)}.card-interactive{cursor:pointer;-webkit-tap-highlight-color:transparent}@media(hover:hover)and (pointer:fine){.card-interactive:hover{background:var(--surface-secondary)}}.card-interactive:active{background:var(--surface-tertiary);transform:scale(.98)}.card-header{padding:var(--space-md);border-bottom:1px solid var(--border-subtle)}.card-header h3,.card-title{margin:0;font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary)}.card-subtitle{margin:var(--space-xs) 0 0 0;font-size:var(--text-sm);color:var(--text-tertiary)}.card-body{padding:var(--space-md)}.card-footer{padding:var(--space-md);border-top:1px solid var(--border-subtle);background:var(--surface-tertiary)}.card-image{width:100%;height:auto;display:block}.card-image-container{position:relative;overflow:hidden}.card-image-overlay{position:absolute;inset:0;background:linear-gradient(to top,var(--overlay-dark-50),transparent);display:flex;align-items:flex-end;padding:var(--space-md)}.card-image-overlay .card-title{color:var(--text-inverse)}.card-compact .card-header,.card-compact .card-body,.card-compact .card-footer{padding:var(--space-sm)}.card-primary{border-color:var(--primary);border-left-width:4px}.card-success{border-color:var(--success);border-left-width:4px}.card-warning{border-color:var(--warning);border-left-width:4px}.card-danger{border-color:var(--danger);border-left-width:4px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-md)}.card-list{display:flex;flex-direction:column;gap:var(--space-sm)}.card-list .card{display:flex;align-items:center;padding:var(--space-sm) var(--space-md)}.stat-card{text-align:center;padding:var(--space-md)}.stat-card-icon{width:48px;height:48px;margin:0 auto var(--space-sm);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);font-size:var(--text-2xl);background:var(--color-primary-100);color:var(--primary)}.stat-card-value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0}.stat-card-label{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-top:var(--space-xs)}.input-wrapper{display:flex;flex-direction:column;gap:var(--space-xs)}.input-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.input-label.required:after{content:"*";color:var(--danger);margin-left:2px}.input{padding:var(--space-sm) var(--space-md);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-base);background:var(--surface-base);color:var(--text-primary);transition:var(--transition-fast);width:100%;-webkit-appearance:none;appearance:none}.input::placeholder{color:var(--text-tertiary)}.input:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-secondary)}.input:focus{outline:none;border-color:var(--primary);box-shadow:var(--shadow-focus);background:var(--surface-base)}.input:disabled{background:var(--surface-tertiary);color:var(--text-tertiary);cursor:not-allowed}.input.error{border-color:var(--danger)}.input.error:focus{box-shadow:var(--shadow-focus-danger)}.input.success{border-color:var(--success)}.input.success:focus{box-shadow:var(--shadow-focus-success)}.input-helper{font-size:var(--text-xs);color:var(--text-tertiary)}.input-error{font-size:var(--text-xs);color:var(--danger)}.input-with-icon{position:relative}.input-icon{position:absolute;left:var(--space-md);top:50%;transform:translateY(-50%);color:var(--text-tertiary);font-size:var(--text-base);pointer-events:none}.input-with-icon .input{padding-left:calc(var(--space-md) + 24px)}.input-icon-right{left:auto;right:var(--space-md)}.input-with-icon.has-icon-right .input{padding-right:calc(var(--space-md) + 24px)}.input-sm{padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs)}.input-lg{padding:var(--space-md) var(--space-lg);font-size:var(--text-base)}textarea.input{min-height:100px;resize:vertical;line-height:1.5}select.input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-md) center;padding-right:calc(var(--space-md) + 20px);cursor:pointer}.checkbox-wrapper,.radio-wrapper{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer}.checkbox,.radio{width:18px;height:18px;border:1px solid var(--border-default);appearance:none;cursor:pointer;transition:var(--transition-fast);flex-shrink:0}.checkbox{border-radius:var(--radius-sm)}.radio{border-radius:var(--radius-full)}.checkbox:checked,.radio:checked{background:var(--primary);border-color:var(--primary)}.checkbox:checked:after{content:"✓";display:flex;align-items:center;justify-content:center;color:var(--text-inverse);font-size:var(--text-xs);font-weight:700;height:100%}.radio:checked:after{content:"";display:block;width:8px;height:8px;border-radius:var(--radius-full);background:var(--text-inverse);margin:4px}.checkbox:focus-visible,.radio:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.checkbox-label,.radio-label{font-size:var(--text-sm);color:var(--text-primary)}.toggle-wrapper{display:flex;align-items:center;gap:var(--space-sm)}.toggle{position:relative;width:44px;height:24px;background:var(--surface-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-fast);appearance:none}.toggle:after{content:"";position:absolute;width:18px;height:18px;background:var(--surface-base);border-radius:var(--radius-full);top:2px;left:2px;transition:var(--transition-fast);border:1px solid var(--border-default)}.toggle:checked{background:var(--primary);border-color:var(--primary)}.toggle:checked:after{left:22px;border-color:transparent}.toggle:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.input-group{display:flex}.input-group .input{border-radius:0}.input-group .input:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md)}.input-group .input:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0}.input-group .btn{border-radius:0}.input-group .btn:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0}.input-addon{display:flex;align-items:center;padding:var(--space-sm) var(--space-md);background:var(--surface-tertiary);border:1px solid var(--border-default);font-size:var(--text-sm);color:var(--text-secondary)}.input-addon:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md);border-right:none}.input-addon:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0;border-left:none}.m3-btn{--m3-btn-height: 40px;--m3-btn-min-width: 64px;--m3-btn-padding-x: 24px;--m3-btn-padding-y: 10px;--m3-btn-gap: 8px;--m3-btn-radius: var(--m3-shape-full, 20px);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--m3-btn-gap);height:var(--m3-btn-height);min-width:var(--m3-btn-min-width);padding:var(--m3-btn-padding-y) var(--m3-btn-padding-x);border:none;border-radius:var(--m3-btn-radius);font-family:var(--m3-typescale-label-large-font, inherit);font-size:var(--m3-typescale-label-large-size, 14px);font-weight:var(--m3-typescale-label-large-weight, 500);line-height:var(--m3-typescale-label-large-line-height, 20px);letter-spacing:var(--m3-typescale-label-large-tracking, .1px);text-decoration:none;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background-color .2s var(--m3-motion-easing-standard, ease),box-shadow .2s var(--m3-motion-easing-standard, ease),transform .1s var(--m3-motion-easing-standard, ease);overflow:hidden}.m3-btn:before{content:"";position:absolute;inset:0;border-radius:inherit;background-color:currentColor;opacity:0;transition:opacity .2s var(--m3-motion-easing-standard, ease);pointer-events:none}.m3-btn:after{content:"";position:absolute;inset:0;pointer-events:none}.m3-btn--filled{background-color:var(--m3-primary, #65c466);color:var(--m3-on-primary, #003910);box-shadow:none}.m3-btn--filled:hover:not(:disabled):before{opacity:var(--m3-state-hover-opacity, .08)}.m3-btn--filled:focus-visible{outline:none}.m3-btn--filled:focus-visible:before{opacity:var(--m3-state-focus-opacity, .12)}.m3-btn--filled:active:not(:disabled):before{opacity:var(--m3-state-pressed-opacity, .12)}.m3-btn--filled:disabled{background-color:var(--m3-on-surface, #1c1b1f);opacity:.12;color:var(--m3-on-surface, #1c1b1f);cursor:not-allowed}.m3-btn--filled:disabled>*{opacity:.38}.m3-btn--tonal{background-color:var(--m3-secondary-container, #a4f5a6);color:var(--m3-on-secondary-container, #002107);box-shadow:none}.m3-btn--tonal:hover:not(:disabled):before{opacity:var(--m3-state-hover-opacity, .08)}.m3-btn--tonal:focus-visible:before{opacity:var(--m3-state-focus-opacity, .12)}.m3-btn--tonal:active:not(:disabled):before{opacity:var(--m3-state-pressed-opacity, .12)}.m3-btn--tonal:disabled{background-color:var(--m3-on-surface, #1c1b1f);opacity:.12;color:var(--m3-on-surface, #1c1b1f);cursor:not-allowed}.m3-btn--elevated{background-color:var(--m3-surface-container-low, #f7f2f7);color:var(--m3-primary, #65c466);box-shadow:var( --m3-elevation-1, 0 1px 2px rgba(0, 0, 0, .3), 0 1px 3px 1px rgba(0, 0, 0, .15) )}.m3-btn--elevated:hover:not(:disabled){box-shadow:var( --m3-elevation-2, 0 1px 2px rgba(0, 0, 0, .3), 0 2px 6px 2px rgba(0, 0, 0, .15) )}.m3-btn--elevated:hover:not(:disabled):before{opacity:var(--m3-state-hover-opacity, .08)}.m3-btn--elevated:focus-visible:before{opacity:var(--m3-state-focus-opacity, .12)}.m3-btn--elevated:active:not(:disabled){box-shadow:var(--m3-elevation-1)}.m3-btn--elevated:active:not(:disabled):before{opacity:var(--m3-state-pressed-opacity, .12)}.m3-btn--elevated:disabled{background-color:var(--m3-on-surface, #1c1b1f);opacity:.12;box-shadow:none;color:var(--m3-on-surface, #1c1b1f);cursor:not-allowed}.m3-btn--outlined{background-color:transparent;color:var(--m3-primary, #65c466);border:1px solid var(--m3-outline, #79747e);box-shadow:none}.m3-btn--outlined:hover:not(:disabled):before{opacity:var(--m3-state-hover-opacity, .08)}.m3-btn--outlined:focus-visible{border-color:var(--m3-primary, #65c466)}.m3-btn--outlined:focus-visible:before{opacity:var(--m3-state-focus-opacity, .12)}.m3-btn--outlined:active:not(:disabled):before{opacity:var(--m3-state-pressed-opacity, .12)}.m3-btn--outlined:disabled{border-color:var(--m3-on-surface, #1c1b1f);opacity:.12;color:var(--m3-on-surface, #1c1b1f);cursor:not-allowed}.m3-btn--text{--m3-btn-padding-x: 12px;--m3-btn-min-width: 48px;background-color:transparent;color:var(--m3-primary, #65c466);box-shadow:none}.m3-btn--text:hover:not(:disabled):before{opacity:var(--m3-state-hover-opacity, .08)}.m3-btn--text:focus-visible:before{opacity:var(--m3-state-focus-opacity, .12)}.m3-btn--text:active:not(:disabled):before{opacity:var(--m3-state-pressed-opacity, .12)}.m3-btn--text:disabled{color:var(--m3-on-surface, #1c1b1f);opacity:.38;cursor:not-allowed}.m3-btn--icon{--m3-btn-height: 40px;--m3-btn-min-width: 40px;--m3-btn-padding-x: 8px;--m3-btn-radius: var(--m3-shape-full, 20px);width:var(--m3-btn-height);padding:var(--m3-btn-padding-x)}.m3-btn--icon.m3-btn--filled{color:var(--m3-on-primary, #003910)}.m3-btn--icon.m3-btn--tonal{color:var(--m3-on-secondary-container, #002107)}.m3-btn--icon.m3-btn--outlined{border-color:var(--m3-outline, #79747e);color:var(--m3-on-surface-variant, #49454f)}.m3-btn--icon:not(.m3-btn--filled):not(.m3-btn--tonal):not(.m3-btn--outlined){background-color:transparent;color:var(--m3-on-surface-variant, #49454f)}.m3-fab{--m3-btn-height: 56px;--m3-btn-min-width: 56px;--m3-btn-radius: 16px;--m3-btn-padding-x: 16px;display:inline-flex;align-items:center;justify-content:center;gap:12px;height:var(--m3-btn-height);min-width:var(--m3-btn-min-width);padding:var(--m3-btn-padding-x);border:none;border-radius:var(--m3-btn-radius);font-family:var(--m3-typescale-label-large-font, inherit);font-size:var(--m3-typescale-label-large-size, 14px);font-weight:var(--m3-typescale-label-large-weight, 500);line-height:var(--m3-typescale-label-large-line-height, 20px);letter-spacing:var(--m3-typescale-label-large-tracking, .1px);background-color:var(--m3-primary-container, #a4f5a6);color:var(--m3-on-primary-container, #002107);box-shadow:var( --m3-elevation-3, 0 1px 3px rgba(0, 0, 0, .3), 0 4px 8px 3px rgba(0, 0, 0, .15) );cursor:pointer;position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;transition:box-shadow .2s var(--m3-motion-easing-standard, ease),transform .1s var(--m3-motion-easing-standard, ease)}.m3-fab:before{content:"";position:absolute;inset:0;border-radius:inherit;background-color:currentColor;opacity:0;transition:opacity .2s var(--m3-motion-easing-standard, ease);pointer-events:none}.m3-fab:hover:not(:disabled){box-shadow:var( --m3-elevation-4, 0 2px 3px rgba(0, 0, 0, .3), 0 6px 10px 4px rgba(0, 0, 0, .15) )}.m3-fab:hover:not(:disabled):before{opacity:var(--m3-state-hover-opacity, .08)}.m3-fab:focus-visible:before{opacity:var(--m3-state-focus-opacity, .12)}.m3-fab:active:not(:disabled){box-shadow:var(--m3-elevation-3)}.m3-fab:active:not(:disabled):before{opacity:var(--m3-state-pressed-opacity, .12)}.m3-fab--small{--m3-btn-height: 40px;--m3-btn-min-width: 40px;--m3-btn-radius: 12px;--m3-btn-padding-x: 8px}.m3-fab--large{--m3-btn-height: 96px;--m3-btn-min-width: 96px;--m3-btn-radius: 28px;--m3-btn-padding-x: 30px}.m3-fab--large svg{width:36px;height:36px}.m3-fab--extended{--m3-btn-min-width: 80px;--m3-btn-radius: 16px;padding-left:16px;padding-right:20px}.m3-fab--extended svg{flex-shrink:0}.m3-fab--primary{background-color:var(--m3-primary-container, #a4f5a6);color:var(--m3-on-primary-container, #002107)}.m3-fab--secondary{background-color:var(--m3-secondary-container, #e0e3e0);color:var(--m3-on-secondary-container, #171d19)}.m3-fab--tertiary{background-color:var(--m3-tertiary-container, #a0cfcf);color:var(--m3-on-tertiary-container, #00201f)}.m3-fab--surface{background-color:var(--m3-surface-container-high, #ece6ec);color:var(--m3-primary, #65c466)}.m3-btn--small{--m3-btn-height: 36px;--m3-btn-padding-x: 16px;--m3-btn-padding-y: 8px;--m3-btn-gap: 6px}.m3-btn--large{--m3-btn-height: 48px;--m3-btn-padding-x: 32px;--m3-btn-padding-y: 12px;--m3-btn-gap: 10px;font-size:16px}.m3-btn--full-width{width:100%}.m3-btn__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.m3-btn__icon--leading{margin-left:-4px}.m3-btn__icon--trailing{margin-right:-4px}.m3-btn__icon svg{width:18px;height:18px}.m3-btn--loading{pointer-events:none}.m3-btn--loading .m3-btn__content{opacity:0}.m3-btn__spinner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.m3-btn__spinner-icon{width:20px;height:20px;animation:m3-btn-spin 1.2s linear infinite}@keyframes m3-btn-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.m3-btn-group{display:inline-flex;gap:8px}.m3-btn-group--vertical{flex-direction:column}.m3-btn-group--full-width{width:100%}.m3-btn-group--full-width .m3-btn{flex:1}.m3-btn--error{--m3-primary: var(--m3-error, #ba1a1a);--m3-on-primary: var(--m3-on-error, #ffffff);--m3-primary-container: var(--m3-error-container, #ffdad6);--m3-on-primary-container: var(--m3-on-error-container, #410002);--m3-secondary-container: var(--m3-error-container, #ffdad6);--m3-on-secondary-container: var(--m3-on-error-container, #410002)}.m3-btn--success{--m3-primary: var(--m3-success, #2e7d32);--m3-on-primary: #ffffff;--m3-primary-container: var(--m3-success-container, #c8e6c9);--m3-on-primary-container: #0a3d0a;--m3-secondary-container: var(--m3-success-container, #c8e6c9);--m3-on-secondary-container: #0a3d0a}.m3-btn--warning{--m3-primary: var(--m3-warning, #f57c00);--m3-on-primary: #ffffff;--m3-primary-container: var(--m3-warning-container, #ffe0b2);--m3-on-primary-container: #321b00;--m3-secondary-container: var(--m3-warning-container, #ffe0b2);--m3-on-secondary-container: #321b00}.m3-btn--active,.m3-btn[aria-pressed=true]{background-color:var(--m3-secondary-container, #a4f5a6);color:var(--m3-on-secondary-container, #002107)}.m3-btn:focus-visible,.m3-fab:focus-visible{outline:2px solid var(--m3-focus-ring, var(--m3-primary, #65c466));outline-offset:2px}@media(prefers-reduced-motion:reduce){.m3-btn,.m3-fab{transition:none}.m3-btn__spinner-icon{animation-duration:2s}}@media(pointer:coarse){.m3-btn{min-height:48px}.m3-btn--icon{min-width:48px;min-height:48px}}@media(prefers-contrast:high){.m3-btn--outlined{border-width:2px}.m3-btn:focus-visible,.m3-fab:focus-visible{outline-width:3px}}[data-theme=dark] .m3-btn--elevated{background-color:var(--m3-surface-container-low, #1d1b20)}[data-theme=dark] .m3-fab--surface{background-color:var(--m3-surface-container-high, #2b2930)}.m3-card{--m3-card-padding: 16px;--m3-card-radius: var(--m3-shape-medium, 12px);--m3-card-gap: 16px;position:relative;display:flex;flex-direction:column;border-radius:var(--m3-card-radius);overflow:hidden;transition:box-shadow .2s var(--m3-motion-easing-standard, ease),background-color .2s var(--m3-motion-easing-standard, ease),transform .2s var(--m3-motion-easing-standard, ease)}.m3-card--interactive{cursor:pointer;-webkit-tap-highlight-color:transparent}.m3-card--interactive:before{content:"";position:absolute;inset:0;border-radius:inherit;background-color:var(--m3-on-surface, #1c1b1f);opacity:0;transition:opacity .2s var(--m3-motion-easing-standard, ease);pointer-events:none;z-index:1}.m3-card--interactive:hover:before{opacity:var(--m3-state-hover-opacity, .08)}.m3-card--interactive:focus-visible:before{opacity:var(--m3-state-focus-opacity, .12)}.m3-card--interactive:active:before{opacity:var(--m3-state-pressed-opacity, .12)}.m3-card--elevated{background-color:var(--m3-surface-container-low, #f7f2f7);box-shadow:var( --m3-elevation-1, 0 1px 2px rgba(0, 0, 0, .3), 0 1px 3px 1px rgba(0, 0, 0, .15) )}.m3-card--elevated.m3-card--interactive:hover{box-shadow:var( --m3-elevation-2, 0 1px 2px rgba(0, 0, 0, .3), 0 2px 6px 2px rgba(0, 0, 0, .15) )}.m3-card--elevated.m3-card--dragged{box-shadow:var( --m3-elevation-4, 0 2px 3px rgba(0, 0, 0, .3), 0 6px 10px 4px rgba(0, 0, 0, .15) )}.m3-card--filled{background-color:var(--m3-surface-container-highest, #e6e0e6);box-shadow:none}.m3-card--outlined{background-color:var(--m3-surface, #fffbfe);border:1px solid var(--m3-outline-variant, #cac4d0);box-shadow:none}.m3-card--outlined.m3-card--interactive:focus-visible{border-color:var(--m3-primary, #65c466)}.m3-card:focus-visible{outline:2px solid var(--m3-focus-ring, var(--m3-primary, #65c466));outline-offset:2px}.m3-card__header{display:flex;align-items:flex-start;gap:16px;padding:var(--m3-card-padding);padding-bottom:0}.m3-card__header-avatar{flex-shrink:0;width:40px;height:40px;border-radius:var(--m3-shape-full, 20px);background-color:var(--m3-primary-container, #a4f5a6);display:flex;align-items:center;justify-content:center;overflow:hidden}.m3-card__header-avatar img{width:100%;height:100%;object-fit:cover}.m3-card__header-text{flex:1;min-width:0}.m3-card__headline{margin:0;font-family:var(--m3-typescale-title-medium-font, inherit);font-size:var(--m3-typescale-title-medium-size, 16px);font-weight:var(--m3-typescale-title-medium-weight, 500);line-height:var(--m3-typescale-title-medium-line-height, 24px);letter-spacing:var(--m3-typescale-title-medium-tracking, .15px);color:var(--m3-on-surface, #1c1b1f)}.m3-card__subhead{margin:4px 0 0;font-family:var(--m3-typescale-body-medium-font, inherit);font-size:var(--m3-typescale-body-medium-size, 14px);font-weight:var(--m3-typescale-body-medium-weight, 400);line-height:var(--m3-typescale-body-medium-line-height, 20px);letter-spacing:var(--m3-typescale-body-medium-tracking, .25px);color:var(--m3-on-surface-variant, #49454f)}.m3-card__header-action{flex-shrink:0;margin:-8px;padding:8px}.m3-card__media{position:relative;overflow:hidden}.m3-card__media img,.m3-card__media video{width:100%;height:auto;display:block}.m3-card__media--top{border-radius:var(--m3-card-radius) var(--m3-card-radius) 0 0}.m3-card__media--16-9{aspect-ratio:16 / 9}.m3-card__media--4-3{aspect-ratio:4 / 3}.m3-card__media--square{aspect-ratio:1 / 1}.m3-card__media img{object-fit:cover;height:100%}.m3-card__media-overlay{position:absolute;bottom:0;left:0;right:0;padding:16px;background:linear-gradient(to top,#000000b3,#0000);color:#fff}.m3-card__content{padding:var(--m3-card-padding);flex:1}.m3-card__content:first-child{padding-top:var(--m3-card-padding)}.m3-card__supporting-text{margin:0;font-family:var(--m3-typescale-body-medium-font, inherit);font-size:var(--m3-typescale-body-medium-size, 14px);font-weight:var(--m3-typescale-body-medium-weight, 400);line-height:var(--m3-typescale-body-medium-line-height, 20px);letter-spacing:var(--m3-typescale-body-medium-tracking, .25px);color:var(--m3-on-surface-variant, #49454f)}.m3-card__actions{display:flex;align-items:center;gap:8px;padding:8px 16px 16px}.m3-card__actions--end{justify-content:flex-end}.m3-card__actions--space-between{justify-content:space-between}.m3-card__actions--vertical{flex-direction:column;align-items:stretch}.m3-card__icon-actions{display:flex;align-items:center;gap:4px;margin-left:auto}.m3-card__divider{height:1px;margin:0 var(--m3-card-padding);background-color:var(--m3-outline-variant, #cac4d0)}.m3-card--compact{--m3-card-padding: 12px;--m3-card-gap: 12px}.m3-card--large{--m3-card-padding: 24px;--m3-card-gap: 24px;--m3-card-radius: var(--m3-shape-large, 16px)}.m3-card--horizontal{flex-direction:row}.m3-card--horizontal .m3-card__media{flex-shrink:0;width:120px;border-radius:var(--m3-card-radius) 0 0 var(--m3-card-radius)}.m3-card--horizontal .m3-card__media--top{border-radius:var(--m3-card-radius) 0 0 var(--m3-card-radius)}.m3-card--horizontal .m3-card__media img{height:100%}.m3-card--horizontal .m3-card__body{display:flex;flex-direction:column;flex:1;min-width:0}.m3-card-stack{display:flex;flex-direction:column;gap:8px}.m3-card-stack--no-gap{gap:0}.m3-card-stack--no-gap .m3-card{border-radius:0}.m3-card-stack--no-gap .m3-card:first-child{border-radius:var(--m3-card-radius) var(--m3-card-radius) 0 0}.m3-card-stack--no-gap .m3-card:last-child{border-radius:0 0 var(--m3-card-radius) var(--m3-card-radius)}.m3-card-stack--no-gap .m3-card:only-child{border-radius:var(--m3-card-radius)}.m3-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.m3-card-grid--compact{gap:8px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.m3-card--selected{border:2px solid var(--m3-primary, #65c466)}.m3-card--selected.m3-card--elevated{box-shadow:var(--m3-elevation-2)}.m3-card__selection{position:absolute;top:12px;right:12px;width:24px;height:24px;border-radius:var(--m3-shape-full, 12px);background-color:var(--m3-primary, #65c466);color:var(--m3-on-primary, #003910);display:flex;align-items:center;justify-content:center;z-index:2}.m3-card--loading{pointer-events:none}.m3-card--loading:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:m3-card-shimmer 1.5s infinite}@keyframes m3-card-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.m3-card--primary{background-color:var(--m3-primary-container, #a4f5a6);color:var(--m3-on-primary-container, #002107)}.m3-card--primary .m3-card__headline,.m3-card--primary .m3-card__subhead,.m3-card--primary .m3-card__supporting-text{color:inherit}.m3-card--secondary{background-color:var(--m3-secondary-container, #e0e3e0);color:var(--m3-on-secondary-container, #171d19)}.m3-card--tertiary{background-color:var(--m3-tertiary-container, #a0cfcf);color:var(--m3-on-tertiary-container, #00201f)}.m3-card--error{background-color:var(--m3-error-container, #ffdad6);color:var(--m3-on-error-container, #410002)}@media(prefers-reduced-motion:reduce){.m3-card{transition:none}.m3-card--loading:after{animation:none}}[data-theme=dark] .m3-card--elevated{background-color:var(--m3-surface-container-low, #1d1b20)}[data-theme=dark] .m3-card--filled{background-color:var(--m3-surface-container-highest, #36343a)}[data-theme=dark] .m3-card--outlined{background-color:var(--m3-surface, #141218);border-color:var(--m3-outline-variant, #49454f)}[data-theme=dark] .m3-card__media-overlay{background:linear-gradient(to top,#000000d9,#0000)}@media(max-width:599px){.m3-card--horizontal{flex-direction:column}.m3-card--horizontal .m3-card__media{width:100%;border-radius:var(--m3-card-radius) var(--m3-card-radius) 0 0}.m3-card-grid{grid-template-columns:1fr}}@media(prefers-contrast:high){.m3-card--outlined{border-width:2px}.m3-card:focus-visible{outline-width:3px}}.m3-text-field{--m3-field-height: 56px;--m3-field-padding-x: 16px;--m3-field-padding-top: 8px;--m3-field-radius: var(--m3-shape-extra-small-top, 4px 4px 0 0);--m3-field-label-size: 12px;--m3-field-input-size: 16px;position:relative;display:flex;flex-direction:column;width:100%}.m3-text-field__container{position:relative;display:flex;align-items:center;min-height:var(--m3-field-height);border-radius:var(--m3-field-radius);cursor:text;transition:all .2s var(--m3-motion-easing-standard, ease)}.m3-text-field__container:before{content:"";position:absolute;inset:0;border-radius:inherit;background-color:var(--m3-on-surface, #1c1b1f);opacity:0;transition:opacity .2s var(--m3-motion-easing-standard, ease);pointer-events:none}.m3-text-field__container:hover:before{opacity:var(--m3-state-hover-opacity, .08)}.m3-text-field--filled .m3-text-field__container{background-color:var(--m3-surface-container-highest, #e6e0e6);border-bottom:1px solid var(--m3-on-surface-variant, #49454f);border-radius:var(--m3-shape-extra-small-top, 4px 4px 0 0)}.m3-text-field--filled .m3-text-field__container:focus-within{border-bottom-width:2px;border-bottom-color:var(--m3-primary, #65c466)}.m3-text-field--filled .m3-text-field__active-indicator{position:absolute;bottom:-1px;left:0;right:0;height:2px;background-color:var(--m3-primary, #65c466);transform:scaleX(0);transition:transform .2s var(--m3-motion-easing-standard, ease)}.m3-text-field--filled .m3-text-field__container:focus-within .m3-text-field__active-indicator{transform:scaleX(1)}.m3-text-field--outlined .m3-text-field__container{--m3-field-radius: var(--m3-shape-extra-small, 4px);background-color:transparent;border:1px solid var(--m3-outline, #79747e);border-radius:var(--m3-field-radius)}.m3-text-field--outlined .m3-text-field__container:hover{border-color:var(--m3-on-surface, #1c1b1f)}.m3-text-field--outlined .m3-text-field__container:focus-within{border-width:2px;border-color:var(--m3-primary, #65c466)}.m3-text-field--outlined .m3-text-field__label{background-color:var(--m3-surface, #fffbfe);padding:0 4px;margin-left:-4px}.m3-text-field__input{flex:1;width:100%;height:100%;min-height:calc(var(--m3-field-height) - 24px);padding:var(--m3-field-padding-top) var(--m3-field-padding-x) 8px;border:none;background:transparent;outline:none;font-family:var(--m3-typescale-body-large-font, inherit);font-size:var(--m3-typescale-body-large-size, 16px);font-weight:var(--m3-typescale-body-large-weight, 400);line-height:var(--m3-typescale-body-large-line-height, 24px);letter-spacing:var(--m3-typescale-body-large-tracking, .5px);color:var(--m3-on-surface, #1c1b1f);caret-color:var(--m3-primary, #65c466)}.m3-text-field__input::placeholder{color:var(--m3-on-surface-variant, #49454f);opacity:0;transition:opacity .2s var(--m3-motion-easing-standard, ease)}.m3-text-field__container:focus-within .m3-text-field__input::placeholder,.m3-text-field--has-value .m3-text-field__input::placeholder{opacity:1}.m3-text-field__input--textarea{min-height:100px;padding-top:16px;resize:vertical}.m3-text-field__label{position:absolute;left:var(--m3-field-padding-x);top:50%;transform:translateY(-50%);font-family:var(--m3-typescale-body-large-font, inherit);font-size:var(--m3-typescale-body-large-size, 16px);font-weight:var(--m3-typescale-body-large-weight, 400);line-height:var(--m3-typescale-body-large-line-height, 24px);letter-spacing:var(--m3-typescale-body-large-tracking, .5px);color:var(--m3-on-surface-variant, #49454f);pointer-events:none;transform-origin:left center;transition:transform .2s var(--m3-motion-easing-standard, ease),font-size .2s var(--m3-motion-easing-standard, ease),color .2s var(--m3-motion-easing-standard, ease),top .2s var(--m3-motion-easing-standard, ease)}.m3-text-field--filled .m3-text-field__container:focus-within .m3-text-field__label,.m3-text-field--filled.m3-text-field--has-value .m3-text-field__label{top:8px;transform:translateY(0);font-size:var(--m3-typescale-body-small-size, 12px);line-height:var(--m3-typescale-body-small-line-height, 16px)}.m3-text-field--filled .m3-text-field__container:focus-within .m3-text-field__label{color:var(--m3-primary, #65c466)}.m3-text-field--outlined .m3-text-field__container:focus-within .m3-text-field__label,.m3-text-field--outlined.m3-text-field--has-value .m3-text-field__label{top:0;transform:translateY(-50%);font-size:var(--m3-typescale-body-small-size, 12px);line-height:var(--m3-typescale-body-small-line-height, 16px)}.m3-text-field--outlined .m3-text-field__container:focus-within .m3-text-field__label{color:var(--m3-primary, #65c466)}.m3-text-field--has-leading .m3-text-field__label{left:52px}.m3-text-field__leading,.m3-text-field__trailing{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--m3-on-surface-variant, #49454f)}.m3-text-field__leading{padding-left:12px}.m3-text-field__trailing{padding-right:12px;gap:4px}.m3-text-field__icon-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:8px;margin:-8px;border:none;background:transparent;border-radius:var(--m3-shape-full, 20px);color:inherit;cursor:pointer;transition:background-color .2s var(--m3-motion-easing-standard, ease)}.m3-text-field__icon-button:hover{background-color:#00000014}.m3-text-field__icon-button:focus-visible{outline:2px solid var(--m3-primary, #65c466);outline-offset:2px}.m3-text-field__supporting{display:flex;justify-content:space-between;gap:16px;padding:4px 16px 0;font-family:var(--m3-typescale-body-small-font, inherit);font-size:var(--m3-typescale-body-small-size, 12px);font-weight:var(--m3-typescale-body-small-weight, 400);line-height:var(--m3-typescale-body-small-line-height, 16px);letter-spacing:var(--m3-typescale-body-small-tracking, .4px);color:var(--m3-on-surface-variant, #49454f)}.m3-text-field__helper{flex:1}.m3-text-field__counter{flex-shrink:0}.m3-text-field--error .m3-text-field__container{border-color:var(--m3-error, #ba1a1a)}.m3-text-field--error .m3-text-field__label{color:var(--m3-error, #ba1a1a)}.m3-text-field--error .m3-text-field__input{caret-color:var(--m3-error, #ba1a1a)}.m3-text-field--error .m3-text-field__supporting,.m3-text-field--error .m3-text-field__trailing{color:var(--m3-error, #ba1a1a)}.m3-text-field--filled.m3-text-field--error .m3-text-field__active-indicator{background-color:var(--m3-error, #ba1a1a)}.m3-text-field--disabled{pointer-events:none}.m3-text-field--disabled .m3-text-field__container{opacity:.38}.m3-text-field--filled.m3-text-field--disabled .m3-text-field__container{background-color:#0000000a;border-bottom-color:var(--m3-on-surface, #1c1b1f)}.m3-text-field--outlined.m3-text-field--disabled .m3-text-field__container{border-color:var(--m3-on-surface, #1c1b1f)}.m3-text-field--disabled .m3-text-field__label,.m3-text-field--disabled .m3-text-field__input,.m3-text-field--disabled .m3-text-field__supporting{color:var(--m3-on-surface, #1c1b1f)}.m3-text-field__prefix,.m3-text-field__suffix{font-family:var(--m3-typescale-body-large-font, inherit);font-size:var(--m3-typescale-body-large-size, 16px);color:var(--m3-on-surface-variant, #49454f);white-space:nowrap;opacity:0;transition:opacity .2s var(--m3-motion-easing-standard, ease)}.m3-text-field__container:focus-within .m3-text-field__prefix,.m3-text-field__container:focus-within .m3-text-field__suffix,.m3-text-field--has-value .m3-text-field__prefix,.m3-text-field--has-value .m3-text-field__suffix{opacity:1}.m3-text-field__prefix{margin-right:-12px;padding-left:16px}.m3-text-field__suffix{margin-left:-12px;padding-right:16px}.m3-text-field--dense{--m3-field-height: 48px;--m3-field-padding-x: 12px}.m3-text-field--full-width{width:100%}.m3-text-field--search .m3-text-field__container{--m3-field-radius: var(--m3-shape-full, 28px);border-radius:var(--m3-field-radius);background-color:var(--m3-surface-container-high, #ece6ec);border:none}.m3-text-field--search .m3-text-field__input{padding-left:0}.m3-text-field--search .m3-text-field__label{display:none}.m3-text-field--search .m3-text-field__input::placeholder{opacity:1}.m3-text-field--dropdown .m3-text-field__container{cursor:pointer}.m3-text-field--dropdown .m3-text-field__input{cursor:pointer;-webkit-user-select:none;user-select:none}[data-theme=dark] .m3-text-field--filled .m3-text-field__container{background-color:var(--m3-surface-container-highest, #36343a)}[data-theme=dark] .m3-text-field--outlined .m3-text-field__label{background-color:var(--m3-surface, #141218)}[data-theme=dark] .m3-text-field--search .m3-text-field__container{background-color:var(--m3-surface-container-high, #2b2930)}[data-theme=dark] .m3-text-field__icon-button:hover{background-color:#ffffff14}@media(prefers-reduced-motion:reduce){.m3-text-field__label,.m3-text-field__container,.m3-text-field__input::placeholder,.m3-text-field__prefix,.m3-text-field__suffix,.m3-text-field__active-indicator{transition:none}}@media(prefers-contrast:high){.m3-text-field--outlined .m3-text-field__container{border-width:2px}.m3-text-field--outlined .m3-text-field__container:focus-within{border-width:3px}}@media(pointer:coarse){.m3-text-field{--m3-field-height: 56px}.m3-text-field__icon-button{min-width:48px;min-height:48px}}.m3-chip{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:32px;padding:0 16px;border-radius:8px;font-family:var(--m3-font-plain, inherit);font-size:.875rem;font-weight:500;letter-spacing:.1px;line-height:1.25rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s cubic-bezier(.2,0,0,1),box-shadow .2s cubic-bezier(.2,0,0,1),border-color .2s cubic-bezier(.2,0,0,1);position:relative;overflow:hidden;border:none;outline:none;white-space:nowrap;text-decoration:none}.m3-chip:before{content:"";position:absolute;inset:0;background-color:currentColor;opacity:0;transition:opacity .2s cubic-bezier(.2,0,0,1);pointer-events:none}.m3-chip:hover:before{opacity:.08}.m3-chip:focus-visible:before{opacity:.12}.m3-chip:active:before{opacity:.12}.m3-chip:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.m3-chip--assist{background-color:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);box-shadow:var(--m3-shadow-1)}.m3-chip--assist:hover{box-shadow:var(--m3-shadow-2)}.m3-chip--assist-outlined{background-color:transparent;color:var(--md-sys-color-on-surface);border:1px solid var(--md-sys-color-outline)}.m3-chip--assist-outlined:hover{background-color:var(--md-sys-color-surface-container-low)}.m3-chip--filter{background-color:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface-variant);border:1px solid var(--md-sys-color-outline);padding-left:8px}.m3-chip--filter:hover{background-color:var(--md-sys-color-surface-container)}.m3-chip--filter.m3-chip--selected{background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);border-color:transparent}.m3-chip--filter.m3-chip--selected:hover{background-color:var(--md-sys-color-secondary-container);box-shadow:var(--m3-shadow-1)}.m3-chip--input{background-color:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface-variant);border:1px solid var(--md-sys-color-outline);padding-left:4px;padding-right:8px}.m3-chip--input:hover{background-color:var(--md-sys-color-surface-container)}.m3-chip--input.m3-chip--selected{background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);border-color:transparent}.m3-chip--suggestion{background-color:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface-variant);border:1px solid var(--md-sys-color-outline)}.m3-chip--suggestion:hover{background-color:var(--md-sys-color-surface-container)}.m3-chip--suggestion.m3-chip--selected{background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);border-color:transparent}.m3-chip__leading{display:flex;align-items:center;justify-content:center;width:18px;height:18px;margin-left:-4px}.m3-chip__leading svg{width:18px;height:18px}.m3-chip__avatar{width:24px;height:24px;border-radius:50%;overflow:hidden;flex-shrink:0}.m3-chip__avatar img{width:100%;height:100%;object-fit:cover}.m3-chip__trailing{display:flex;align-items:center;justify-content:center;width:18px;height:18px;margin-right:-4px;border-radius:50%;transition:background-color .15s ease}.m3-chip__trailing:hover{background-color:#00000014}.m3-chip__trailing svg{width:18px;height:18px}.m3-chip__checkmark{display:flex;align-items:center;justify-content:center;width:0;height:18px;overflow:hidden;transition:width .2s cubic-bezier(.2,0,0,1)}.m3-chip--selected .m3-chip__checkmark{width:18px;margin-right:4px}.m3-chip__checkmark svg{width:18px;height:18px}.m3-chip__label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m3-chip--sm{height:28px;padding:0 12px;font-size:.75rem}.m3-chip--sm .m3-chip__leading,.m3-chip--sm .m3-chip__trailing{width:16px;height:16px}.m3-chip--sm .m3-chip__leading svg,.m3-chip--sm .m3-chip__trailing svg{width:16px;height:16px}.m3-chip--lg{height:40px;padding:0 20px;font-size:1rem}.m3-chip--primary.m3-chip--selected{background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.m3-chip--error.m3-chip--selected{background-color:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.m3-chip--protein{background-color:var(--m3-protein-container);color:var(--m3-on-protein-container);border-color:transparent}.m3-chip--carbs{background-color:var(--m3-carbs-container);color:var(--m3-on-carbs-container);border-color:transparent}.m3-chip--fat{background-color:var(--m3-fat-container);color:var(--m3-on-fat-container);border-color:transparent}.m3-chip-group{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.m3-chip-group--scroll{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;margin-bottom:-4px;scrollbar-width:none;-ms-overflow-style:none}.m3-chip-group--scroll::-webkit-scrollbar{display:none}.m3-chip-group--vertical{flex-direction:column;align-items:flex-start}.m3-chip:disabled,.m3-chip--disabled{opacity:.38;pointer-events:none;box-shadow:none}@keyframes m3-chip-selection{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}.m3-chip--animate-selection{animation:m3-chip-selection .2s cubic-bezier(.2,0,0,1)}@media(prefers-reduced-motion:reduce){.m3-chip,.m3-chip:before,.m3-chip__checkmark{transition:none}.m3-chip--animate-selection{animation:none}}.m3-segmented-button-group{display:inline-flex;border-radius:20px;overflow:hidden;border:1px solid var(--md-sys-color-outline)}.m3-segmented-button-group--full-width{display:flex;width:100%}.m3-segmented-button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 16px;border:none;background-color:transparent;color:var(--md-sys-color-on-surface);font-family:var(--m3-font-plain, inherit);font-size:.875rem;font-weight:500;letter-spacing:.1px;line-height:1.25rem;cursor:pointer;position:relative;overflow:hidden;transition:background-color .2s cubic-bezier(.2,0,0,1),color .2s cubic-bezier(.2,0,0,1);flex:1;min-width:0}.m3-segmented-button:not(:last-child):after{content:"";position:absolute;right:0;top:8px;bottom:8px;width:1px;background-color:var(--md-sys-color-outline);transition:opacity .2s ease}.m3-segmented-button:before{content:"";position:absolute;inset:0;background-color:currentColor;opacity:0;transition:opacity .15s ease;pointer-events:none}.m3-segmented-button:hover:before{opacity:.08}.m3-segmented-button:focus-visible:before{opacity:.12}.m3-segmented-button:active:before{opacity:.12}.m3-segmented-button:focus-visible{outline:none;z-index:1}.m3-segmented-button:focus-visible:after{box-shadow:inset 0 0 0 2px var(--md-sys-color-primary)}.m3-segmented-button--selected{background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.m3-segmented-button--selected:after{opacity:0}.m3-segmented-button--selected:hover:before{opacity:.08}.m3-segmented-button--selected+.m3-segmented-button:after,.m3-segmented-button:has(+.m3-segmented-button--selected):after{opacity:0}.m3-segmented-button__check{display:flex;align-items:center;justify-content:center;width:0;height:18px;overflow:hidden;transition:width .2s cubic-bezier(.2,0,0,1)}.m3-segmented-button--selected .m3-segmented-button__check{width:18px}.m3-segmented-button__check svg{width:18px;height:18px}.m3-segmented-button__icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0}.m3-segmented-button__icon svg{width:18px;height:18px}.m3-segmented-button--selected.m3-segmented-button--has-icon .m3-segmented-button__icon{display:none}.m3-segmented-button__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m3-segmented-button-group--sm .m3-segmented-button{min-height:32px;padding:0 12px;font-size:.75rem}.m3-segmented-button-group--lg .m3-segmented-button{min-height:48px;padding:0 24px;font-size:1rem}.m3-segmented-button--icon-only{padding:0;min-width:48px}.m3-segmented-button--icon-only .m3-segmented-button__icon{width:24px;height:24px}.m3-segmented-button--icon-only .m3-segmented-button__icon svg{width:24px;height:24px}.m3-segmented-button:disabled,.m3-segmented-button--disabled{opacity:.38;pointer-events:none}.m3-segmented-button-group--compact .m3-segmented-button{min-height:36px;padding:0 12px;gap:4px}.m3-segmented-button-group--compact .m3-segmented-button__check{width:16px;height:16px}.m3-segmented-button-group--compact .m3-segmented-button--selected .m3-segmented-button__check{width:16px}@keyframes m3-segmented-check-in{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.m3-segmented-button--selected .m3-segmented-button__check svg{animation:m3-segmented-check-in .2s cubic-bezier(.2,0,0,1)}@media(max-width:599px){.m3-segmented-button-group--responsive{display:flex;width:100%}.m3-segmented-button-group--responsive .m3-segmented-button__label{font-size:.75rem}}@media(prefers-reduced-motion:reduce){.m3-segmented-button,.m3-segmented-button:before,.m3-segmented-button:after,.m3-segmented-button__check{transition:none}.m3-segmented-button--selected .m3-segmented-button__check svg{animation:none}}.ds-toast{background:transparent!important;padding:0!important;box-shadow:none!important}.ds-toast-content{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface-elevated);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);min-width:280px;max-width:420px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:relative;overflow:hidden}.ds-toast-content--success{border-color:var(--color-success);background:var(--gradient-success-to-surface)}.ds-toast-content--success .ds-toast-content__icon{color:var(--color-success)}.ds-toast-content--error{border-color:var(--color-error);background:var(--gradient-error-to-surface)}.ds-toast-content--error .ds-toast-content__icon{color:var(--color-error)}.ds-toast-content--warning{border-color:var(--color-warning);background:var(--gradient-warning-to-surface)}.ds-toast-content--warning .ds-toast-content__icon{color:var(--color-warning)}.ds-toast-content--info{border-color:var(--color-info);background:var(--gradient-info-to-surface)}.ds-toast-content--info .ds-toast-content__icon{color:var(--color-info)}.ds-toast-content--undo{border-color:var(--color-primary-500);background:var(--gradient-info-to-surface);flex-wrap:wrap}.ds-toast-content--loading{border-color:var(--border-default)}.ds-toast-content__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.ds-toast-content__text{flex:1;display:flex;flex-direction:column;gap:var(--space-0-5);min-width:0}.ds-toast-content__title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);line-height:var(--leading-tight)}.ds-toast-content__message{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-normal)}.ds-toast-content__dismiss{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-tertiary);cursor:pointer;flex-shrink:0;transition:var(--transition-fast)}.ds-toast-content__dismiss:hover{background:var(--surface-tertiary);color:var(--text-primary)}.ds-toast-content__undo-btn{padding:var(--space-1-5) var(--space-3);background:var(--color-primary-500);border:none;border-radius:var(--radius-md);color:var(--text-inverse);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-fast);flex-shrink:0}.ds-toast-content__undo-btn:hover{background:var(--color-primary-400)}.ds-toast-content__progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--surface-tertiary)}.ds-toast-content__progress-bar{height:100%;background:var(--color-primary-500)}.ds-toast-content__spinner{width:20px;height:20px;border:2px solid var(--border-default);border-top-color:var(--color-primary-500);border-radius:var(--radius-full);animation:toast-spin .8s linear infinite;flex-shrink:0}@keyframes toast-spin{to{transform:rotate(360deg)}}@media(max-width:480px){.ds-toast-content{min-width:calc(100vw - 32px);max-width:calc(100vw - 32px);margin:0 16px}}.m3-snackbar-container{position:fixed;z-index:var(--z-toast, 800);display:flex;flex-direction:column;gap:8px;padding:16px;pointer-events:none;max-width:100%}.m3-snackbar-container--bottom-center{bottom:0;left:50%;transform:translate(-50%);align-items:center}.m3-snackbar-container--bottom-left{bottom:0;left:0;align-items:flex-start}.m3-snackbar-container--bottom-right{bottom:0;right:0;align-items:flex-end}.m3-snackbar-container--top-center{top:0;left:50%;transform:translate(-50%);align-items:center}.m3-snackbar-container--top-left{top:0;left:0;align-items:flex-start}.m3-snackbar-container--top-right{top:0;right:0;align-items:flex-end}.m3-snackbar-container--bottom-center,.m3-snackbar-container--bottom-left,.m3-snackbar-container--bottom-right{padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}.m3-snackbar-container--with-nav{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}.m3-snackbar{display:flex;align-items:center;gap:8px;min-width:280px;max-width:560px;min-height:48px;padding:0 8px 0 16px;background-color:var(--md-sys-color-inverse-surface);color:var(--md-sys-color-inverse-on-surface);border-radius:4px;box-shadow:var(--m3-shadow-3);pointer-events:auto}.m3-snackbar--single-line{padding:0 16px}.m3-snackbar--two-line{min-height:68px;padding:12px 8px 12px 16px;align-items:flex-start}.m3-snackbar--longer-action{flex-direction:column;align-items:flex-start;padding:12px 16px;gap:4px}.m3-snackbar--longer-action .m3-snackbar__actions{align-self:flex-end;margin-top:4px}.m3-snackbar__message{flex:1;font-family:var(--m3-font-plain, inherit);font-size:.875rem;font-weight:400;line-height:1.25rem;letter-spacing:.25px}.m3-snackbar--two-line .m3-snackbar__message{line-height:1.5rem}.m3-snackbar__icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;margin-right:4px}.m3-snackbar__actions{display:flex;align-items:center;gap:0;flex-shrink:0}.m3-snackbar__action{display:flex;align-items:center;justify-content:center;min-height:36px;padding:0 12px;border:none;background:transparent;color:var(--md-sys-color-inverse-primary);font-family:var(--m3-font-plain, inherit);font-size:.875rem;font-weight:500;letter-spacing:.1px;cursor:pointer;border-radius:4px;transition:background-color .15s ease}.m3-snackbar__action:hover{background-color:#a8c7fa14}.m3-snackbar__action:focus-visible{outline:2px solid var(--md-sys-color-inverse-primary);outline-offset:2px}.m3-snackbar__action:active{background-color:#a8c7fa1f}.m3-snackbar__close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;background:transparent;color:var(--md-sys-color-inverse-on-surface);cursor:pointer;border-radius:50%;opacity:.7;transition:opacity .15s ease,background-color .15s ease}.m3-snackbar__close:hover{opacity:1;background-color:#ffffff14}.m3-snackbar--success{background-color:var(--m3-success);color:var(--m3-on-success)}.m3-snackbar--success .m3-snackbar__action{color:var(--m3-on-success)}.m3-snackbar--success .m3-snackbar__action:hover{background-color:#ffffff26}.m3-snackbar--error{background-color:var(--md-sys-color-error);color:var(--md-sys-color-on-error)}.m3-snackbar--error .m3-snackbar__action{color:var(--md-sys-color-on-error)}.m3-snackbar--warning{background-color:var(--m3-warning);color:var(--m3-on-warning)}.m3-snackbar--warning .m3-snackbar__action{color:var(--m3-on-warning)}.m3-snackbar__progress{position:absolute;bottom:0;left:0;right:0;height:2px;background-color:#ffffff4d;overflow:hidden}.m3-snackbar__progress-bar{height:100%;background-color:var(--md-sys-color-inverse-primary);transform-origin:left}@media(max-width:599px){.m3-snackbar-container{padding:8px}.m3-snackbar-container--bottom-center,.m3-snackbar-container--bottom-left,.m3-snackbar-container--bottom-right{left:0;right:0;transform:none;align-items:stretch}.m3-snackbar{min-width:auto;max-width:none;width:100%;border-radius:8px}}@media(prefers-reduced-motion:reduce){.m3-snackbar,.m3-snackbar__progress-bar{transition:none}}.m3-dialog-scrim{position:fixed;inset:0;background-color:var(--m3-scrim);z-index:var(--z-modal-backdrop, 400);display:flex;align-items:center;justify-content:center;padding:24px}.m3-dialog{position:relative;display:flex;flex-direction:column;min-width:280px;max-width:560px;width:100%;max-height:calc(100dvh - 48px);background-color:var(--md-sys-color-surface-container-high);border-radius:28px;box-shadow:var(--m3-shadow-4);z-index:var(--z-modal, 500);overflow:hidden}.m3-dialog--sm{max-width:400px}.m3-dialog--lg{max-width:720px}.m3-dialog--xl{max-width:900px}.m3-dialog--fullscreen{min-width:100%;max-width:100%;min-height:100dvh;max-height:100dvh;border-radius:0}.m3-dialog__header{display:flex;flex-direction:column;padding:24px 24px 0;flex-shrink:0}.m3-dialog--fullscreen .m3-dialog__header{flex-direction:row;align-items:center;gap:16px;padding:8px 8px 8px 16px;background-color:var(--md-sys-color-surface);border-bottom:1px solid var(--md-sys-color-surface-container-highest)}.m3-dialog__icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-bottom:16px;color:var(--md-sys-color-secondary)}.m3-dialog__icon--error{color:var(--md-sys-color-error)}.m3-dialog__icon--warning{color:var(--m3-warning)}.m3-dialog__icon--success{color:var(--m3-success)}.m3-dialog__close{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;border:none;background:transparent;color:var(--md-sys-color-on-surface);cursor:pointer;transition:background-color .15s ease;flex-shrink:0}.m3-dialog__close:hover{background-color:var(--md-sys-color-surface-container)}.m3-dialog__close:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:-2px}.m3-dialog__title{font-size:1.5rem;font-weight:400;line-height:2rem;color:var(--md-sys-color-on-surface);margin:0;text-align:center}.m3-dialog--fullscreen .m3-dialog__title{flex:1;font-size:1.375rem;line-height:1.75rem;text-align:left}.m3-dialog__header-action{flex-shrink:0}.m3-dialog__content{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:16px 24px 24px;color:var(--md-sys-color-on-surface-variant);font-size:.875rem;line-height:1.25rem;-webkit-overflow-scrolling:touch}.m3-dialog__content p{margin:0 0 16px}.m3-dialog__content p:last-child{margin-bottom:0}.m3-dialog--fullscreen .m3-dialog__content{padding:24px}.m3-dialog__divider{height:1px;background-color:var(--md-sys-color-surface-container-highest);flex-shrink:0}.m3-dialog__actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:16px 24px 24px;flex-shrink:0}.m3-dialog--fullscreen .m3-dialog__actions{padding:16px 24px;background-color:var(--md-sys-color-surface);border-top:1px solid var(--md-sys-color-surface-container-highest)}.m3-dialog__actions--stacked{flex-direction:column;align-items:stretch}.m3-dialog__actions--stacked>*{width:100%}.m3-dialog--alert .m3-dialog__header{align-items:center;text-align:center}.m3-dialog--alert .m3-dialog__content{text-align:center}.m3-dialog--confirm .m3-dialog__title,.m3-dialog--confirm .m3-dialog__content{text-align:left}.m3-dialog__input-container{margin-top:16px}.m3-dialog__input{width:100%;padding:16px;font-size:1rem;line-height:1.5rem;color:var(--md-sys-color-on-surface);background-color:var(--md-sys-color-surface-container-lowest);border:1px solid var(--md-sys-color-outline);border-radius:4px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.m3-dialog__input:focus{border-color:var(--md-sys-color-primary);box-shadow:inset 0 0 0 1px var(--md-sys-color-primary)}.m3-dialog__input::placeholder{color:var(--md-sys-color-on-surface-variant)}.m3-dialog__input-label{display:block;margin-bottom:8px;font-size:.75rem;font-weight:500;color:var(--md-sys-color-on-surface-variant);letter-spacing:.5px}.m3-dialog__list{list-style:none;margin:0;padding:8px 0}.m3-dialog__list-item{display:flex;align-items:center;gap:16px;padding:12px 24px;min-height:56px;cursor:pointer;transition:background-color .15s ease}.m3-dialog__list-item:hover{background-color:var(--md-sys-color-surface-container)}.m3-dialog__list-item:focus-visible{background-color:var(--md-sys-color-surface-container);outline:none}.m3-dialog__list-item--selected{background-color:var(--md-sys-color-secondary-container)}.m3-dialog__list-item-radio,.m3-dialog__list-item-checkbox{width:20px;height:20px;border-radius:50%;border:2px solid var(--md-sys-color-on-surface-variant);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color .15s ease,background-color .15s ease}.m3-dialog__list-item-checkbox{border-radius:4px}.m3-dialog__list-item--selected .m3-dialog__list-item-radio,.m3-dialog__list-item--selected .m3-dialog__list-item-checkbox{border-color:var(--md-sys-color-primary);background-color:var(--md-sys-color-primary)}.m3-dialog__list-item-radio-dot{width:10px;height:10px;border-radius:50%;background-color:var(--md-sys-color-on-primary);transform:scale(0);transition:transform .15s ease}.m3-dialog__list-item--selected .m3-dialog__list-item-radio-dot{transform:scale(1)}.m3-dialog__list-item-check{color:var(--md-sys-color-on-primary);opacity:0;transform:scale(.5);transition:opacity .15s ease,transform .15s ease}.m3-dialog__list-item--selected .m3-dialog__list-item-check{opacity:1;transform:scale(1)}.m3-dialog__list-item-content{flex:1;min-width:0}.m3-dialog__list-item-title{font-size:1rem;line-height:1.5rem;color:var(--md-sys-color-on-surface)}.m3-dialog__list-item-subtitle{font-size:.875rem;line-height:1.25rem;color:var(--md-sys-color-on-surface-variant)}@keyframes m3-dialog-scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes m3-dialog-scale-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@media(max-width:599px){.m3-dialog-scrim{padding:16px}.m3-dialog{border-radius:24px}.m3-dialog__header{padding:20px 20px 0}.m3-dialog__content,.m3-dialog__actions{padding:12px 20px 20px}.m3-dialog__actions{flex-direction:column-reverse;align-items:stretch}}@media(prefers-reduced-motion:reduce){.m3-dialog,.m3-dialog-scrim{transition:none;animation:none}}.m3-tooltip{position:relative;display:inline-flex}.m3-tooltip__trigger{display:inline-flex;cursor:default}.m3-tooltip__content{position:absolute;z-index:var(--z-tooltip, 700);padding:4px 8px;background-color:var(--md-sys-color-inverse-surface);color:var(--md-sys-color-inverse-on-surface);font-family:var(--m3-font-plain, inherit);font-size:.75rem;font-weight:500;line-height:1rem;letter-spacing:.4px;border-radius:4px;white-space:nowrap;max-width:200px;text-align:center;pointer-events:none;box-shadow:var(--m3-shadow-2)}.m3-tooltip__content--top{bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px}.m3-tooltip__content--bottom{top:100%;left:50%;transform:translate(-50%);margin-top:8px}.m3-tooltip__content--left{right:100%;top:50%;transform:translateY(-50%);margin-right:8px}.m3-tooltip__content--right{left:100%;top:50%;transform:translateY(-50%);margin-left:8px}.m3-tooltip__arrow{position:absolute;width:8px;height:8px;background-color:var(--md-sys-color-inverse-surface);transform:rotate(45deg)}.m3-tooltip__content--top .m3-tooltip__arrow{bottom:-4px;left:50%;margin-left:-4px}.m3-tooltip__content--bottom .m3-tooltip__arrow{top:-4px;left:50%;margin-left:-4px}.m3-tooltip__content--left .m3-tooltip__arrow{right:-4px;top:50%;margin-top:-4px}.m3-tooltip__content--right .m3-tooltip__arrow{left:-4px;top:50%;margin-top:-4px}.m3-tooltip__content--rich{padding:12px 16px;max-width:320px;text-align:left;background-color:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);border-radius:12px;pointer-events:auto}.m3-tooltip__content--rich .m3-tooltip__arrow{background-color:var(--md-sys-color-surface-container)}.m3-tooltip__title{font-size:.875rem;font-weight:500;line-height:1.25rem;margin-bottom:4px;color:var(--md-sys-color-on-surface)}.m3-tooltip__text{font-size:.75rem;font-weight:400;line-height:1rem;color:var(--md-sys-color-on-surface-variant)}.m3-tooltip__actions{display:flex;gap:8px;margin-top:12px;justify-content:flex-end}.m3-tooltip__action{font-size:.875rem;font-weight:500;color:var(--md-sys-color-primary);padding:8px 12px;border:none;background:transparent;cursor:pointer;border-radius:8px;transition:background-color .15s ease}.m3-tooltip__action:hover{background-color:var(--md-sys-color-primary-container)}.m3-tooltip__content--multiline{white-space:normal;text-align:left;max-width:240px;padding:8px 12px;line-height:1.33}.m3-tooltip--dark .m3-tooltip__content{background-color:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface)}.m3-tooltip--dark .m3-tooltip__arrow{background-color:var(--md-sys-color-surface-container-highest)}.m3-tooltip--light .m3-tooltip__content{background-color:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);border:1px solid var(--md-sys-color-outline-variant)}.m3-tooltip--light .m3-tooltip__arrow{background-color:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline-variant);border-top:none;border-left:none}.m3-tooltip__shortcut{display:inline-flex;align-items:center;gap:4px;margin-left:12px;opacity:.7}.m3-tooltip__key{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;background-color:#ffffff26;border-radius:4px;font-size:.6875rem;font-family:var(--m3-font-mono, monospace)}.m3-tooltip__content[aria-hidden=true]{display:none}@media(max-width:599px){.m3-tooltip__content,.m3-tooltip__content--rich{max-width:calc(100vw - 32px)}}@media(prefers-reduced-motion:reduce){.m3-tooltip__content{transition:none}}@media(hover:none){.m3-tooltip--hover-only{display:none}}.m3-badge-container{position:relative;display:inline-flex}.m3-badge{position:absolute;display:flex;align-items:center;justify-content:center;background-color:var(--md-sys-color-error);color:var(--md-sys-color-on-error);font-family:var(--m3-font-plain, inherit);font-weight:500;z-index:1;pointer-events:none}.m3-badge--dot{width:6px;height:6px;min-width:6px;border-radius:3px;top:0;right:0;transform:translate(25%,-25%)}.m3-badge--small,.m3-badge--standard{min-width:16px;height:16px;padding:0 4px;border-radius:8px;font-size:.6875rem;line-height:16px;top:0;right:0;transform:translate(50%,-50%)}.m3-badge--large{min-width:24px;height:24px;padding:0 6px;border-radius:12px;font-size:.75rem;line-height:24px;top:0;right:0;transform:translate(50%,-50%)}.m3-badge--top-left{top:0;right:auto;left:0;transform:translate(-50%,-50%)}.m3-badge--top-right{top:0;right:0;left:auto;transform:translate(50%,-50%)}.m3-badge--bottom-left{inset:auto auto 0 0;transform:translate(-50%,50%)}.m3-badge--bottom-right{inset:auto 0 0 auto;transform:translate(50%,50%)}.m3-badge--inline{position:static;transform:none;margin-left:8px}.m3-badge--primary{background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.m3-badge--secondary{background-color:var(--md-sys-color-secondary);color:var(--md-sys-color-on-secondary)}.m3-badge--success{background-color:var(--m3-success);color:var(--m3-on-success)}.m3-badge--warning{background-color:var(--m3-warning);color:var(--m3-on-warning)}.m3-badge--error{background-color:var(--md-sys-color-error);color:var(--md-sys-color-on-error)}.m3-badge--surface{background-color:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface)}.m3-badge--bordered{box-shadow:0 0 0 2px var(--md-sys-color-surface)}.m3-badge--pulse:after{content:"";position:absolute;inset:0;border-radius:inherit;background-color:inherit;animation:m3-badge-pulse 2s ease-in-out infinite}@keyframes m3-badge-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:0;transform:scale(1.5)}}@keyframes m3-badge-enter{0%{opacity:0;transform:translate(var(--badge-tx, 50%),var(--badge-ty, -50%)) scale(.5)}to{opacity:1;transform:translate(var(--badge-tx, 50%),var(--badge-ty, -50%)) scale(1)}}.m3-badge--animate{animation:m3-badge-enter .2s cubic-bezier(.175,.885,.32,1.275)}.m3-badge--top-right.m3-badge--animate{--badge-tx: 50%;--badge-ty: -50%}.m3-badge--top-left.m3-badge--animate{--badge-tx: -50%;--badge-ty: -50%}@keyframes m3-badge-bump{0%,to{transform:translate(var(--badge-tx, 50%),var(--badge-ty, -50%)) scale(1)}50%{transform:translate(var(--badge-tx, 50%),var(--badge-ty, -50%)) scale(1.15)}}.m3-badge--bump{animation:m3-badge-bump .2s cubic-bezier(.175,.885,.32,1.275)}.m3-badge--invisible{opacity:0;transform:translate(50%,-50%) scale(0);transition:opacity .2s ease,transform .2s ease}.m3-badge--standalone{position:static;display:inline-flex;transform:none}.m3-badge__max{font-size:inherit}@media(prefers-reduced-motion:reduce){.m3-badge--pulse:after,.m3-badge--animate,.m3-badge--bump{animation:none}.m3-badge--invisible{transition:none}}.ds-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8) var(--space-6);text-align:center;min-height:300px}.ds-empty-state__icon-container{position:relative;margin-bottom:var(--space-6)}.ds-empty-state__icon-bg{display:flex;align-items:center;justify-content:center;width:96px;height:96px;background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-600) 100%);border-radius:var(--radius-3xl);box-shadow:var(--shadow-glow-md),inset 0 1px 0 var(--overlay-light-20)}.ds-empty-state__icon{color:var(--text-inverse)}.ds-empty-state__icon svg{width:40px;height:40px;stroke-width:1.5}.ds-empty-state__decoration{position:absolute;border-radius:var(--radius-full);background:var(--color-primary-500);opacity:.15;animation:empty-state-pulse 3s ease-in-out infinite}.ds-empty-state__decoration--1{width:12px;height:12px;top:-8px;right:-8px;animation-delay:0s}.ds-empty-state__decoration--2{width:8px;height:8px;bottom:0;left:-12px;animation-delay:.5s}.ds-empty-state__decoration--3{width:6px;height:6px;top:50%;right:-16px;animation-delay:1s}@keyframes empty-state-pulse{0%,to{transform:scale(1);opacity:.15}50%{transform:scale(1.3);opacity:.25}}.ds-empty-state__content{max-width:320px;margin-bottom:var(--space-6)}.ds-empty-state__title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-2) 0;line-height:var(--leading-tight)}.ds-empty-state__description{font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:var(--leading-relaxed)}.ds-empty-state__actions{display:flex;flex-direction:column;gap:var(--space-3);align-items:center}.ds-empty-state--compact{padding:var(--space-6) var(--space-4);min-height:200px}.ds-empty-state--compact .ds-empty-state__icon-bg{width:64px;height:64px}.ds-empty-state--compact .ds-empty-state__icon svg{width:28px;height:28px}.ds-empty-state--compact .ds-empty-state__title{font-size:var(--text-lg)}.ds-empty-state--compact .ds-empty-state__description{font-size:var(--text-sm)}.ds-empty-state--inline{flex-direction:row;text-align:left;padding:var(--space-4);min-height:auto;gap:var(--space-4)}.ds-empty-state--inline .ds-empty-state__icon-container{margin-bottom:0}.ds-empty-state--inline .ds-empty-state__icon-bg{width:48px;height:48px}.ds-empty-state--inline .ds-empty-state__icon svg{width:24px;height:24px}.ds-empty-state--inline .ds-empty-state__content{margin-bottom:0;flex:1}.ds-empty-state--inline .ds-empty-state__actions{flex-direction:row}@media(prefers-reduced-motion:reduce){.ds-empty-state__decoration,.ds-empty-state__icon{animation:none}}.m3-bottom-sheet-scrim{position:fixed;inset:0;background-color:var(--m3-scrim);z-index:var(--z-modal-backdrop, 400);touch-action:none}.m3-bottom-sheet{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-modal, 500);display:flex;flex-direction:column;max-height:calc(100dvh - 56px);background-color:var(--md-sys-color-surface-container-low);border-radius:28px 28px 0 0;box-shadow:var(--m3-shadow-4);overflow:hidden;touch-action:none}.m3-bottom-sheet--fullscreen{max-height:100dvh;border-radius:0}.m3-bottom-sheet__handle{display:flex;justify-content:center;padding:16px 0 8px;cursor:grab;touch-action:none;flex-shrink:0}.m3-bottom-sheet__handle:active{cursor:grabbing}.m3-bottom-sheet__handle-bar{width:32px;height:4px;background-color:var(--md-sys-color-on-surface-variant);border-radius:2px;opacity:.4;transition:opacity .15s ease,width .15s ease}.m3-bottom-sheet__handle:hover .m3-bottom-sheet__handle-bar{opacity:.6;width:40px}.m3-bottom-sheet__header{display:flex;align-items:center;gap:16px;padding:0 24px 16px;flex-shrink:0}.m3-bottom-sheet__header-content{flex:1;min-width:0}.m3-bottom-sheet__title{font-size:1.375rem;font-weight:400;line-height:1.75rem;color:var(--md-sys-color-on-surface);margin:0}.m3-bottom-sheet__subtitle{font-size:.875rem;line-height:1.25rem;color:var(--md-sys-color-on-surface-variant);margin:4px 0 0}.m3-bottom-sheet__close{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;border:none;background:transparent;color:var(--md-sys-color-on-surface-variant);cursor:pointer;transition:background-color .15s ease;flex-shrink:0;margin:-8px -12px -8px 0}.m3-bottom-sheet__close:hover{background-color:var(--md-sys-color-surface-container-high)}.m3-bottom-sheet__close:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.m3-bottom-sheet__content{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:0 24px;-webkit-overflow-scrolling:touch}.m3-bottom-sheet__content--no-padding{padding:0}.m3-bottom-sheet__footer{display:flex;gap:12px;padding:16px 24px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));background-color:var(--md-sys-color-surface-container-low);border-top:1px solid var(--md-sys-color-surface-container-highest);flex-shrink:0}.m3-bottom-sheet__footer--sticky{position:sticky;bottom:0}.m3-bottom-sheet__footer-spacer{flex:1}.m3-bottom-sheet__list{list-style:none;margin:0;padding:8px 0}.m3-bottom-sheet__list-item{display:flex;align-items:center;gap:16px;padding:12px 24px;min-height:56px;color:var(--md-sys-color-on-surface);cursor:pointer;transition:background-color .15s ease;text-decoration:none;border:none;background:none;width:100%;text-align:left}.m3-bottom-sheet__list-item:hover{background-color:var(--md-sys-color-surface-container)}.m3-bottom-sheet__list-item:focus-visible{background-color:var(--md-sys-color-surface-container);outline:none}.m3-bottom-sheet__list-item:active{background-color:var(--md-sys-color-surface-container-high)}.m3-bottom-sheet__list-item-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--md-sys-color-on-surface-variant);flex-shrink:0}.m3-bottom-sheet__list-item-content{flex:1;min-width:0}.m3-bottom-sheet__list-item-title{font-size:1rem;font-weight:400;line-height:1.5rem}.m3-bottom-sheet__list-item-subtitle{font-size:.875rem;color:var(--md-sys-color-on-surface-variant);line-height:1.25rem}.m3-bottom-sheet__divider{height:1px;background-color:var(--md-sys-color-surface-container-highest);margin:8px 0}.m3-bottom-sheet--peek{max-height:40vh}.m3-bottom-sheet--half{max-height:50vh}.m3-bottom-sheet--expanded{max-height:calc(100dvh - 56px)}.m3-bottom-sheet--standard{position:absolute;z-index:var(--z-fixed, 300);box-shadow:var(--m3-shadow-3)}@media(min-width:840px){.m3-bottom-sheet{left:50%;transform:translate(-50%);max-width:640px;border-radius:28px;bottom:24px;max-height:calc(100dvh - 80px)}.m3-bottom-sheet--fullscreen{max-width:100%;border-radius:0;bottom:0}}@media(prefers-reduced-motion:reduce){.m3-bottom-sheet,.m3-bottom-sheet-scrim,.m3-bottom-sheet__handle-bar,.m3-bottom-sheet__list-item{transition:none}}@supports (padding-bottom: env(safe-area-inset-bottom)){.m3-bottom-sheet__content{padding-bottom:env(safe-area-inset-bottom,0px)}}.m3-nav-rail{display:flex;flex-direction:column;align-items:center;width:80px;height:100%;background-color:var(--md-sys-color-surface);padding:12px 0;gap:12px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.m3-nav-rail::-webkit-scrollbar{display:none}.m3-nav-rail--with-fab{padding-top:0}.m3-nav-rail--bordered{border-right:1px solid var(--md-sys-color-surface-container-highest)}.m3-nav-rail__fab{padding:12px 0 4px;flex-shrink:0}.m3-nav-rail__menu-btn{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:16px;border:none;background:transparent;color:var(--md-sys-color-on-surface-variant);cursor:pointer;transition:background-color .15s ease;flex-shrink:0}.m3-nav-rail__menu-btn:hover{background-color:var(--md-sys-color-surface-container)}.m3-nav-rail__menu-btn:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.m3-nav-rail__items{display:flex;flex-direction:column;align-items:center;gap:4px;padding:0 12px;flex:1}.m3-nav-rail__items--top{justify-content:flex-start;margin-bottom:auto}.m3-nav-rail__items--center{justify-content:center}.m3-nav-rail__items--bottom{justify-content:flex-end;margin-top:auto}.m3-nav-rail-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:0;width:100%;min-height:56px;border:none;background:transparent;cursor:pointer;text-decoration:none;color:var(--md-sys-color-on-surface-variant);transition:color .15s ease;position:relative}.m3-nav-rail-item:focus-visible{outline:none}.m3-nav-rail-item:focus-visible .m3-nav-rail-item__icon-container{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.m3-nav-rail-item__icon-container{display:flex;align-items:center;justify-content:center;width:56px;height:32px;border-radius:16px;position:relative;transition:background-color .2s cubic-bezier(.2,0,0,1)}.m3-nav-rail-item__icon-container:before{content:"";position:absolute;inset:0;border-radius:16px;background-color:currentColor;opacity:0;transition:opacity .15s ease}.m3-nav-rail-item:hover .m3-nav-rail-item__icon-container:before{opacity:.08}.m3-nav-rail-item:active .m3-nav-rail-item__icon-container:before{opacity:.12}.m3-nav-rail-item--active .m3-nav-rail-item__icon-container{background-color:var(--md-sys-color-secondary-container)}.m3-nav-rail-item--active .m3-nav-rail-item__icon-container:before{opacity:0}.m3-nav-rail-item--active:hover .m3-nav-rail-item__icon-container:before{opacity:.08}.m3-nav-rail-item__icon{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:24px;height:24px;transition:transform .15s ease}.m3-nav-rail-item--active .m3-nav-rail-item__icon{color:var(--md-sys-color-on-secondary-container)}.m3-nav-rail-item__icon--active,.m3-nav-rail-item--active .m3-nav-rail-item__icon--default{display:none}.m3-nav-rail-item--active .m3-nav-rail-item__icon--active{display:flex}.m3-nav-rail-item__label{font-size:.75rem;font-weight:500;line-height:1rem;letter-spacing:.5px;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 4px;transition:font-weight .15s ease,color .15s ease}.m3-nav-rail-item--active .m3-nav-rail-item__label{font-weight:700;color:var(--md-sys-color-on-surface)}.m3-nav-rail-item__badge{position:absolute;top:0;right:12px;min-width:6px;height:6px;border-radius:3px;background-color:var(--md-sys-color-error)}.m3-nav-rail-item__badge--number{min-width:16px;height:16px;padding:0 4px;border-radius:8px;font-size:.6875rem;font-weight:500;line-height:16px;text-align:center;color:var(--md-sys-color-on-error);right:8px;top:-2px}.m3-nav-rail-item__badge--large{min-width:24px;height:24px;border-radius:12px;font-size:.75rem;line-height:24px;right:4px;top:-4px}.m3-nav-rail__divider{width:56px;height:1px;background-color:var(--md-sys-color-surface-container-highest);margin:8px 0;flex-shrink:0}.m3-nav-rail--expanded{width:256px;align-items:flex-start}.m3-nav-rail--expanded .m3-nav-rail-item{flex-direction:row;justify-content:flex-start;gap:12px;padding:0 16px;min-height:56px;width:100%}.m3-nav-rail--expanded .m3-nav-rail-item__icon-container{width:56px;flex-shrink:0}.m3-nav-rail--expanded .m3-nav-rail-item__label{font-size:.875rem;line-height:1.25rem;text-align:left;flex:1}.m3-nav-rail--expanded .m3-nav-rail__items{width:100%;padding:0}@keyframes m3-nav-rail-indicator{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.m3-nav-rail-item--active .m3-nav-rail-item__icon-container{animation:m3-nav-rail-indicator .2s cubic-bezier(.2,0,0,1)}@media(max-width:599px){.m3-nav-rail{display:none}}@media(min-width:600px)and (max-width:839px){.m3-nav-rail{display:flex}}@media(min-width:1200px){.m3-nav-rail--auto-expand{width:256px;align-items:flex-start}.m3-nav-rail--auto-expand .m3-nav-rail-item{flex-direction:row;justify-content:flex-start;gap:12px;padding:0 16px}.m3-nav-rail--auto-expand .m3-nav-rail-item__label{font-size:.875rem;text-align:left}}@media(prefers-reduced-motion:reduce){.m3-nav-rail-item__icon-container,.m3-nav-rail-item__icon-container:before,.m3-nav-rail-item__label,.m3-nav-rail-item__icon{transition:none}.m3-nav-rail-item--active .m3-nav-rail-item__icon-container{animation:none}}.ds-skeleton{background:var(--surface-tertiary);position:relative;overflow:hidden}.ds-skeleton--text{height:16px;border-radius:var(--radius-sm)}.ds-skeleton--rectangular{border-radius:var(--radius-lg)}.ds-skeleton--circular{border-radius:var(--radius-full)}.ds-skeleton--rounded{border-radius:var(--radius-xl)}.ds-skeleton--animated:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,var(--overlay-light-10) 50%,transparent 100%);animation:skeleton-shimmer 1.5s infinite}@keyframes skeleton-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.ds-skeleton--animated:after{animation:none;background:var(--overlay-light-5)}}.ds-skeleton-text{display:flex;flex-direction:column}.ds-skeleton-text--sm{gap:var(--space-1-5)}.ds-skeleton-text--md{gap:var(--space-2)}.ds-skeleton-text--lg{gap:var(--space-3)}.ds-skeleton-card{background:var(--surface-elevated);border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border-subtle)}.ds-skeleton-card__content{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.ds-skeleton-list-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--surface-elevated);border-radius:var(--radius-lg);border:1px solid var(--border-subtle)}.ds-skeleton-list-item__content{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.ds-skeleton-stats{display:flex;justify-content:space-around;padding:var(--space-4) 0}.ds-skeleton-stat{display:flex;flex-direction:column;align-items:center}.ds-skeleton-page{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);padding:var(--space-6);animation:skeleton-fade-in .3s ease-out}.ds-skeleton-page--list{align-items:stretch}.ds-skeleton-section{width:100%;display:flex;flex-direction:column;gap:var(--space-3)}@keyframes skeleton-fade-in{0%{opacity:0}to{opacity:1}}.m3-widget-grid{--widget-gap: 16px;--widget-min-width: 160px;--widget-border-radius: var(--m3-shape-large, 16px);display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--widget-min-width),1fr));gap:var(--widget-gap);padding:var(--widget-gap)}@media(min-width:600px){.m3-widget-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:905px){.m3-widget-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1240px){.m3-widget-grid{grid-template-columns:repeat(4,1fr)}}.m3-widget-grid--editing{--widget-gap: 20px}.m3-widget-grid--editing .m3-widget{animation:m3-widget-jiggle .15s ease-in-out infinite alternate}.m3-widget-grid--editing .m3-widget:nth-child(2n){animation-delay:75ms}@keyframes m3-widget-jiggle{0%{transform:rotate(-.5deg)}to{transform:rotate(.5deg)}}.m3-widget{position:relative;display:flex;flex-direction:column;min-height:120px;padding:16px;background-color:var(--m3-surface-container, #f3edf3);border-radius:var(--widget-border-radius);overflow:hidden;cursor:default;transition:transform .2s var(--m3-motion-easing-emphasized, ease),box-shadow .2s var(--m3-motion-easing-standard, ease),opacity .2s var(--m3-motion-easing-standard, ease)}.m3-widget--small{min-height:100px;padding:12px}.m3-widget--medium{min-height:140px}.m3-widget--large{min-height:200px;grid-column:span 2}.m3-widget--full{grid-column:1 / -1;min-height:180px}.m3-widget--span-2{grid-column:span 2}.m3-widget--span-3{grid-column:span 3}.m3-widget--primary{background-color:var(--m3-primary-container, #a4f5a6);color:var(--m3-on-primary-container, #002107)}.m3-widget--secondary{background-color:var(--m3-secondary-container, #e0e3e0);color:var(--m3-on-secondary-container, #171d19)}.m3-widget--tertiary{background-color:var(--m3-tertiary-container, #a0cfcf);color:var(--m3-on-tertiary-container, #00201f)}.m3-widget--surface{background-color:var(--m3-surface-container-high, #ece6ec);color:var(--m3-on-surface, #1c1b1f)}.m3-widget--error{background-color:var(--m3-error-container, #ffdad6);color:var(--m3-on-error-container, #410002)}.m3-widget--protein{background:linear-gradient(135deg,var(--m3-macro-protein-container, #ffe0e0) 0%,var(--m3-macro-protein-container-light, #fff0f0) 100%);color:var(--m3-on-macro-protein-container, #410002)}.m3-widget--carbs{background:linear-gradient(135deg,var(--m3-macro-carbs-container, #e0f0ff) 0%,var(--m3-macro-carbs-container-light, #f0f8ff) 100%);color:var(--m3-on-macro-carbs-container, #001d36)}.m3-widget--fat{background:linear-gradient(135deg,var(--m3-macro-fat-container, #fff4e0) 0%,var(--m3-macro-fat-container-light, #fffaf0) 100%);color:var(--m3-on-macro-fat-container, #261a00)}.m3-widget__header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:8px}.m3-widget__title{margin:0;font-family:var(--m3-typescale-title-small-font, inherit);font-size:var(--m3-typescale-title-small-size, 14px);font-weight:var(--m3-typescale-title-small-weight, 500);line-height:var(--m3-typescale-title-small-line-height, 20px);letter-spacing:var(--m3-typescale-title-small-tracking, .1px);color:inherit;opacity:.8}.m3-widget__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;opacity:.7}.m3-widget__content{flex:1;display:flex;flex-direction:column;justify-content:center}.m3-widget__value{margin:0;font-family:var(--m3-typescale-display-small-font, inherit);font-size:var(--m3-typescale-display-small-size, 36px);font-weight:var(--m3-typescale-display-small-weight, 400);line-height:var(--m3-typescale-display-small-line-height, 44px);letter-spacing:var(--m3-typescale-display-small-tracking, 0px);color:inherit}.m3-widget__value--small{font-size:var(--m3-typescale-headline-medium-size, 28px);line-height:var(--m3-typescale-headline-medium-line-height, 36px)}.m3-widget__unit{font-size:var(--m3-typescale-title-medium-size, 16px);font-weight:var(--m3-typescale-title-medium-weight, 500);opacity:.7;margin-left:4px}.m3-widget__subtitle{margin:4px 0 0;font-family:var(--m3-typescale-body-medium-font, inherit);font-size:var(--m3-typescale-body-medium-size, 14px);font-weight:var(--m3-typescale-body-medium-weight, 400);line-height:var(--m3-typescale-body-medium-line-height, 20px);color:inherit;opacity:.7}.m3-widget__footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:8px}.m3-widget__progress{position:relative;height:4px;background-color:currentColor;opacity:.2;border-radius:2px;overflow:hidden;margin-top:12px}.m3-widget__progress-bar{position:absolute;top:0;left:0;height:100%;background-color:currentColor;opacity:1;border-radius:2px;transition:width .5s var(--m3-motion-easing-emphasized, ease)}.m3-widget__circular-progress{display:flex;align-items:center;justify-content:center;position:relative}.m3-widget__circular-progress svg{transform:rotate(-90deg)}.m3-widget__circular-track{fill:none;stroke:currentColor;opacity:.2}.m3-widget__circular-bar{fill:none;stroke:currentColor;stroke-linecap:round;transition:stroke-dashoffset .5s var(--m3-motion-easing-emphasized, ease)}.m3-widget__circular-label{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.m3-widget--interactive{cursor:pointer;-webkit-tap-highlight-color:transparent}.m3-widget--interactive:before{content:"";position:absolute;inset:0;border-radius:inherit;background-color:var(--m3-on-surface, #1c1b1f);opacity:0;transition:opacity .2s var(--m3-motion-easing-standard, ease);pointer-events:none}.m3-widget--interactive:hover:before{opacity:var(--m3-state-hover-opacity, .08)}.m3-widget--interactive:active:before{opacity:var(--m3-state-pressed-opacity, .12)}.m3-widget--interactive:focus-visible{outline:2px solid var(--m3-focus-ring, var(--m3-primary, #65c466));outline-offset:2px}.m3-widget--dragging{z-index:1000;box-shadow:var( --m3-elevation-4, 0 2px 3px rgba(0, 0, 0, .3), 0 6px 10px 4px rgba(0, 0, 0, .15) );cursor:grabbing;animation:none!important}.m3-widget--drop-target{outline:2px dashed var(--m3-primary, #65c466);outline-offset:-2px;opacity:.7}.m3-widget__delete{position:absolute;top:-8px;right:-8px;width:24px;height:24px;padding:0;border:none;border-radius:var(--m3-shape-full, 12px);background-color:var(--m3-error, #ba1a1a);color:var(--m3-on-error, #ffffff);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transform:scale(.8);transition:opacity .2s var(--m3-motion-easing-standard, ease),transform .2s var(--m3-motion-easing-standard, ease);z-index:10}.m3-widget-grid--editing .m3-widget__delete{opacity:1;transform:scale(1)}.m3-widget__delete:hover{background-color:var(--m3-error-dark, #930006)}.m3-widget__drag-handle{position:absolute;bottom:8px;right:8px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s var(--m3-motion-easing-standard, ease);color:inherit;cursor:grab}.m3-widget-grid--editing .m3-widget__drag-handle,.m3-widget:hover .m3-widget__drag-handle{opacity:.5}.m3-widget__drag-handle:active{cursor:grabbing}.m3-widget--loading{pointer-events:none}.m3-widget--loading .m3-widget__value,.m3-widget--loading .m3-widget__subtitle{background:linear-gradient(90deg,#00000014 25%,#00000026,#00000014 75%);background-size:200% 100%;animation:m3-widget-shimmer 1.5s infinite;color:transparent;border-radius:4px;min-width:60px;min-height:1em}@keyframes m3-widget-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.m3-widget__trend{display:inline-flex;align-items:center;gap:2px;padding:2px 6px;border-radius:var(--m3-shape-extra-small, 4px);font-size:var(--m3-typescale-label-small-size, 11px);font-weight:var(--m3-typescale-label-small-weight, 500)}.m3-widget__trend--up{background-color:#2e7d3226;color:var(--m3-success, #2e7d32)}.m3-widget__trend--down{background-color:#ba1a1a26;color:var(--m3-error, #ba1a1a)}.m3-widget__trend--neutral{background-color:#00000014;color:var(--m3-on-surface-variant, #49454f)}.m3-widget--empty{justify-content:center;align-items:center;text-align:center;border:2px dashed var(--m3-outline-variant, #cac4d0);background-color:transparent}.m3-widget--empty .m3-widget__icon{width:48px;height:48px;margin-bottom:8px;opacity:.4}.m3-widget--empty .m3-widget__title{opacity:.6}.m3-widget--add{cursor:pointer;border:2px dashed var(--m3-outline, #79747e);background-color:transparent;justify-content:center;align-items:center;min-height:100px;transition:border-color .2s var(--m3-motion-easing-standard, ease),background-color .2s var(--m3-motion-easing-standard, ease)}.m3-widget--add:hover{border-color:var(--m3-primary, #65c466);background-color:#65c46614}.m3-widget--add .m3-widget__icon{width:32px;height:32px;opacity:.6}.m3-widget--streak{background:linear-gradient(135deg,var(--m3-tertiary-container, #a0cfcf) 0%,var(--m3-primary-container, #a4f5a6) 100%)}.m3-widget__streak-flame{position:absolute;right:16px;top:50%;transform:translateY(-50%);opacity:.3}[data-theme=dark] .m3-widget{background-color:var(--m3-surface-container, #211f26)}[data-theme=dark] .m3-widget--primary{background-color:var(--m3-primary-container, #004a12)}[data-theme=dark] .m3-widget--secondary{background-color:var(--m3-secondary-container, #3f4740)}[data-theme=dark] .m3-widget--tertiary{background-color:var(--m3-tertiary-container, #1a4e4e)}[data-theme=dark] .m3-widget--loading .m3-widget__value,[data-theme=dark] .m3-widget--loading .m3-widget__subtitle{background:linear-gradient(90deg,#ffffff14 25%,#ffffff26,#ffffff14 75%);background-size:200% 100%}@media(prefers-reduced-motion:reduce){.m3-widget{transition:none}.m3-widget-grid--editing .m3-widget,.m3-widget--loading .m3-widget__value,.m3-widget--loading .m3-widget__subtitle{animation:none}.m3-widget__progress-bar{transition:none}}@media(max-width:599px){.m3-widget-grid{--widget-gap: 12px;grid-template-columns:repeat(2,1fr)}.m3-widget--large{grid-column:1 / -1}.m3-widget{padding:12px;min-height:100px}.m3-widget__value{font-size:var(--m3-typescale-headline-medium-size, 28px);line-height:var(--m3-typescale-headline-medium-line-height, 36px)}}@media(max-width:359px){.m3-widget-grid{grid-template-columns:1fr}.m3-widget--span-2,.m3-widget--span-3{grid-column:span 1}}.m3-chart{--chart-padding: 16px;--chart-radius: var(--m3-shape-medium, 12px);--chart-bg: var(--m3-surface-container, #f3edf3);--chart-grid-color: var(--m3-outline-variant, #cac4d0);--chart-text-color: var(--m3-on-surface-variant, #49454f);--chart-label-size: var(--m3-typescale-label-small-size, 11px);position:relative;background-color:var(--chart-bg);border-radius:var(--chart-radius);padding:var(--chart-padding);overflow:hidden}.m3-chart--transparent{--chart-bg: transparent;padding:0}.m3-chart--bordered{border:1px solid var(--m3-outline-variant, #cac4d0);background-color:var(--m3-surface, #fffbfe)}.m3-chart__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.m3-chart__title{margin:0;font-family:var(--m3-typescale-title-medium-font, inherit);font-size:var(--m3-typescale-title-medium-size, 16px);font-weight:var(--m3-typescale-title-medium-weight, 500);line-height:var(--m3-typescale-title-medium-line-height, 24px);color:var(--m3-on-surface, #1c1b1f)}.m3-chart__subtitle{margin:4px 0 0;font-family:var(--m3-typescale-body-small-font, inherit);font-size:var(--m3-typescale-body-small-size, 12px);color:var(--m3-on-surface-variant, #49454f)}.m3-chart__actions{display:flex;gap:8px}.m3-chart__body{position:relative;min-height:200px}.m3-chart__body--small{min-height:120px}.m3-chart__body--large{min-height:300px}.m3-bar-chart{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;height:100%;padding-bottom:24px}.m3-bar-chart--horizontal{flex-direction:column;align-items:stretch;padding-bottom:0;padding-left:60px}.m3-bar{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;max-width:60px}.m3-bar__wrapper{position:relative;width:100%;height:var(--chart-height, 150px);display:flex;flex-direction:column;justify-content:flex-end}.m3-bar__fill{width:100%;border-radius:4px 4px 0 0;background-color:var(--bar-color, var(--m3-primary, #65c466));transition:height .5s var(--m3-motion-easing-emphasized, ease);position:relative}.m3-bar__fill--animated{animation:m3-bar-grow .6s var(--m3-motion-easing-emphasized, ease) forwards;animation-delay:var(--animation-delay, 0ms)}@keyframes m3-bar-grow{0%{height:0}to{height:var(--bar-height, 0)}}.m3-bar__fill:after{content:"";position:absolute;inset:0;background-color:currentColor;opacity:0;transition:opacity .2s var(--m3-motion-easing-standard, ease);border-radius:inherit}.m3-bar:hover .m3-bar__fill:after{opacity:var(--m3-state-hover-opacity, .08)}.m3-bar__value{position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%);font-size:var(--chart-label-size);font-weight:500;color:var(--m3-on-surface, #1c1b1f);white-space:nowrap;opacity:0;transition:opacity .2s var(--m3-motion-easing-standard, ease)}.m3-bar:hover .m3-bar__value{opacity:1}.m3-bar__label{font-size:var(--chart-label-size);color:var(--chart-text-color);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.m3-bar__fill--stacked{display:flex;flex-direction:column-reverse}.m3-bar__segment{width:100%;transition:height .5s var(--m3-motion-easing-emphasized, ease)}.m3-bar__segment:first-child{border-radius:4px 4px 0 0}.m3-donut-chart{position:relative;display:flex;align-items:center;justify-content:center}.m3-donut-chart__svg{transform:rotate(-90deg)}.m3-donut-chart__track{fill:none;stroke:var(--m3-surface-container-highest, #e6e0e6)}.m3-donut-chart__segment{fill:none;stroke-linecap:round;transition:stroke-dashoffset .6s var(--m3-motion-easing-emphasized, ease)}.m3-donut-chart__center{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.m3-donut-chart__center-value{font-family:var(--m3-typescale-headline-small-font, inherit);font-size:var(--m3-typescale-headline-small-size, 24px);font-weight:var(--m3-typescale-headline-small-weight, 400);line-height:1.2;color:var(--m3-on-surface, #1c1b1f)}.m3-donut-chart__center-label{font-size:var(--m3-typescale-body-small-size, 12px);color:var(--m3-on-surface-variant, #49454f)}.m3-line-chart{position:relative;width:100%;height:100%}.m3-line-chart__svg{width:100%;height:100%}.m3-line-chart__grid-line{stroke:var(--chart-grid-color);stroke-width:1;stroke-dasharray:4 4}.m3-line-chart__axis-label{font-size:var(--chart-label-size);fill:var(--chart-text-color)}.m3-line-chart__line{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.m3-line-chart__line--animated{stroke-dasharray:var(--line-length, 1000);stroke-dashoffset:var(--line-length, 1000);animation:m3-line-draw 1s var(--m3-motion-easing-emphasized, ease) forwards}@keyframes m3-line-draw{to{stroke-dashoffset:0}}.m3-line-chart__area{opacity:.15}.m3-line-chart__area--gradient{opacity:1}.m3-line-chart__dot{transition:r .2s var(--m3-motion-easing-standard, ease);cursor:pointer}.m3-line-chart__dot:hover{r:6}.m3-sparkline{display:inline-block;vertical-align:middle}.m3-sparkline__path{fill:none;stroke:var(--m3-primary, #65c466);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.m3-sparkline--success .m3-sparkline__path{stroke:var(--m3-success, #2e7d32)}.m3-sparkline--error .m3-sparkline__path{stroke:var(--m3-error, #ba1a1a)}.m3-sparkline--subtle .m3-sparkline__path{stroke:var(--m3-on-surface-variant, #49454f);opacity:.5}.m3-progress-ring{position:relative;display:inline-flex;align-items:center;justify-content:center}.m3-progress-ring__svg{transform:rotate(-90deg)}.m3-progress-ring__track{fill:none;stroke:var(--m3-surface-container-highest, #e6e0e6)}.m3-progress-ring__bar{fill:none;stroke:var(--ring-color, var(--m3-primary, #65c466));stroke-linecap:round;transition:stroke-dashoffset .5s var(--m3-motion-easing-emphasized, ease)}.m3-progress-ring__label{position:absolute;font-size:var(--m3-typescale-label-medium-size, 12px);font-weight:500;color:var(--m3-on-surface, #1c1b1f)}.m3-progress-ring--multi .m3-progress-ring__bar{stroke-linecap:round}.m3-chart__legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.m3-chart__legend--vertical{flex-direction:column;gap:8px}.m3-chart__legend-item{display:flex;align-items:center;gap:6px}.m3-chart__legend-color{width:12px;height:12px;border-radius:3px;flex-shrink:0}.m3-chart__legend-label{font-size:var(--m3-typescale-label-small-size, 11px);color:var(--m3-on-surface-variant, #49454f)}.m3-chart__legend-value{font-size:var(--m3-typescale-label-small-size, 11px);font-weight:500;color:var(--m3-on-surface, #1c1b1f);margin-left:auto}.m3-chart__tooltip{position:absolute;pointer-events:none;padding:8px 12px;background-color:var(--m3-inverse-surface, #313033);color:var(--m3-inverse-on-surface, #f4eff4);border-radius:var(--m3-shape-extra-small, 4px);font-size:var(--m3-typescale-body-small-size, 12px);white-space:nowrap;z-index:1000;opacity:0;transform:translateY(-4px);transition:opacity .2s var(--m3-motion-easing-standard, ease),transform .2s var(--m3-motion-easing-standard, ease)}.m3-chart__tooltip--visible{opacity:1;transform:translateY(0)}.m3-chart__tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--m3-inverse-surface, #313033)}.m3-chart__tooltip-label{opacity:.8;margin-bottom:2px}.m3-chart__tooltip-value{font-weight:500}.m3-chart--empty{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--m3-on-surface-variant, #49454f)}.m3-chart__empty-text{font-size:var(--m3-typescale-body-medium-size, 14px);opacity:.6}.m3-chart--loading .m3-chart__body{opacity:.5;pointer-events:none}.m3-chart--loading:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:m3-chart-shimmer 1.5s infinite}@keyframes m3-chart-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}[data-theme=dark] .m3-chart{--chart-bg: var(--m3-surface-container, #211f26);--chart-grid-color: var(--m3-outline-variant, #49454f);--chart-text-color: var(--m3-on-surface-variant, #cac4d0)}[data-theme=dark] .m3-chart--bordered{background-color:var(--m3-surface, #141218)}[data-theme=dark] .m3-donut-chart__track,[data-theme=dark] .m3-progress-ring__track{stroke:var(--m3-surface-container-highest, #36343a)}[data-theme=dark] .m3-chart__tooltip{background-color:var(--m3-inverse-surface, #e6e0e6);color:var(--m3-inverse-on-surface, #313033)}[data-theme=dark] .m3-chart__tooltip:after{border-top-color:var(--m3-inverse-surface, #e6e0e6)}@media(prefers-reduced-motion:reduce){.m3-bar__fill,.m3-donut-chart__segment,.m3-line-chart__line,.m3-progress-ring__bar{transition:none}.m3-bar__fill--animated,.m3-line-chart__line--animated{animation:none}.m3-chart--loading:after{animation:none}}@media(max-width:599px){.m3-chart{--chart-padding: 12px}.m3-bar-chart{gap:4px}.m3-bar{max-width:40px}.m3-chart__legend{gap:8px}}.ds-progress-ring{position:relative;display:inline-flex;align-items:center;justify-content:center}.ds-progress-ring__svg{display:block}.ds-progress-ring__background{fill:none;stroke:var(--surface-container)}.ds-progress-ring__progress{fill:none;stroke:var(--primary);stroke-linecap:round;transition:stroke .3s ease}.ds-progress-ring__glow{fill:none;stroke:var(--primary);opacity:.3;filter:blur(6px)}.ds-progress-ring__content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.ds-progress-ring__value{font-weight:var(--font-bold);color:var(--text-primary);line-height:1}.ds-progress-ring__label{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-1);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.ds-progress-ring--primary .ds-progress-ring__progress,.ds-progress-ring--primary .ds-progress-ring__glow{stroke:var(--primary)}.ds-progress-ring--success .ds-progress-ring__progress,.ds-progress-ring--success .ds-progress-ring__glow{stroke:var(--success)}.ds-progress-ring--warning .ds-progress-ring__progress,.ds-progress-ring--warning .ds-progress-ring__glow{stroke:var(--warning)}.ds-progress-ring--danger .ds-progress-ring__progress,.ds-progress-ring--danger .ds-progress-ring__glow{stroke:var(--danger)}.ds-progress-ring--info .ds-progress-ring__progress,.ds-progress-ring--info .ds-progress-ring__glow{stroke:var(--info)}.progress-ring{position:relative;display:inline-flex;align-items:center;justify-content:center}.progress-ring svg{transform:rotate(-90deg)}.progress-ring-bg{fill:none;stroke:var(--surface-tertiary)}.progress-ring-progress{fill:none;stroke:var(--primary);stroke-linecap:round;transition:stroke-dashoffset .6s ease}.progress-ring.success .progress-ring-progress{stroke:var(--success)}.progress-ring.warning .progress-ring-progress{stroke:var(--warning)}.progress-ring.danger .progress-ring-progress,.progress-ring.over .progress-ring-progress{stroke:var(--danger)}.progress-ring-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.progress-ring-value{font-weight:var(--font-bold);color:var(--text-primary);line-height:1}.progress-ring-label{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:2px}.progress-ring.xs{width:32px;height:32px}.progress-ring.xs .progress-ring-value{font-size:var(--text-xs)}.progress-ring.sm{width:48px;height:48px}.progress-ring.sm .progress-ring-value{font-size:var(--text-xs)}.progress-ring.md{width:80px;height:80px}.progress-ring.md .progress-ring-value{font-size:var(--text-lg)}.progress-ring.lg{width:120px;height:120px}.progress-ring.lg .progress-ring-value{font-size:var(--text-xl)}.progress-ring.xl{width:180px;height:180px}.progress-ring.xl .progress-ring-value{font-size:var(--text-2xl)}.progress-ring.animated .progress-ring-progress{animation:ring-progress 1s ease-out forwards}@keyframes ring-progress{0%{stroke-dashoffset:var(--ring-circumference, 565.48)}}.progress-ring-icon{font-size:var(--text-2xl);color:var(--primary)}.progress-ring.success .progress-ring-icon{color:var(--success)}.progress-ring.warning .progress-ring-icon{color:var(--warning)}.progress-ring.danger .progress-ring-icon{color:var(--danger)}.progress-ring-group{display:flex;gap:var(--space-md);align-items:center;justify-content:center}.progress-ring-group.vertical{flex-direction:column}.progress-ring-stacked{position:relative}.progress-ring-stacked .progress-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.progress-ring-stacked .progress-ring:first-child{position:relative;transform:none}.ds-macro-bar{display:flex;flex-direction:column;gap:var(--space-2)}.ds-macro-bar__header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.ds-macro-bar__label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.ds-macro-bar__values{display:flex;align-items:baseline;gap:2px;font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap;flex-shrink:0}.ds-macro-bar__current{font-weight:var(--font-semibold);color:var(--text-primary)}.ds-macro-bar__separator{margin:0 2px;color:var(--text-tertiary)}.ds-macro-bar__target{color:var(--text-tertiary)}.ds-macro-bar__percentage{margin-left:var(--space-1);color:var(--text-tertiary)}.ds-macro-bar__track{position:relative;height:8px;background:var(--surface-container);border-radius:var(--radius-full);overflow:hidden}.ds-macro-bar__fill{position:absolute;top:0;left:0;height:100%;border-radius:var(--radius-full);background:var(--primary)}.ds-macro-bar__glow{position:absolute;top:0;left:0;height:100%;border-radius:var(--radius-full);opacity:.3;filter:blur(4px)}.ds-macro-bar__overage{position:absolute;right:var(--space-2);top:50%;transform:translateY(-50%)}.ds-macro-bar__overage-text{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--danger)}.ds-macro-bar--protein .ds-macro-bar__fill,.ds-macro-bar--protein .ds-macro-bar__glow{background:var(--color-protein)}.ds-macro-bar--protein .ds-macro-bar__current{color:var(--color-protein)}.ds-macro-bar--carbs .ds-macro-bar__fill,.ds-macro-bar--carbs .ds-macro-bar__glow{background:var(--color-carbs)}.ds-macro-bar--carbs .ds-macro-bar__current{color:var(--color-carbs)}.ds-macro-bar--fat .ds-macro-bar__fill,.ds-macro-bar--fat .ds-macro-bar__glow{background:var(--color-fat)}.ds-macro-bar--fat .ds-macro-bar__current{color:var(--color-fat)}.ds-macro-bar--calories .ds-macro-bar__fill,.ds-macro-bar--calories .ds-macro-bar__glow{background:var(--color-calories)}.ds-macro-bar--success .ds-macro-bar__fill,.ds-macro-bar--success .ds-macro-bar__glow{background:var(--success)}.ds-macro-bar--warning .ds-macro-bar__fill,.ds-macro-bar--warning .ds-macro-bar__glow{background:var(--warning)}.ds-macro-bar--danger .ds-macro-bar__fill,.ds-macro-bar--danger .ds-macro-bar__glow,.ds-macro-bar--over .ds-macro-bar__fill{background:var(--danger)}.ds-macro-bar--over .ds-macro-bar__current{color:var(--danger)}.ds-macro-bar--sm .ds-macro-bar__track{height:4px}.ds-macro-bar--sm .ds-macro-bar__label{font-size:var(--text-xs)}.ds-macro-bar--lg .ds-macro-bar__track{height:10px}.ds-macro-bar-group{display:flex;flex-direction:column;gap:var(--space-3)}.ds-compact-macros{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.ds-compact-macros__item{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs)}.ds-compact-macros__dot{width:6px;height:6px;border-radius:var(--radius-full)}.ds-compact-macros__item--protein .ds-compact-macros__dot{background:var(--color-protein)}.ds-compact-macros__item--carbs .ds-compact-macros__dot{background:var(--color-carbs)}.ds-compact-macros__item--fat .ds-compact-macros__dot{background:var(--color-fat)}.ds-compact-macros__item--calories{font-weight:var(--font-semibold);color:var(--text-primary)}.ds-compact-macros__value{font-weight:var(--font-medium);color:var(--text-primary)}.ds-compact-macros__unit,.ds-compact-macros__label{color:var(--text-tertiary)}.macro-bar{display:flex;flex-direction:column;gap:var(--space-1)}.macro-bar-header{display:flex;justify-content:space-between;align-items:center}.macro-bar-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.macro-bar-values{font-size:var(--text-xs);color:var(--text-tertiary)}.macro-bar-current{font-weight:var(--font-semibold)}.macro-bar-track{height:6px;background:var(--surface-tertiary);border-radius:var(--radius-full);overflow:hidden}.macro-bar-fill{height:100%;border-radius:var(--radius-full);transition:width .4s ease}.macro-bar.protein .macro-bar-fill{background:var(--color-protein)}.macro-bar.protein .macro-bar-current{color:var(--color-protein)}.macro-bar.carbs .macro-bar-fill{background:var(--color-carbs)}.macro-bar.carbs .macro-bar-current{color:var(--color-carbs)}.macro-bar.fat .macro-bar-fill{background:var(--color-fat)}.macro-bar.fat .macro-bar-current{color:var(--color-fat)}.macro-bar.fiber .macro-bar-fill{background:var(--color-fiber)}.macro-bar.fiber .macro-bar-current{color:var(--color-fiber)}.macro-bar.over .macro-bar-fill{background:var(--danger)}.macro-bar.over .macro-bar-current{color:var(--danger)}.macro-bar.perfect .macro-bar-fill{background:var(--success)}.macro-bar.sm .macro-bar-track{height:4px}.macro-bar.sm .macro-bar-label{font-size:var(--text-xs)}.macro-bar.lg .macro-bar-track{height:8px}.macro-bar.compact{flex-direction:row;align-items:center;gap:var(--space-sm)}.macro-bar.compact .macro-bar-header{min-width:80px}.macro-bar.compact .macro-bar-track{flex:1}.macro-bars-stack{display:flex;flex-direction:column;gap:var(--space-sm)}.macro-legend{display:flex;gap:var(--space-md);justify-content:center;margin-top:var(--space-sm)}.macro-legend-item{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-xs);color:var(--text-tertiary)}.macro-legend-dot{width:8px;height:8px;border-radius:var(--radius-full)}.macro-legend-dot.protein{background:var(--color-protein)}.macro-legend-dot.carbs{background:var(--color-carbs)}.macro-legend-dot.fat{background:var(--color-fat)}.macro-legend-dot.fiber{background:var(--color-fiber)}.ds-micronutrient-bar{position:relative}.ds-micronutrient-bar__warning{position:absolute;top:0;right:0;font-size:var(--text-xs);font-weight:var(--font-medium);padding:2px 6px;border-radius:var(--radius-sm);animation:pulse-warning 2s ease-in-out infinite}.ds-micronutrient-bar__warning--high{color:var(--color-error);background:var(--bg-error-subtle)}.ds-micronutrient-bar__warning--low{color:var(--color-warning);background:var(--bg-warning-subtle)}@keyframes pulse-warning{0%,to{opacity:1}50%{opacity:.6}}.ds-macro-bar--vitamin .ds-macro-bar__fill,.ds-macro-bar--vitamin .ds-macro-bar__glow{background:var(--color-vitamin, #3b82f6)}.ds-macro-bar--mineral .ds-macro-bar__fill,.ds-macro-bar--mineral .ds-macro-bar__glow{background:var(--color-mineral, #8b5cf6)}.ds-macro-bar--fiber .ds-macro-bar__fill,.ds-macro-bar--fiber .ds-macro-bar__glow{background:var(--color-fiber, #22c55e)}.ds-macro-bar--danger .ds-macro-bar__fill,.ds-macro-bar--danger .ds-macro-bar__glow{background:var(--color-error)}.ds-compact-micros{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.ds-compact-micro{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--surface-secondary);border-radius:var(--radius-md);font-size:var(--text-xs)}.ds-compact-micro__icon{font-size:var(--text-sm)}.ds-compact-micro__value{font-weight:var(--font-semibold);color:var(--text-primary)}.ds-compact-micro__label{color:var(--text-tertiary)}.ds-compact-micro--warning{background:var(--bg-warning-light)}.ds-compact-micro--warning .ds-compact-micro__value{color:var(--color-warning)}.ds-compact-micro--danger{background:var(--bg-error-light)}.ds-compact-micro--danger .ds-compact-micro__value{color:var(--color-error)}.ds-micro-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}@media(min-width:640px){.ds-micro-summary{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.ds-micro-summary{grid-template-columns:repeat(6,1fr)}}.ds-micro-summary__item{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-2);background:var(--surface-secondary);border-radius:var(--radius-lg);text-align:center;transition:transform var(--duration-fast) var(--ease-out)}.ds-micro-summary__item:hover{transform:translateY(-2px)}.ds-micro-summary__icon{font-size:var(--text-xl)}.ds-micro-summary__label{font-size:var(--text-xs);color:var(--text-secondary);font-weight:var(--font-medium)}.ds-micro-summary__value{font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-mono, monospace)}.ds-micro-summary__item--complete{background:var(--bg-success-subtle);border:1px solid var(--border-success-subtle)}.ds-micro-summary__item--complete .ds-micro-summary__label{color:var(--color-success)}.ds-micro-summary__item--partial{background:var(--surface-secondary)}.ds-micro-summary__item--low{background:var(--bg-warning-subtle);border:1px solid var(--border-warning-subtle)}.ds-micro-summary__item--low .ds-micro-summary__label{color:var(--color-warning)}.ds-micro-summary__item--danger{background:var(--bg-error-subtle);border:1px solid var(--border-error-subtle)}.ds-micro-summary__item--danger .ds-micro-summary__label{color:var(--color-error)}.ds-micro-summary__item--warning{background:var(--bg-warning-subtle);border:1px solid var(--border-warning-subtle)}.ds-micro-summary__item--warning .ds-micro-summary__label{color:var(--color-warning)}.ds-micro-summary__item--success{background:var(--bg-success-subtle);border:1px solid var(--border-success-subtle)}.ds-micro-summary__item--success .ds-micro-summary__label{color:var(--color-success)}.ds-micro-panel{margin-top:var(--space-4)}.ds-micro-panel__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);background:var(--surface-secondary);border-radius:var(--radius-lg);cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.ds-micro-panel__header:hover{background:var(--surface-elevated)}.ds-micro-panel__title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.ds-micro-panel__icon{font-size:var(--text-base)}.ds-micro-panel__toggle{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--text-tertiary)}.ds-micro-panel__arrow{transition:transform var(--duration-normal) var(--ease-out)}.ds-micro-panel--open .ds-micro-panel__arrow{transform:rotate(180deg)}.ds-micro-panel__content{overflow:hidden}.ds-micro-panel__inner{padding:var(--space-4) 0}.ds-micro-panel__section{margin-bottom:var(--space-4)}.ds-micro-panel__section:last-child{margin-bottom:0}.ds-micro-panel__section-title{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.ds-micro-panel__grid{display:grid;grid-template-columns:1fr;gap:var(--space-3)}@media(min-width:640px){.ds-micro-panel__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.ds-micro-panel__grid{grid-template-columns:repeat(3,1fr)}}.ds-nutrient-warnings{position:fixed;bottom:calc(var(--nav-height, 72px) + var(--space-4));left:50%;transform:translate(-50%);width:calc(100% - var(--space-8));max-width:400px;background:var(--surface-elevated);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:1px solid var(--border-subtle);overflow:hidden;z-index:var(--z-dropdown)}.ds-nutrient-warnings__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--bg-warning-subtle);border-bottom:1px solid var(--border-subtle)}.ds-nutrient-warnings__title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-warning)}.ds-nutrient-warnings__close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-tertiary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.ds-nutrient-warnings__close:hover{background:var(--surface-tertiary);color:var(--text-primary)}.ds-nutrient-warnings__list{padding:var(--space-2);max-height:200px;overflow-y:auto}.ds-nutrient-warning{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-2);background:var(--surface-secondary);border-radius:var(--radius-md);transition:background var(--duration-fast) var(--ease-out)}.ds-nutrient-warning:last-child{margin-bottom:0}.ds-nutrient-warning:hover{background:var(--surface-tertiary)}.ds-nutrient-warning__content{display:flex;align-items:center;gap:var(--space-2);flex:1}.ds-nutrient-warning__icon{font-size:var(--text-base)}.ds-nutrient-warning__message{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.4}.ds-nutrient-warning__dismiss{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;opacity:0;transition:all var(--duration-fast) var(--ease-out)}.ds-nutrient-warning:hover .ds-nutrient-warning__dismiss{opacity:1}.ds-nutrient-warning__dismiss:hover{background:var(--overlay-light-10);color:var(--text-primary)}.ds-nutrient-warning--high{border-left:3px solid var(--color-error)}.ds-nutrient-warning--warning{border-left:3px solid var(--color-warning)}.ds-nutrient-warning--low{border-left:3px solid var(--color-info, #3b82f6)}.ds-nutrient-tip{display:flex;gap:var(--space-2);padding:var(--space-3);background:var(--bg-primary-subtle);border-radius:var(--radius-md);border-left:3px solid var(--color-info, #3b82f6)}.ds-nutrient-tip__icon{color:var(--color-info, #3b82f6);flex-shrink:0;margin-top:2px}.ds-nutrient-tip__content{flex:1}.ds-nutrient-tip__message{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--space-2) 0;line-height:1.5}.ds-nutrient-tip__foods{display:flex;flex-wrap:wrap;gap:var(--space-1)}.ds-nutrient-tip__food{display:inline-block;padding:var(--space-1) var(--space-2);background:var(--surface-secondary);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--text-secondary)}@media(max-width:480px){.ds-nutrient-warnings{width:calc(100% - var(--space-4));bottom:calc(var(--nav-height, 72px) + var(--space-2))}}.ds-swipeable{position:relative;overflow:hidden;border-radius:var(--radius-lg)}.ds-swipeable__content{position:relative;z-index:2;background:var(--surface-elevated);cursor:grab;touch-action:pan-y}.ds-swipeable__content:active{cursor:grabbing}.ds-swipeable__actions{position:absolute;top:0;bottom:0;display:flex;align-items:stretch;z-index:1}.ds-swipeable__actions--left{left:0;justify-content:flex-start}.ds-swipeable__actions--right{right:0;justify-content:flex-end}.ds-swipeable__action{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);width:80px;padding:var(--space-2);border:none;background:var(--surface-tertiary);color:var(--text-primary);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.ds-swipeable__action:first-child{border-radius:var(--radius-lg) 0 0 var(--radius-lg)}.ds-swipeable__action:last-child{border-radius:0 var(--radius-lg) var(--radius-lg) 0}.ds-swipeable__action:only-child{border-radius:var(--radius-lg)}.ds-swipeable__action-label{opacity:.9}.ds-swipeable__action--delete{background:var(--color-error);color:var(--text-inverse)}.ds-swipeable__action--delete:active{background:var(--color-error-dark)}.ds-swipeable__action--edit{background:var(--color-info);color:var(--text-inverse)}.ds-swipeable__action--edit:active{background:var(--color-info-dark)}.ds-swipeable__action--favorite{background:var(--color-warning);color:var(--text-inverse)}.ds-swipeable__action--favorite:active{background:var(--color-warning-dark)}.ds-swipeable__action--default{background:var(--surface-raised)}.ds-swipeable__action--default:active{background:var(--surface-interactive)}.ds-swipe-hint{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--surface-tertiary);border-radius:var(--radius-lg);margin-bottom:var(--space-3)}.ds-swipe-hint__content{display:flex;align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:var(--text-sm)}.ds-swipe-hint__dismiss{padding:var(--space-1-5) var(--space-3);background:var(--color-primary-500);border:none;border-radius:var(--radius-md);color:var(--text-inverse);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.ds-swipe-hint__dismiss:hover{background:var(--color-primary-400)}.ds-swipeable-list{display:flex;flex-direction:column;gap:var(--space-2)}@media(prefers-reduced-motion:reduce){.ds-swipeable__content{cursor:default}}@media(hover:hover)and (pointer:fine){.ds-swipeable:hover .ds-swipeable__actions--right{opacity:1}.ds-swipeable:hover .ds-swipeable__action{transform:scale(1)}}.m3-adaptive{display:flex;flex-direction:column;min-height:100dvh;background-color:var(--m3-surface, #fffbfe)}.m3-app-layout{display:flex;flex:1;overflow:hidden}.m3-main{flex:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.m3-main__content{flex:1;padding:16px;padding-bottom:calc(96px + env(safe-area-inset-bottom))}@media(min-width:600px){.m3-main__content{padding-bottom:24px}}.m3-top-bar{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:16px;height:64px;padding:0 16px;background-color:var(--m3-surface, #fffbfe);transition:box-shadow .2s var(--m3-motion-easing-standard, ease),background-color .2s var(--m3-motion-easing-standard, ease)}.m3-top-bar--scrolled{box-shadow:var(--m3-elevation-2);background-color:var(--m3-surface-container, #f3edf3)}.m3-top-bar__leading{display:flex;align-items:center}.m3-top-bar__title{flex:1;margin:0;font-family:var(--m3-typescale-title-large-font, inherit);font-size:var(--m3-typescale-title-large-size, 22px);font-weight:var(--m3-typescale-title-large-weight, 400);line-height:var(--m3-typescale-title-large-line-height, 28px);color:var(--m3-on-surface, #1c1b1f);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m3-top-bar__actions{display:flex;align-items:center;gap:4px}.m3-top-bar__btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;border-radius:var(--m3-shape-full, 20px);background:transparent;color:var(--m3-on-surface, #1c1b1f);cursor:pointer;transition:background-color .2s var(--m3-motion-easing-standard, ease)}.m3-top-bar__btn:hover{background-color:#00000014}.m3-top-bar__btn:focus-visible{outline:2px solid var(--m3-primary, #65c466);outline-offset:2px}.m3-top-bar--center .m3-top-bar__title{text-align:center;position:absolute;left:50%;transform:translate(-50%)}.m3-top-bar--large{flex-direction:column;align-items:flex-start;height:auto;min-height:64px;padding-bottom:24px}.m3-top-bar--large .m3-top-bar__row{display:flex;align-items:center;width:100%;height:64px}.m3-top-bar--large .m3-top-bar__title{font-family:var(--m3-typescale-headline-medium-font, inherit);font-size:var(--m3-typescale-headline-medium-size, 28px);line-height:var(--m3-typescale-headline-medium-line-height, 36px)}.m3-dual-pane{display:flex;height:100%}.m3-dual-pane__primary{flex:1;min-width:0;border-right:1px solid var(--m3-outline-variant, #cac4d0);overflow-y:auto}.m3-dual-pane__secondary{flex:1;min-width:0;overflow-y:auto;background-color:var(--m3-surface-container-low, #f7f2f7)}@media(max-width:839px){.m3-dual-pane{flex-direction:column}.m3-dual-pane__primary{border-right:none;border-bottom:1px solid var(--m3-outline-variant, #cac4d0)}.m3-dual-pane__secondary{flex:2}.m3-dual-pane--overlay .m3-dual-pane__secondary{position:fixed;inset:0;z-index:200;background-color:var(--m3-surface, #fffbfe)}}.m3-side-sheet{position:fixed;top:0;right:0;bottom:0;width:360px;max-width:100%;background-color:var(--m3-surface, #fffbfe);box-shadow:var(--m3-elevation-3);z-index:300;display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s var(--m3-motion-easing-emphasized, ease)}.m3-side-sheet--open{transform:translate(0)}.m3-side-sheet__header{display:flex;align-items:center;gap:16px;height:72px;padding:0 24px;border-bottom:1px solid var(--m3-outline-variant, #cac4d0)}.m3-side-sheet__title{flex:1;margin:0;font-family:var(--m3-typescale-title-large-font, inherit);font-size:var(--m3-typescale-title-large-size, 22px);font-weight:var(--m3-typescale-title-large-weight, 400);color:var(--m3-on-surface, #1c1b1f)}.m3-side-sheet__content{flex:1;overflow-y:auto;padding:24px}.m3-side-sheet__backdrop{position:fixed;inset:0;background-color:#00000052;z-index:299;opacity:0;visibility:hidden;transition:opacity .3s var(--m3-motion-easing-standard, ease),visibility .3s var(--m3-motion-easing-standard, ease)}.m3-side-sheet--open+.m3-side-sheet__backdrop,.m3-side-sheet__backdrop--open{opacity:1;visibility:visible}@media(min-width:840px){.m3-side-sheet--docked{position:relative;transform:none;box-shadow:none;border-left:1px solid var(--m3-outline-variant, #cac4d0)}.m3-side-sheet--docked+.m3-side-sheet__backdrop{display:none}}.m3-section{margin-bottom:24px}.m3-section__header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px;padding:0 4px}.m3-section__title{margin:0;font-family:var(--m3-typescale-title-small-font, inherit);font-size:var(--m3-typescale-title-small-size, 14px);font-weight:var(--m3-typescale-title-small-weight, 500);letter-spacing:var(--m3-typescale-title-small-tracking, .1px);color:var(--m3-on-surface-variant, #49454f);text-transform:uppercase}.m3-section__action{font-size:var(--m3-typescale-label-large-size, 14px);font-weight:var(--m3-typescale-label-large-weight, 500);color:var(--m3-primary, #65c466);text-decoration:none}.m3-section__action:hover{text-decoration:underline}.m3-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(var(--grid-min-width, 280px),1fr))}.m3-grid--2{grid-template-columns:repeat(2,1fr)}.m3-grid--3{grid-template-columns:repeat(3,1fr)}.m3-grid--4{grid-template-columns:repeat(4,1fr)}@media(max-width:599px){.m3-grid--2,.m3-grid--3,.m3-grid--4{grid-template-columns:1fr}}@media(min-width:600px)and (max-width:904px){.m3-grid--3,.m3-grid--4{grid-template-columns:repeat(2,1fr)}}.m3-scroll-area{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--m3-outline-variant) transparent}.m3-scroll-area::-webkit-scrollbar{width:8px}.m3-scroll-area::-webkit-scrollbar-track{background:transparent}.m3-scroll-area::-webkit-scrollbar-thumb{background-color:var(--m3-outline-variant, #cac4d0);border-radius:4px}.m3-scroll-area::-webkit-scrollbar-thumb:hover{background-color:var(--m3-outline, #79747e)}.m3-safe-area-top{padding-top:env(safe-area-inset-top)}.m3-safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}.m3-safe-area-left{padding-left:env(safe-area-inset-left)}.m3-safe-area-right{padding-right:env(safe-area-inset-right)}.m3-container{container-type:inline-size;container-name:main}@container main (min-width: 600px){.m3-cq-hidden-medium{display:none}}@container main (max-width: 599px){.m3-cq-only-medium{display:none}}.m3-phone-only{display:block}.m3-tablet-up,.m3-desktop-up{display:none}@media(min-width:600px){.m3-phone-only{display:none}.m3-tablet-up{display:block}}@media(min-width:905px){.m3-desktop-up{display:block}}[data-theme=dark] .m3-adaptive,[data-theme=dark] .m3-top-bar{background-color:var(--m3-surface, #141218)}[data-theme=dark] .m3-top-bar--scrolled{background-color:var(--m3-surface-container, #211f26)}[data-theme=dark] .m3-top-bar__btn:hover{background-color:#ffffff14}[data-theme=dark] .m3-side-sheet{background-color:var(--m3-surface, #141218)}[data-theme=dark] .m3-dual-pane__secondary{background-color:var(--m3-surface-container-low, #1d1b20)}@media(prefers-reduced-motion:reduce){.m3-side-sheet,.m3-side-sheet__backdrop,.m3-top-bar{transition:none}}@media print{.m3-top-bar,.m3-navigation-rail,.m3-bottom-nav{display:none!important}.m3-main__content{padding:0}}.m3-ripple-container{position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent}.m3-ripple{position:absolute;border-radius:50%;transform:scale(0);animation:m3-ripple-expand .55s cubic-bezier(0,0,.2,1) forwards;pointer-events:none;background-color:currentColor;opacity:.12}.m3-ripple--exiting{animation:m3-ripple-fade .3s cubic-bezier(.4,0,1,1) forwards}@keyframes m3-ripple-expand{0%{transform:scale(0);opacity:.12}to{transform:scale(4);opacity:.12}}@keyframes m3-ripple-fade{0%{opacity:.12}to{opacity:0}}.m3-state-layer{position:absolute;inset:0;background-color:currentColor;opacity:0;transition:opacity .15s cubic-bezier(.4,0,.2,1);pointer-events:none;border-radius:inherit}.m3-ripple-container:hover .m3-state-layer{opacity:var(--m3-state-hover, .08)}.m3-ripple-container:focus-visible .m3-state-layer{opacity:var(--m3-state-focus, .12)}.m3-ripple-container:active .m3-state-layer{opacity:var(--m3-state-pressed, .12)}.m3-ripple--primary{--ripple-color: var(--m3-on-primary)}.m3-ripple--secondary{--ripple-color: var(--m3-on-secondary)}.m3-ripple--tertiary{--ripple-color: var(--m3-on-tertiary)}.m3-ripple--surface{--ripple-color: var(--m3-on-surface)}.m3-ripple--error{--ripple-color: var(--m3-error)}.m3-ripple--unbounded{overflow:visible}.m3-ripple--unbounded .m3-ripple{animation-name:m3-ripple-expand-unbounded}@keyframes m3-ripple-expand-unbounded{0%{transform:scale(0);opacity:.12}to{transform:scale(1);opacity:.12}}.m3-ripple-container:disabled,.m3-ripple-container[aria-disabled=true]{pointer-events:none}.m3-ripple-container:disabled .m3-state-layer,.m3-ripple-container[aria-disabled=true] .m3-state-layer{display:none}.m3-celebration{position:fixed;inset:0;pointer-events:none;z-index:9999}.m3-particle{position:absolute;width:var(--size, 10px);height:var(--size, 10px);background:var(--color, var(--m3-primary));border-radius:var(--radius, 2px);animation:m3-particle-burst 1s cubic-bezier(0,.5,.5,1) forwards}@keyframes m3-particle-burst{0%{transform:translate(0) rotate(0) scale(1);opacity:1}to{transform:translate(var(--x, 100px),var(--y, 100px)) rotate(var(--rotation, 720deg)) scale(0);opacity:0}}.m3-confetti{animation:m3-confetti-fall 2s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes m3-confetti-fall{0%{transform:translateY(-100px) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.m3-pulse{animation:m3-pulse .6s cubic-bezier(0,0,.2,1)}@keyframes m3-pulse{0%{transform:scale(1);box-shadow:0 0 rgba(var(--m3-primary-rgb),.4)}50%{transform:scale(1.05);box-shadow:0 0 0 10px rgba(var(--m3-primary-rgb),0)}to{transform:scale(1);box-shadow:0 0 rgba(var(--m3-primary-rgb),0)}}.m3-shake{animation:m3-shake .4s cubic-bezier(.36,.07,.19,.97)}@keyframes m3-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.m3-bounce{animation:m3-bounce .4s cubic-bezier(.68,-.55,.265,1.55)}@keyframes m3-bounce{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.m3-count-up{display:inline-block;font-variant-numeric:tabular-nums}.m3-progress-fill{animation:m3-progress-fill .6s cubic-bezier(0,0,.2,1) forwards}@keyframes m3-progress-fill{0%{width:0}}.m3-circular-progress{animation:m3-circular-progress .6s cubic-bezier(0,0,.2,1) forwards}@keyframes m3-circular-progress{0%{stroke-dashoffset:var(--circumference, 100)}}.m3-shimmer{position:relative;overflow:hidden}.m3-shimmer:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:m3-shimmer 1.5s infinite}@keyframes m3-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.m3-ripple,.m3-particle,.m3-confetti,.m3-pulse,.m3-shake,.m3-bounce,.m3-count-up,.m3-progress-fill,.m3-circular-progress,.m3-shimmer:after{animation:none!important;transition:none!important}.m3-ripple{opacity:.12;transform:scale(4)}.m3-ripple--exiting{opacity:0}}.m3-skip-links{position:fixed;top:0;left:0;z-index:10000;display:flex;flex-direction:column;gap:4px;padding:8px}.m3-skip-link{position:absolute;transform:translateY(-200%);background:var(--m3-primary);color:var(--m3-on-primary);padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;text-decoration:none;box-shadow:var(--m3-elevation-3);transition:transform .2s cubic-bezier(0,0,.2,1)}.m3-skip-link:focus{transform:translateY(0);outline:none}.m3-skip-link:focus-visible{outline:3px solid var(--m3-primary);outline-offset:2px}.m3-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.m3-visually-hidden-focusable:not(:focus):not(:focus-within){position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.m3-focus-visible{outline:3px solid var(--m3-primary);outline-offset:2px}*:focus-visible{outline:3px solid var(--m3-primary);outline-offset:2px}@media(prefers-contrast:more){*:focus-visible{outline:3px solid currentColor;outline-offset:3px}}.m3-touch-target{min-width:48px;min-height:48px;display:inline-flex;align-items:center;justify-content:center}.m3-touch-target-small{min-width:44px;min-height:44px}.m3-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(prefers-contrast:more){.m3-card,.m3-button,.m3-textfield,.m3-chip,input,select,textarea,button{border:2px solid currentColor!important}body{color:CanvasText;background:Canvas}a{color:LinkText}*{box-shadow:none!important}}@media(forced-colors:active){.m3-button{border:1px solid ButtonText}.m3-button--filled{background-color:ButtonFace;color:ButtonText}.m3-button--filled:hover{background-color:Highlight;color:HighlightText}.m3-button:disabled{border-color:GrayText;color:GrayText}.m3-chip{border:1px solid currentColor}.m3-chip--selected{background-color:Highlight;color:HighlightText}.m3-textfield__input{border:1px solid ButtonText}.m3-textfield__input:focus{border-color:Highlight;outline:2px solid Highlight}.m3-progress-ring__progress{stroke:Highlight}.m3-card{border:1px solid CanvasText}a{color:LinkText;text-decoration:underline}a:visited{color:VisitedText}*:focus{outline:2px solid Highlight;outline-offset:2px}}[aria-live=polite],[aria-live=assertive]{clip:rect(0,0,0,0)}.m3-live-region{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.m3-status{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;font-size:14px}.m3-status--success{background:var(--m3-success-container);color:var(--m3-on-success-container)}.m3-status--error{background:var(--m3-error-container);color:var(--m3-on-error-container)}.m3-status--warning{background:var(--m3-warning-container);color:var(--m3-on-warning-container)}.m3-status--info{background:var(--m3-info-container);color:var(--m3-on-info-container)}.m3-error-message{color:var(--m3-error);font-size:12px;display:flex;align-items:center;gap:4px;margin-top:4px}.m3-error-message:before{content:"";width:16px;height:16px;background:currentColor;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='12' y1='8' x2='12' y2='12'/%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='12' y1='8' x2='12' y2='12'/%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain}.m3-required{color:var(--m3-error);margin-left:4px}.m3-debug-landmarks [role=main],.m3-debug-landmarks main{outline:2px dashed blue}.m3-debug-landmarks [role=navigation],.m3-debug-landmarks nav{outline:2px dashed green}.m3-debug-landmarks [role=banner],.m3-debug-landmarks header{outline:2px dashed orange}.m3-debug-landmarks [role=contentinfo],.m3-debug-landmarks footer{outline:2px dashed purple}.m3-debug-landmarks [role=complementary],.m3-debug-landmarks aside{outline:2px dashed cyan}.m3-keyboard-nav *:focus{outline:3px solid var(--m3-primary);outline-offset:2px}.m3-dyslexia-friendly{letter-spacing:.12em;word-spacing:.16em;line-height:1.75}.m3-large-text{font-size:120%}.m3-large-text h1{font-size:2.5rem}.m3-large-text h2{font-size:2rem}.m3-large-text h3{font-size:1.75rem}.m3-large-text p,.m3-large-text li{font-size:1.25rem}.m3-underlined-links a{text-decoration:underline;text-underline-offset:2px}.m3-button[aria-pressed=true]:after,.m3-button[aria-expanded=true]:after{content:", pressed";position:absolute;left:-10000px}[aria-busy=true]{cursor:wait}.m3-loading-indicator{display:inline-flex;align-items:center;gap:8px}.m3-loading-spinner{width:20px;height:20px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:m3-spin .8s linear infinite}@keyframes m3-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.m3-loading-spinner{animation:none;border-style:dotted}}::selection{background:var(--m3-primary);color:var(--m3-on-primary)}.m3-a11y-scrollbar{scrollbar-width:thin;scrollbar-color:var(--m3-outline) transparent}.m3-a11y-scrollbar::-webkit-scrollbar{width:12px;height:12px}.m3-a11y-scrollbar::-webkit-scrollbar-track{background:transparent}.m3-a11y-scrollbar::-webkit-scrollbar-thumb{background:var(--m3-outline);border-radius:6px;border:3px solid transparent;background-clip:padding-box}.m3-a11y-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--m3-on-surface-variant);border:3px solid transparent;background-clip:padding-box}.edit-food-modal{display:flex;flex-direction:column;gap:var(--m3-spacing-md, 16px);padding:var(--m3-spacing-md, 16px);padding-bottom:calc(var(--m3-spacing-xl, 32px) + env(safe-area-inset-bottom))}.edit-food-modal__field{display:flex;flex-direction:column;gap:var(--m3-spacing-xs, 8px)}.edit-food-modal__label{font-size:.875rem;font-weight:500;color:var(--m3-on-surface-variant, #666)}.edit-food-modal__quantity{display:flex;flex-direction:column;gap:var(--m3-spacing-sm, 12px)}.edit-food-modal__quantity-controls{display:flex;align-items:center;justify-content:center;gap:var(--m3-spacing-md, 16px)}.edit-food-modal__qty-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--m3-surface-container-high, #f0f0f0);border:none;color:var(--m3-on-surface, #1a1a1a);cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.edit-food-modal__qty-btn:hover{background:var(--m3-surface-container-highest, #e0e0e0)}.edit-food-modal__qty-btn:active{transform:scale(.95)}.edit-food-modal__qty-btn:disabled{opacity:.4;cursor:not-allowed}.edit-food-modal__qty-input{width:80px;height:56px;text-align:center;font-size:1.5rem;font-weight:600;border:2px solid var(--m3-outline, #ccc);border-radius:var(--m3-shape-md, 12px);background:var(--m3-surface, #fff);color:var(--m3-on-surface, #1a1a1a);font-variant-numeric:tabular-nums;-moz-appearance:textfield;appearance:textfield}.edit-food-modal__qty-input::-webkit-outer-spin-button,.edit-food-modal__qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.edit-food-modal__qty-input:focus{outline:none;border-color:var(--m3-primary, #6750a4)}.edit-food-modal__presets{display:flex;justify-content:center;gap:var(--m3-spacing-xs, 8px);flex-wrap:wrap}.edit-food-modal__preset{min-width:40px;height:32px;padding:0 var(--m3-spacing-sm, 12px);background:var(--m3-surface-container, #f5f5f5);border:1px solid var(--m3-outline-variant, #ddd);border-radius:var(--m3-shape-full, 100px);color:var(--m3-on-surface, #1a1a1a);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.edit-food-modal__preset:hover{background:var(--m3-surface-container-high, #f0f0f0)}.edit-food-modal__preset--active{background:var(--m3-primary-container, #e8def8);border-color:var(--m3-primary, #6750a4);color:var(--m3-on-primary-container, #1d192b)}.edit-food-modal__units{overflow-x:auto;padding-bottom:var(--m3-spacing-xs, 8px);margin:0 calc(-1 * var(--m3-spacing-md, 16px));padding-left:var(--m3-spacing-md, 16px);padding-right:var(--m3-spacing-md, 16px);-webkit-overflow-scrolling:touch;scrollbar-width:none}.edit-food-modal__units::-webkit-scrollbar{display:none}.edit-food-modal__units .m3-chip-group{flex-wrap:nowrap}.edit-food-modal__meals{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--m3-spacing-xs, 8px)}.edit-food-modal__meal{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--m3-spacing-sm, 12px) var(--m3-spacing-xs, 8px);background:var(--m3-surface-container, #f5f5f5);border:2px solid transparent;border-radius:var(--m3-shape-md, 12px);cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.edit-food-modal__meal:hover{background:var(--m3-surface-container-high, #f0f0f0)}.edit-food-modal__meal--active{background:var(--m3-primary-container, #e8def8);border-color:var(--m3-primary, #6750a4)}.edit-food-modal__meal-emoji{font-size:1.5rem}.edit-food-modal__meal-label{font-size:.75rem;font-weight:500;color:var(--m3-on-surface, #1a1a1a)}.edit-food-modal__nutrition{margin:var(--m3-spacing-sm, 12px) 0}.edit-food-modal__nutrition-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--m3-spacing-sm, 12px);text-align:center}.edit-food-modal__nutrition-item{display:flex;flex-direction:column;gap:2px}.edit-food-modal__nutrition-value{font-size:1.25rem;font-weight:600;color:var(--m3-on-surface, #1a1a1a);font-variant-numeric:tabular-nums}.edit-food-modal__nutrition-label{font-size:.75rem;color:var(--m3-on-surface-variant, #666);text-transform:uppercase;letter-spacing:.5px}.edit-food-modal__actions{display:flex;gap:var(--m3-spacing-sm, 12px);margin-top:var(--m3-spacing-md, 16px)}.edit-food-modal__actions>*{flex:1}.edit-food-modal__delete-btn{color:var(--m3-error, #b3261e);border-color:var(--m3-error, #b3261e)}.quick-adjust-modal{padding:var(--m3-spacing-md, 16px);text-align:center}.quick-adjust-modal__food-name{font-size:1.125rem;font-weight:500;color:var(--m3-on-surface, #1a1a1a);margin-bottom:var(--m3-spacing-lg, 24px)}.quick-adjust-modal__controls{display:flex;align-items:center;justify-content:center;gap:var(--m3-spacing-lg, 24px);margin-bottom:var(--m3-spacing-md, 16px)}.quick-adjust-modal__btn{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--m3-primary-container, #e8def8);border:none;color:var(--m3-on-primary-container, #1d192b);cursor:pointer;transition:all .15s ease}.quick-adjust-modal__btn:hover{background:var(--m3-primary, #6750a4);color:var(--m3-on-primary, #fff)}.quick-adjust-modal__btn:active{transform:scale(.95)}.quick-adjust-modal__btn:disabled{opacity:.4;cursor:not-allowed}.quick-adjust-modal__value{display:flex;flex-direction:column;min-width:80px}.quick-adjust-modal__number{font-size:2.5rem;font-weight:700;color:var(--m3-on-surface, #1a1a1a);font-variant-numeric:tabular-nums;line-height:1}.quick-adjust-modal__unit{font-size:.875rem;color:var(--m3-on-surface-variant, #666);margin-top:4px}.quick-adjust-modal__presets{display:flex;justify-content:center;gap:var(--m3-spacing-xs, 8px);flex-wrap:wrap;margin-bottom:var(--m3-spacing-lg, 24px)}.quick-adjust-modal__preset{min-width:48px;height:36px;padding:0 var(--m3-spacing-sm, 12px);background:var(--m3-surface-container, #f5f5f5);border:1px solid var(--m3-outline-variant, #ddd);border-radius:var(--m3-shape-full, 100px);color:var(--m3-on-surface, #1a1a1a);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.quick-adjust-modal__preset:hover{background:var(--m3-surface-container-high, #f0f0f0)}.quick-adjust-modal__preset--active{background:var(--m3-primary-container, #e8def8);border-color:var(--m3-primary, #6750a4);color:var(--m3-on-primary-container, #1d192b)}.quick-adjust-modal__calories{font-size:1rem;color:var(--m3-on-surface-variant, #666);margin-bottom:var(--m3-spacing-lg, 24px)}.quick-adjust-modal__calories strong{color:var(--m3-on-surface, #1a1a1a);font-size:1.25rem}.quick-adjust-modal__actions{display:flex;justify-content:flex-end;gap:var(--m3-spacing-sm, 12px)}@media(prefers-color-scheme:dark){.edit-food-modal__qty-input{background:var(--m3-surface-container, #2a2a2a)}}@media(prefers-reduced-motion:reduce){.edit-food-modal__qty-btn,.edit-food-modal__preset,.edit-food-modal__meal,.quick-adjust-modal__btn,.quick-adjust-modal__preset{transition:none}}.pull-to-refresh{position:relative;width:100%;height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.pull-to-refresh__indicator{position:absolute;top:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--m3-spacing-xs, 8px);height:0;overflow:hidden;transition:height .1s ease-out;pointer-events:none;z-index:10}.pull-to-refresh__indicator--visible{transition:none}.pull-to-refresh__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--m3-surface-container-high, #f0f0f0);color:var(--m3-on-surface-variant, #666);box-shadow:var(--m3-elevation-1, 0 1px 2px rgba(0, 0, 0, .1))}.pull-to-refresh__icon--ready{background:var(--m3-primary-container, #e8def8);color:var(--m3-on-primary-container, #1d192b)}.pull-to-refresh__icon--refreshing{background:var(--m3-primary, #6750a4);color:var(--m3-on-primary, #fff)}.pull-to-refresh__text{font-size:.75rem;font-weight:500;color:var(--m3-on-surface-variant, #666);text-transform:uppercase;letter-spacing:.5px}.pull-to-refresh__content{position:relative;min-height:100%}@media(prefers-reduced-motion:reduce){.pull-to-refresh__indicator{transition:none}.pull-to-refresh__icon{animation:none!important}}@media(prefers-color-scheme:dark){.pull-to-refresh__icon{background:var(--m3-surface-container-highest, #3a3a3a)}}.swipeable-entry{position:relative;overflow:hidden;touch-action:pan-y}.swipeable-entry--disabled{pointer-events:none}.swipeable-entry__content{position:relative;z-index:2;background:var(--md-sys-color-surface, #ffffff);cursor:grab}.swipeable-entry__content:active{cursor:grabbing}.swipeable-entry__action{position:absolute;top:0;bottom:0;display:flex;align-items:center;gap:8px;padding:0 12px;z-index:1}.swipeable-entry__action--left{left:0;justify-content:flex-start;background:linear-gradient(90deg,#f44336,#e53935)}.swipeable-entry__action--right{right:0;justify-content:flex-end;background:linear-gradient(90deg,#6750a4,#7c4dff)}.swipeable-entry__action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:60px;height:100%;padding:8px;background:transparent;border:none;color:#fff;cursor:pointer;transition:transform .15s}.swipeable-entry__action-btn:hover{transform:scale(1.05)}.swipeable-entry__action-btn:active{transform:scale(.95)}.swipeable-entry__action-btn span{font-size:11px;font-weight:500;white-space:nowrap}.swipeable-entry__action-btn--delete,.swipeable-entry__action-btn--edit{color:#fff}.swipeable-entry__action-btn--duplicate{width:44px}.swipeable-entry__close-overlay{position:fixed;inset:0;z-index:1;background:transparent}.swipe-hint{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--md-sys-color-primary-container, #eaddff);border-radius:20px;font-size:12px;color:var(--md-sys-color-on-primary-container, #21005d);pointer-events:none;position:absolute;z-index:10}.swipe-hint--left{right:8px;top:50%;transform:translateY(-50%)}.swipe-hint--right{left:8px;top:50%;transform:translateY(-50%)}.swipe-hint__arrow{font-size:16px;font-weight:700}@media(hover:hover)and (pointer:fine){.swipeable-entry__content{cursor:default}.swipeable-entry__action{opacity:0;transition:opacity .2s}.swipeable-entry:hover .swipeable-entry__action{opacity:1}.swipeable-entry__action--left{display:none}.swipeable-entry__action--right{background:transparent;padding-right:8px}.swipeable-entry__action-btn{width:36px;height:36px;border-radius:50%;background:var(--md-sys-color-surface-variant, #e7e0ec);color:var(--md-sys-color-on-surface-variant, #49454f);flex-direction:row;gap:0}.swipeable-entry__action-btn--delete:hover{background:#ffebee;color:#f44336}.swipeable-entry__action-btn--edit:hover{background:var(--md-sys-color-primary-container, #eaddff);color:var(--md-sys-color-primary, #6750a4)}.swipeable-entry__action-btn span,.swipe-hint{display:none}}@media(prefers-color-scheme:dark){.swipeable-entry__content{background:var(--md-sys-color-surface, #1c1b1f)}.swipe-hint{background:var(--md-sys-color-primary-container, #4f378b);color:var(--md-sys-color-on-primary-container, #eaddff)}}@media(prefers-reduced-motion:reduce){.swipeable-entry__action-btn,.swipe-hint__arrow{transition:none;animation:none}}.goal-celebration{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;padding:20px}.goal-celebration__card{background:var(--md-sys-color-surface, #ffffff);border-radius:28px;padding:32px 40px;text-align:center;max-width:320px;width:100%;box-shadow:0 8px 32px #0003}.goal-celebration__icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#fff;box-shadow:0 4px 16px #00000026}.goal-celebration__title{margin:0 0 8px;font-size:24px;font-weight:600;color:var(--md-sys-color-on-surface, #1c1b1f);letter-spacing:-.02em}.goal-celebration__subtitle{margin:0 0 24px;font-size:16px;color:var(--md-sys-color-on-surface-variant, #49454f);line-height:1.5}.goal-celebration__dismiss{background:none;border:none;padding:8px 16px;font-size:14px;color:var(--md-sys-color-outline, #79747e);cursor:pointer;border-radius:8px;transition:background-color .2s}.goal-celebration__dismiss:hover{background:var(--md-sys-color-surface-variant, #e7e0ec)}.streak-badge{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:linear-gradient(135deg,#ff9800,#ff5722);border-radius:20px;color:#fff;font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:0 2px 8px #ff98004d;transition:transform .2s}.streak-badge:hover{transform:scale(1.05)}.streak-badge:active{transform:scale(.95)}.streak-badge__icon{flex-shrink:0}.streak-badge__count{font-size:16px;font-weight:700;line-height:1}.streak-badge__label{font-size:12px;font-weight:500;opacity:.9}.streak-badge--small{padding:4px 8px;gap:2px;border-radius:12px}.streak-badge--small .streak-badge__count{font-size:12px}.streak-badge--large{padding:10px 18px;gap:6px;border-radius:24px}.streak-badge--large .streak-badge__count{font-size:22px}.streak-badge--large .streak-badge__label{font-size:14px}.streak-badge--milestone{background:linear-gradient(135deg,gold,#ff9800);box-shadow:0 4px 16px #ffd70066}@media(prefers-color-scheme:dark){.goal-celebration{background:#000000bf}.goal-celebration__card{background:var(--md-sys-color-surface, #1c1b1f);box-shadow:0 8px 32px #0006}.goal-celebration__title{color:var(--md-sys-color-on-surface, #e6e1e5)}.goal-celebration__subtitle{color:var(--md-sys-color-on-surface-variant, #cac4d0)}.goal-celebration__dismiss{color:var(--md-sys-color-outline, #938f99)}.goal-celebration__dismiss:hover{background:var(--md-sys-color-surface-variant, #49454f)}}@media(prefers-reduced-motion:reduce){.streak-badge,.goal-celebration__card,.goal-celebration__icon{transition:none;animation:none}}.shortcuts-help{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;padding:20px}.shortcuts-help__content{background:var(--md-sys-color-surface, #ffffff);border-radius:20px;width:100%;max-width:480px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 32px #00000026}.shortcuts-help__header{display:flex;align-items:center;gap:12px;padding:20px 24px;border-bottom:1px solid var(--md-sys-color-outline-variant, #cac4d0)}.shortcuts-help__header h2{flex:1;margin:0;font-size:20px;font-weight:600;color:var(--md-sys-color-on-surface, #1c1b1f)}.shortcuts-help__header svg{color:var(--md-sys-color-primary, #6750a4)}.shortcuts-help__close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;border-radius:50%;cursor:pointer;color:var(--md-sys-color-on-surface-variant, #49454f);transition:background-color .2s}.shortcuts-help__close:hover{background:var(--md-sys-color-surface-variant, #e7e0ec)}.shortcuts-help__body{flex:1;overflow-y:auto;padding:16px 24px}.shortcuts-group{margin-bottom:20px}.shortcuts-group:last-child{margin-bottom:0}.shortcuts-group__title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--md-sys-color-primary, #6750a4);margin:0 0 12px}.shortcuts-group__list{list-style:none;margin:0;padding:0}.shortcut-item{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--md-sys-color-outline-variant, #cac4d0)}.shortcut-item:last-child{border-bottom:none}.shortcut-item__description{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--md-sys-color-on-surface, #1c1b1f)}.shortcut-item__description svg{color:var(--md-sys-color-on-surface-variant, #49454f)}.shortcut-item__key{font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:12px;padding:4px 8px;background:var(--md-sys-color-surface-variant, #e7e0ec);border-radius:6px;color:var(--md-sys-color-on-surface-variant, #49454f);box-shadow:0 1px 0 var(--md-sys-color-outline, #79747e),0 2px 0 var(--md-sys-color-surface, #ffffff)}.shortcuts-help__footer{padding:16px 24px;font-size:13px;color:var(--md-sys-color-on-surface-variant, #49454f);text-align:center;border-top:1px solid var(--md-sys-color-outline-variant, #cac4d0)}.shortcuts-help__footer kbd{font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:11px;padding:2px 6px;background:var(--md-sys-color-surface-variant, #e7e0ec);border-radius:4px;margin:0 2px}.shortcut-hint{font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:11px;padding:2px 6px;background:var(--md-sys-color-surface-variant, #e7e0ec);border-radius:4px;color:var(--md-sys-color-on-surface-variant, #49454f);margin-left:8px;white-space:nowrap}@media(prefers-color-scheme:dark){.shortcuts-help{background:#000000b3}.shortcuts-help__content{background:var(--md-sys-color-surface, #1c1b1f);box-shadow:0 8px 32px #0000004d}.shortcuts-help__header h2{color:var(--md-sys-color-on-surface, #e6e1e5)}.shortcuts-help__close:hover{background:var(--md-sys-color-surface-variant, #49454f)}.shortcut-item__description{color:var(--md-sys-color-on-surface, #e6e1e5)}.shortcut-item__key{background:var(--md-sys-color-surface-variant, #49454f);color:var(--md-sys-color-on-surface-variant, #cac4d0);box-shadow:0 1px 0 var(--md-sys-color-outline, #938f99),0 2px 0 var(--md-sys-color-surface, #1c1b1f)}.shortcuts-help__footer{color:var(--md-sys-color-on-surface-variant, #cac4d0)}.shortcuts-help__footer kbd,.shortcut-hint{background:var(--md-sys-color-surface-variant, #49454f);color:var(--md-sys-color-on-surface-variant, #cac4d0)}}@media(prefers-reduced-motion:reduce){.shortcuts-help__content{transition:none}}.copy-meals-backdrop{position:fixed;inset:0;background:#0006;z-index:1000}.copy-meals-sheet{position:fixed;bottom:0;left:0;right:0;background:var(--md-sys-color-surface, #ffffff);border-radius:28px 28px 0 0;z-index:1001;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 -4px 24px #0000001f}.copy-meals-sheet__handle{width:32px;height:4px;background:var(--md-sys-color-outline-variant, #cac4d0);border-radius:2px;margin:12px auto}.copy-meals-sheet__header{padding:0 20px 16px}.copy-meals-sheet__title-row{display:flex;align-items:center;gap:12px}.copy-meals-sheet__title-row h2{flex:1;margin:0;font-size:20px;font-weight:600;color:var(--md-sys-color-on-surface, #1c1b1f)}.copy-meals-sheet__title-row svg:first-child{color:var(--md-sys-color-primary, #6750a4)}.copy-meals-sheet__close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;border-radius:50%;cursor:pointer;color:var(--md-sys-color-on-surface-variant, #49454f)}.copy-meals-sheet__close:hover{background:var(--md-sys-color-surface-variant, #e7e0ec)}.copy-meals-sheet__subtitle{margin:8px 0 0;font-size:14px;color:var(--md-sys-color-on-surface-variant, #49454f)}.copy-meals-sheet__date-nav{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 20px;background:var(--md-sys-color-surface-variant, #e7e0ec);margin:0 20px;border-radius:12px}.copy-meals-sheet__nav-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:var(--md-sys-color-surface, #ffffff);border-radius:50%;cursor:pointer;color:var(--md-sys-color-on-surface, #1c1b1f);transition:background-color .2s}.copy-meals-sheet__nav-btn:hover:not(:disabled){background:var(--md-sys-color-primary-container, #eaddff)}.copy-meals-sheet__nav-btn:disabled{opacity:.4;cursor:not-allowed}.copy-meals-sheet__current-date{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:500;color:var(--md-sys-color-on-surface, #1c1b1f);min-width:140px;justify-content:center}.copy-meals-sheet__current-date svg{color:var(--md-sys-color-primary, #6750a4)}.copy-meals-sheet__content{flex:1;overflow-y:auto;padding:16px 20px;min-height:200px}.copy-meals-sheet__select-all{margin-bottom:12px}.copy-meals-sheet__select-all button{background:none;border:none;padding:8px 0;font-size:14px;color:var(--md-sys-color-primary, #6750a4);cursor:pointer;font-weight:500}.copy-meals-sheet__select-all button:hover{text-decoration:underline}.copy-meals-sheet__meals{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.copy-meals-sheet__meal{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;background:var(--md-sys-color-surface, #ffffff);border:2px solid var(--md-sys-color-outline-variant, #cac4d0);border-radius:16px;cursor:pointer;transition:all .2s;text-align:left}.copy-meals-sheet__meal:hover{background:var(--md-sys-color-surface-variant, #e7e0ec)}.copy-meals-sheet__meal.selected{background:var(--md-sys-color-primary-container, #eaddff);border-color:var(--md-sys-color-primary, #6750a4)}.copy-meals-sheet__meal-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--md-sys-color-surface-variant, #e7e0ec);border-radius:10px;color:var(--md-sys-color-on-surface-variant, #49454f)}.copy-meals-sheet__meal.selected .copy-meals-sheet__meal-icon{background:var(--md-sys-color-primary, #6750a4);color:var(--md-sys-color-on-primary, #ffffff)}.copy-meals-sheet__meal-info{flex:1;display:flex;flex-direction:column;gap:2px}.copy-meals-sheet__meal-name{font-size:16px;font-weight:500;color:var(--md-sys-color-on-surface, #1c1b1f)}.copy-meals-sheet__meal-detail{font-size:13px;color:var(--md-sys-color-on-surface-variant, #49454f)}.copy-meals-sheet__meal-check{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--md-sys-color-primary, #6750a4)}.copy-meals-sheet__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:var(--md-sys-color-on-surface-variant, #49454f)}.copy-meals-sheet__empty svg{opacity:.4;margin-bottom:16px}.copy-meals-sheet__empty p{margin:0 0 4px;font-size:16px;font-weight:500;color:var(--md-sys-color-on-surface, #1c1b1f)}.copy-meals-sheet__empty span{font-size:14px}.copy-meals-sheet__footer{padding:16px 20px;padding-bottom:max(16px,env(safe-area-inset-bottom));border-top:1px solid var(--md-sys-color-outline-variant, #cac4d0)}.copy-meals-sheet__summary{display:flex;justify-content:space-between;font-size:14px;color:var(--md-sys-color-on-surface-variant, #49454f);margin-bottom:12px}.copy-meals-sheet__submit{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px;background:var(--md-sys-color-primary, #6750a4);color:var(--md-sys-color-on-primary, #ffffff);border:none;border-radius:16px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s}.copy-meals-sheet__submit:hover:not(:disabled){background:var(--md-sys-color-primary-hover, #5b45a0)}.copy-meals-sheet__submit:disabled{opacity:.5;cursor:not-allowed}.copy-meals-sheet__submit.success{background:#4caf50}@media(prefers-color-scheme:dark){.copy-meals-backdrop{background:#0009}.copy-meals-sheet{background:var(--md-sys-color-surface, #1c1b1f);box-shadow:0 -4px 24px #0000004d}.copy-meals-sheet__handle{background:var(--md-sys-color-outline-variant, #49454f)}.copy-meals-sheet__title-row h2{color:var(--md-sys-color-on-surface, #e6e1e5)}.copy-meals-sheet__close:hover{background:var(--md-sys-color-surface-variant, #49454f)}.copy-meals-sheet__subtitle{color:var(--md-sys-color-on-surface-variant, #cac4d0)}.copy-meals-sheet__date-nav{background:var(--md-sys-color-surface-variant, #49454f)}.copy-meals-sheet__nav-btn{background:var(--md-sys-color-surface, #1c1b1f);color:var(--md-sys-color-on-surface, #e6e1e5)}.copy-meals-sheet__current-date{color:var(--md-sys-color-on-surface, #e6e1e5)}.copy-meals-sheet__meal{background:var(--md-sys-color-surface, #1c1b1f);border-color:var(--md-sys-color-outline-variant, #49454f)}.copy-meals-sheet__meal:hover{background:var(--md-sys-color-surface-variant, #49454f)}.copy-meals-sheet__meal.selected{background:var(--md-sys-color-primary-container, #4f378b);border-color:var(--md-sys-color-primary, #d0bcff)}.copy-meals-sheet__meal-icon{background:var(--md-sys-color-surface-variant, #49454f);color:var(--md-sys-color-on-surface-variant, #cac4d0)}.copy-meals-sheet__meal.selected .copy-meals-sheet__meal-icon{background:var(--md-sys-color-primary, #d0bcff);color:var(--md-sys-color-on-primary, #381e72)}.copy-meals-sheet__meal-name{color:var(--md-sys-color-on-surface, #e6e1e5)}.copy-meals-sheet__meal-detail{color:var(--md-sys-color-on-surface-variant, #cac4d0)}.copy-meals-sheet__empty p{color:var(--md-sys-color-on-surface, #e6e1e5)}.copy-meals-sheet__footer{border-color:var(--md-sys-color-outline-variant, #49454f)}.copy-meals-sheet__summary{color:var(--md-sys-color-on-surface-variant, #cac4d0)}}@media(prefers-reduced-motion:reduce){.copy-meals-sheet,.copy-meals-sheet__meal,.copy-meals-sheet__nav-btn,.copy-meals-sheet__submit{transition:none}}.quick-search{position:fixed;inset:0;display:flex;align-items:flex-start;justify-content:center;padding-top:10vh;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999}.quick-search__panel{width:100%;max-width:560px;margin:0 16px;background:var(--md-sys-color-surface, #ffffff);border-radius:20px;box-shadow:0 8px 40px #0003;overflow:hidden;display:flex;flex-direction:column;max-height:70vh}.quick-search__input-wrapper{display:flex;align-items:center;padding:16px 20px;gap:12px;border-bottom:1px solid var(--md-sys-color-outline-variant, #cac4d0)}.quick-search__icon{color:var(--md-sys-color-on-surface-variant, #49454f);flex-shrink:0}.quick-search__input{flex:1;border:none;background:none;font-size:18px;color:var(--md-sys-color-on-surface, #1c1b1f);outline:none}.quick-search__input::placeholder{color:var(--md-sys-color-outline, #79747e)}.quick-search__clear{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:var(--md-sys-color-surface-variant, #e7e0ec);border-radius:50%;cursor:pointer;color:var(--md-sys-color-on-surface-variant, #49454f);transition:background-color .2s}.quick-search__clear:hover{background:var(--md-sys-color-outline-variant, #cac4d0)}.quick-search__results{flex:1;overflow-y:auto;padding:8px 0}.quick-search__group{margin-bottom:8px}.quick-search__group:last-child{margin-bottom:0}.quick-search__group-label{padding:8px 20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--md-sys-color-outline, #79747e)}.quick-search__item{display:flex;align-items:center;gap:12px;padding:12px 20px;cursor:pointer;transition:background-color .15s}.quick-search__item:hover,.quick-search__item.selected{background:var(--md-sys-color-surface-variant, #e7e0ec)}.quick-search__item.selected{background:var(--md-sys-color-primary-container, #eaddff)}.quick-search__item-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--md-sys-color-surface-variant, #e7e0ec);border-radius:10px;color:var(--md-sys-color-on-surface-variant, #49454f);flex-shrink:0}.quick-search__item.selected .quick-search__item-icon{background:var(--md-sys-color-primary, #6750a4);color:var(--md-sys-color-on-primary, #ffffff)}.quick-search__item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.quick-search__item-name{font-size:15px;font-weight:500;color:var(--md-sys-color-on-surface, #1c1b1f);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quick-search__item-detail{font-size:12px;color:var(--md-sys-color-on-surface-variant, #49454f);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quick-search__item-arrow{color:var(--md-sys-color-outline, #79747e);flex-shrink:0;opacity:0;transition:opacity .15s}.quick-search__item:hover .quick-search__item-arrow,.quick-search__item.selected .quick-search__item-arrow{opacity:1}.quick-search__empty{padding:40px 20px;text-align:center}.quick-search__empty p{margin:0;font-size:14px;color:var(--md-sys-color-on-surface-variant, #49454f)}.quick-search__footer{display:flex;justify-content:center;gap:24px;padding:12px 20px;background:var(--md-sys-color-surface-variant, #e7e0ec);font-size:12px;color:var(--md-sys-color-on-surface-variant, #49454f)}.quick-search__footer kbd{display:inline-block;padding:2px 6px;background:var(--md-sys-color-surface, #ffffff);border-radius:4px;font-family:SF Mono,Monaco,monospace;font-size:11px;margin-right:4px;box-shadow:0 1px 0 var(--md-sys-color-outline, #79747e)}@media(prefers-color-scheme:dark){.quick-search{background:#000000b3}.quick-search__panel{background:var(--md-sys-color-surface, #1c1b1f);box-shadow:0 8px 40px #0006}.quick-search__input-wrapper{border-color:var(--md-sys-color-outline-variant, #49454f)}.quick-search__input{color:var(--md-sys-color-on-surface, #e6e1e5)}.quick-search__input::placeholder{color:var(--md-sys-color-outline, #938f99)}.quick-search__clear{background:var(--md-sys-color-surface-variant, #49454f);color:var(--md-sys-color-on-surface-variant, #cac4d0)}.quick-search__clear:hover{background:var(--md-sys-color-outline-variant, #49454f)}.quick-search__group-label{color:var(--md-sys-color-outline, #938f99)}.quick-search__item:hover,.quick-search__item.selected{background:var(--md-sys-color-surface-variant, #49454f)}.quick-search__item.selected{background:var(--md-sys-color-primary-container, #4f378b)}.quick-search__item-icon{background:var(--md-sys-color-surface-variant, #49454f);color:var(--md-sys-color-on-surface-variant, #cac4d0)}.quick-search__item.selected .quick-search__item-icon{background:var(--md-sys-color-primary, #d0bcff);color:var(--md-sys-color-on-primary, #381e72)}.quick-search__item-name{color:var(--md-sys-color-on-surface, #e6e1e5)}.quick-search__item-detail{color:var(--md-sys-color-on-surface-variant, #cac4d0)}.quick-search__footer{background:var(--md-sys-color-surface-variant, #49454f)}.quick-search__footer kbd{background:var(--md-sys-color-surface, #1c1b1f);color:var(--md-sys-color-on-surface, #e6e1e5)}}@media(max-width:600px){.quick-search{padding-top:0;align-items:flex-start}.quick-search__panel{margin:0;border-radius:0 0 20px 20px;max-height:85vh}.quick-search__footer{display:none}}@media(prefers-reduced-motion:reduce){.quick-search__panel,.quick-search__item,.quick-search__clear,.quick-search__item-arrow{transition:none}}.tooltip-overlay__backdrop{position:fixed;inset:0;background:#00000080;z-index:9998}.tooltip-overlay__spotlight{position:fixed;border-radius:12px;box-shadow:0 0 0 9999px #00000080;z-index:9999;pointer-events:none}.tooltip-overlay__tooltip{position:fixed;width:280px;background:var(--md-sys-color-surface, #ffffff);border-radius:16px;padding:16px;z-index:10000;box-shadow:0 8px 24px #00000026}.tooltip-overlay__arrow{position:absolute;width:12px;height:12px;background:var(--md-sys-color-surface, #ffffff);transform:rotate(45deg)}.tooltip-overlay__tooltip--bottom .tooltip-overlay__arrow{top:-6px}.tooltip-overlay__tooltip--top .tooltip-overlay__arrow{bottom:-6px}.tooltip-overlay__tooltip--left .tooltip-overlay__arrow{right:-6px;top:50%;margin-top:-6px}.tooltip-overlay__tooltip--right .tooltip-overlay__arrow{left:-6px;top:50%;margin-top:-6px}.tooltip-overlay__header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.tooltip-overlay__header svg{color:var(--md-sys-color-primary, #6750a4)}.tooltip-overlay__title{flex:1;font-size:16px;font-weight:600;color:var(--md-sys-color-on-surface, #1c1b1f)}.tooltip-overlay__close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;border-radius:50%;cursor:pointer;color:var(--md-sys-color-on-surface-variant, #49454f);transition:background-color .2s}.tooltip-overlay__close:hover{background:var(--md-sys-color-surface-variant, #e7e0ec)}.tooltip-overlay__content{margin:0 0 16px;font-size:14px;line-height:1.5;color:var(--md-sys-color-on-surface-variant, #49454f)}.tooltip-overlay__action{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;padding:10px 16px;background:var(--md-sys-color-primary, #6750a4);color:var(--md-sys-color-on-primary, #ffffff);border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.tooltip-overlay__action:hover{background:var(--md-sys-color-primary-hover, #5b45a0)}.feature-highlight{position:relative;display:inline-flex}.feature-highlight__badge{position:absolute;top:-6px;right:-6px;padding:2px 6px;background:var(--md-sys-color-tertiary, #7d5260);color:var(--md-sys-color-on-tertiary, #ffffff);font-size:10px;font-weight:600;text-transform:uppercase;border-radius:6px;animation:tooltip-pulse 2s ease-in-out infinite}@keyframes tooltip-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}@media(prefers-color-scheme:dark){.tooltip-overlay__tooltip{background:var(--md-sys-color-surface, #2b2930);box-shadow:0 8px 24px #0000004d}.tooltip-overlay__arrow{background:var(--md-sys-color-surface, #2b2930)}.tooltip-overlay__title{color:var(--md-sys-color-on-surface, #e6e1e5)}.tooltip-overlay__close:hover{background:var(--md-sys-color-surface-variant, #49454f)}.tooltip-overlay__content{color:var(--md-sys-color-on-surface-variant, #cac4d0)}.feature-highlight__badge{background:var(--md-sys-color-tertiary, #efb8c8);color:var(--md-sys-color-on-tertiary, #492532)}}@media(prefers-reduced-motion:reduce){.tooltip-overlay__tooltip,.tooltip-overlay__backdrop,.tooltip-overlay__spotlight{transition:none}.feature-highlight__badge{animation:none}}.skip-links{position:fixed;top:0;left:0;z-index:99999;display:flex;flex-direction:column}.skip-link{position:absolute;left:-9999px;top:0;padding:12px 24px;background:var(--md-sys-color-primary, #6750a4);color:var(--md-sys-color-on-primary, #ffffff);font-size:14px;font-weight:500;text-decoration:none;border-radius:0 0 8px;box-shadow:0 2px 8px #0003;transition:none}.skip-link:focus{position:fixed;left:0;outline:2px solid var(--md-sys-color-on-primary, #ffffff);outline-offset:-2px}.skip-link:focus+.skip-link:focus{top:44px}.main-content:focus{outline:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.live-region{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.focus-trap{display:contents}*:focus-visible{outline:2px solid var(--md-sys-color-primary, #6750a4);outline-offset:2px}*:focus:not(:focus-visible){outline:none}button:focus-visible,[role=button]:focus-visible{outline:2px solid var(--md-sys-color-primary, #6750a4);outline-offset:2px;box-shadow:0 0 0 4px #6750a433}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--md-sys-color-primary, #6750a4);outline-offset:0;border-color:var(--md-sys-color-primary, #6750a4)}a:focus-visible{outline:2px solid var(--md-sys-color-primary, #6750a4);outline-offset:2px;border-radius:4px}@media(prefers-contrast:high){.skip-link{background:#000;color:#fff;border:2px solid #ffffff}*:focus-visible{outline:3px solid currentColor;outline-offset:3px}button:focus-visible,[role=button]:focus-visible{outline:3px solid currentColor;box-shadow:none}}@media(prefers-color-scheme:dark){.skip-link{background:var(--md-sys-color-primary, #d0bcff);color:var(--md-sys-color-on-primary, #381e72)}button:focus-visible,[role=button]:focus-visible{box-shadow:0 0 0 4px #d0bcff4d}}@media(prefers-reduced-motion:reduce){.skip-link{transition:none}}.data-mgmt-backdrop{position:fixed;inset:0;background:#0006;z-index:1000}.data-mgmt-sheet{position:fixed;bottom:0;left:0;right:0;background:var(--md-sys-color-surface, #ffffff);border-radius:28px 28px 0 0;z-index:1001;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 -4px 24px #0000001f}.data-mgmt-sheet__handle{width:32px;height:4px;background:var(--md-sys-color-outline-variant, #cac4d0);border-radius:2px;margin:12px auto}.data-mgmt-sheet__header{display:flex;align-items:center;gap:12px;padding:0 20px 16px}.data-mgmt-sheet__header h2{flex:1;margin:0;font-size:20px;font-weight:600;color:var(--md-sys-color-on-surface, #1c1b1f)}.data-mgmt-sheet__header svg:first-child{color:var(--md-sys-color-primary, #6750a4)}.data-mgmt-sheet__close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;border-radius:50%;cursor:pointer;color:var(--md-sys-color-on-surface-variant, #49454f)}.data-mgmt-sheet__close:hover{background:var(--md-sys-color-surface-variant, #e7e0ec)}.data-mgmt-sheet__content{flex:1;overflow-y:auto;padding:0 20px 20px;padding-bottom:max(20px,env(safe-area-inset-bottom))}.data-mgmt-sheet__result{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;margin-bottom:16px}.data-mgmt-sheet__result.success{background:#4caf501a;color:#2e7d32}.data-mgmt-sheet__result.error{background:#f443361a;color:#c62828}.data-mgmt-sheet__result span{flex:1;font-size:14px}.data-mgmt-sheet__result button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;border-radius:50%;cursor:pointer;color:inherit;opacity:.7}.data-mgmt-sheet__result button:hover{opacity:1;background:#0000001a}.data-mgmt-sheet__option{display:flex;align-items:center;gap:16px;width:100%;padding:16px;background:var(--md-sys-color-surface, #ffffff);border:1px solid var(--md-sys-color-outline-variant, #cac4d0);border-radius:16px;cursor:pointer;text-align:left;margin-bottom:12px;transition:all .2s}.data-mgmt-sheet__option:hover{background:var(--md-sys-color-surface-variant, #e7e0ec);border-color:var(--md-sys-color-primary, #6750a4)}.data-mgmt-sheet__option-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--md-sys-color-primary-container, #eaddff);border-radius:12px;color:var(--md-sys-color-on-primary-container, #21005d)}.data-mgmt-sheet__option-info{flex:1;display:flex;flex-direction:column;gap:2px}.data-mgmt-sheet__option-title{font-size:16px;font-weight:500;color:var(--md-sys-color-on-surface, #1c1b1f)}.data-mgmt-sheet__option-desc{font-size:13px;color:var(--md-sys-color-on-surface-variant, #49454f)}.data-mgmt-sheet__info{display:flex;align-items:flex-start;gap:12px;padding:16px;background:var(--md-sys-color-surface-variant, #e7e0ec);border-radius:12px;margin-top:8px}.data-mgmt-sheet__info svg{flex-shrink:0;color:var(--md-sys-color-primary, #6750a4);margin-top:2px}.data-mgmt-sheet__info span{font-size:13px;line-height:1.5;color:var(--md-sys-color-on-surface-variant, #49454f)}.data-mgmt-sheet__export-preview{text-align:center}.data-mgmt-sheet__export-header{padding:24px 0}.data-mgmt-sheet__export-header svg{color:var(--md-sys-color-primary, #6750a4);margin-bottom:16px}.data-mgmt-sheet__export-header h3{margin:0 0 8px;font-size:20px;font-weight:600;color:var(--md-sys-color-on-surface, #1c1b1f)}.data-mgmt-sheet__export-header p{margin:0;font-size:14px;color:var(--md-sys-color-on-surface-variant, #49454f)}.data-mgmt-sheet__export-stats{display:flex;justify-content:center;gap:24px;padding:16px 0}.data-mgmt-sheet__stat{display:flex;flex-direction:column;align-items:center;gap:4px}.data-mgmt-sheet__stat-value{font-size:24px;font-weight:600;color:var(--md-sys-color-primary, #6750a4)}.data-mgmt-sheet__stat-label{font-size:12px;color:var(--md-sys-color-on-surface-variant, #49454f)}.data-mgmt-sheet__export-meta{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 0;font-size:13px;color:var(--md-sys-color-outline, #79747e)}.data-mgmt-sheet__actions{display:flex;gap:12px;padding-top:16px}.data-mgmt-sheet__btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border-radius:12px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s}.data-mgmt-sheet__btn--secondary{background:var(--md-sys-color-surface-variant, #e7e0ec);color:var(--md-sys-color-on-surface-variant, #49454f);border:none}.data-mgmt-sheet__btn--secondary:hover{background:var(--md-sys-color-outline-variant, #cac4d0)}.data-mgmt-sheet__btn--primary{background:var(--md-sys-color-primary, #6750a4);color:var(--md-sys-color-on-primary, #ffffff);border:none}.data-mgmt-sheet__btn--primary:hover{background:var(--md-sys-color-primary-hover, #5b45a0)}.data-mgmt-sheet__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}.data-mgmt-sheet__spinner{width:40px;height:40px;border:3px solid var(--md-sys-color-surface-variant, #e7e0ec);border-top-color:var(--md-sys-color-primary, #6750a4);border-radius:50%;animation:data-mgmt-spin .8s linear infinite}@keyframes data-mgmt-spin{to{transform:rotate(360deg)}}.data-mgmt-sheet__loading p{margin:16px 0 0;font-size:14px;color:var(--md-sys-color-on-surface-variant, #49454f)}@media(prefers-color-scheme:dark){.data-mgmt-backdrop{background:#0009}.data-mgmt-sheet{background:var(--md-sys-color-surface, #1c1b1f)}.data-mgmt-sheet__header h2{color:var(--md-sys-color-on-surface, #e6e1e5)}.data-mgmt-sheet__close:hover{background:var(--md-sys-color-surface-variant, #49454f)}.data-mgmt-sheet__option{background:var(--md-sys-color-surface, #1c1b1f);border-color:var(--md-sys-color-outline-variant, #49454f)}.data-mgmt-sheet__option:hover{background:var(--md-sys-color-surface-variant, #49454f)}.data-mgmt-sheet__option-title{color:var(--md-sys-color-on-surface, #e6e1e5)}.data-mgmt-sheet__option-desc{color:var(--md-sys-color-on-surface-variant, #cac4d0)}.data-mgmt-sheet__info{background:var(--md-sys-color-surface-variant, #49454f)}.data-mgmt-sheet__export-header h3{color:var(--md-sys-color-on-surface, #e6e1e5)}.data-mgmt-sheet__export-header p{color:var(--md-sys-color-on-surface-variant, #cac4d0)}.data-mgmt-sheet__btn--secondary{background:var(--md-sys-color-surface-variant, #49454f);color:var(--md-sys-color-on-surface-variant, #cac4d0)}}@media(prefers-reduced-motion:reduce){.data-mgmt-sheet,.data-mgmt-sheet__option,.data-mgmt-sheet__btn{transition:none}.data-mgmt-sheet__spinner{animation:none}}.skeleton{display:inline-block;background:var(--md-sys-color-surface-variant, #e7e0ec);border-radius:4px;line-height:1}.skeleton--circle{border-radius:50%}.skeleton--text{border-radius:4px}.skeleton--animate{background:linear-gradient(90deg,var(--md-sys-color-surface-variant, #e7e0ec) 0%,var(--md-sys-color-surface, #ffffff) 50%,var(--md-sys-color-surface-variant, #e7e0ec) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.skeleton-text{display:flex;flex-direction:column}.skeleton-food-entry{display:flex;align-items:center;gap:12px;padding:12px 16px}.skeleton-food-entry__content{flex:1;display:flex;flex-direction:column;gap:6px}.skeleton-food-entry__calories{flex-shrink:0}.skeleton-food-log{display:flex;flex-direction:column;gap:8px;padding:16px}.skeleton-meal-header{display:flex;align-items:center;justify-content:space-between;padding:8px 0;margin-bottom:8px}.skeleton-dashboard-card{padding:16px;background:var(--md-sys-color-surface, #ffffff);border-radius:16px}.skeleton-dashboard-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.skeleton-dashboard-card__body{display:flex;align-items:center;gap:24px}.skeleton-dashboard-card__ring{flex-shrink:0}.skeleton-dashboard-card__stats{display:flex;flex-direction:column;gap:8px}.skeleton-macro-bar{display:flex;align-items:center;gap:12px;padding:8px 0}.skeleton-macro-bar__label{width:60px}.skeleton-macro-bar .skeleton--rectangle{flex:1;border-radius:4px}.skeleton-macro-bar__value{width:40px;text-align:right}.skeleton-macro-summary{display:flex;flex-direction:column;gap:4px;padding:16px;background:var(--md-sys-color-surface, #ffffff);border-radius:16px}.skeleton-history-day{display:flex;align-items:center;gap:16px;padding:12px 16px;background:var(--md-sys-color-surface, #ffffff);border-radius:12px;margin-bottom:8px}.skeleton-history-day__date{display:flex;flex-direction:column;align-items:center;gap:4px;width:48px}.skeleton-history-day__progress{flex:1}.skeleton-history-day__progress .skeleton--rectangle{border-radius:4px}.skeleton-history-day__calories{flex-shrink:0}.skeleton-weekly-graph{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;height:150px;padding:16px;background:var(--md-sys-color-surface, #ffffff);border-radius:16px}.skeleton-weekly-graph__bar{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;height:100%}.skeleton-weekly-graph__bar .skeleton--rectangle{border-radius:4px 4px 0 0}.skeleton-recipe-card{background:var(--md-sys-color-surface, #ffffff);border-radius:16px;overflow:hidden}.skeleton-recipe-card__content{display:flex;flex-direction:column;gap:8px;padding:16px}.skeleton-recipe-card__meta{display:flex;gap:16px;margin-top:8px}.skeleton-page{display:flex;flex-direction:column;gap:16px;padding:16px}.skeleton-page--dashboard{gap:24px}.shimmer-overlay{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);pointer-events:none}@media(prefers-color-scheme:dark){.skeleton{background:var(--md-sys-color-surface-variant, #49454f)}.skeleton--animate{background:linear-gradient(90deg,var(--md-sys-color-surface-variant, #49454f) 0%,var(--md-sys-color-surface, #2b2930) 50%,var(--md-sys-color-surface-variant, #49454f) 100%);background-size:200% 100%}.skeleton-dashboard-card,.skeleton-macro-summary,.skeleton-history-day,.skeleton-weekly-graph,.skeleton-recipe-card{background:var(--md-sys-color-surface, #1c1b1f)}.shimmer-overlay{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%)}}@media(prefers-reduced-motion:reduce){.skeleton--animate{animation:none;background:var(--md-sys-color-surface-variant, #e7e0ec)}.shimmer-overlay{display:none}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.empty-state--compact{padding:24px 16px}.empty-state__icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:var(--md-sys-color-surface-variant, #e7e0ec);border-radius:24px;margin-bottom:20px;color:var(--md-sys-color-on-surface-variant, #49454f)}.empty-state--compact .empty-state__icon{width:56px;height:56px;border-radius:16px;margin-bottom:12px}.empty-state__title{margin:0 0 8px;font-size:18px;font-weight:600;color:var(--md-sys-color-on-surface, #1c1b1f)}.empty-state--compact .empty-state__title{font-size:16px}.empty-state__description{margin:0 0 24px;font-size:14px;line-height:1.5;color:var(--md-sys-color-on-surface-variant, #49454f);max-width:280px}.empty-state--compact .empty-state__description{margin-bottom:16px}.empty-state__action{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--md-sys-color-primary, #6750a4);color:var(--md-sys-color-on-primary, #ffffff);border:none;border-radius:12px;font-size:15px;font-weight:500;cursor:pointer;transition:background-color .2s}.empty-state__action:hover{background:var(--md-sys-color-primary-hover, #5b45a0)}.empty-state--compact .empty-state__action{padding:10px 20px;font-size:14px}.meal-empty-state{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 16px;text-align:center}.meal-empty-state p{margin:0;font-size:14px;color:var(--md-sys-color-outline, #79747e)}.meal-empty-state__add{display:flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;border:1px dashed var(--md-sys-color-outline, #79747e);border-radius:8px;color:var(--md-sys-color-primary, #6750a4);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.meal-empty-state__add:hover{background:var(--md-sys-color-primary-container, #eaddff);border-color:var(--md-sys-color-primary, #6750a4)}.search-empty-state{display:flex;flex-direction:column;align-items:center;padding:40px 24px;text-align:center}.search-empty-state svg{color:var(--md-sys-color-outline, #79747e);opacity:.5;margin-bottom:16px}.search-empty-state h3{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--md-sys-color-on-surface, #1c1b1f)}.search-empty-state>p{margin:0 0 24px;font-size:14px;color:var(--md-sys-color-on-surface-variant, #49454f)}.search-empty-state__suggestions{text-align:left;padding:16px;background:var(--md-sys-color-surface-variant, #e7e0ec);border-radius:12px;max-width:300px}.search-empty-state__suggestions span{display:block;font-size:12px;font-weight:600;text-transform:uppercase;color:var(--md-sys-color-outline, #79747e);margin-bottom:8px}.search-empty-state__suggestions ul{margin:0;padding:0;list-style:none}.search-empty-state__suggestions li{position:relative;padding-left:16px;font-size:13px;color:var(--md-sys-color-on-surface-variant, #49454f);line-height:1.6}.search-empty-state__suggestions li:before{content:"•";position:absolute;left:0;color:var(--md-sys-color-primary, #6750a4)}.search-empty-state__clear{margin-top:20px;padding:10px 20px;background:transparent;border:1px solid var(--md-sys-color-outline, #79747e);border-radius:8px;color:var(--md-sys-color-primary, #6750a4);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.search-empty-state__clear:hover{background:var(--md-sys-color-surface-variant, #e7e0ec)}@media(prefers-color-scheme:dark){.empty-state__icon{background:var(--md-sys-color-surface-variant, #49454f);color:var(--md-sys-color-on-surface-variant, #cac4d0)}.empty-state__title{color:var(--md-sys-color-on-surface, #e6e1e5)}.empty-state__description{color:var(--md-sys-color-on-surface-variant, #cac4d0)}.meal-empty-state p{color:var(--md-sys-color-outline, #938f99)}.meal-empty-state__add{border-color:var(--md-sys-color-outline, #938f99);color:var(--md-sys-color-primary, #d0bcff)}.meal-empty-state__add:hover{background:var(--md-sys-color-primary-container, #4f378b);border-color:var(--md-sys-color-primary, #d0bcff)}.search-empty-state h3{color:var(--md-sys-color-on-surface, #e6e1e5)}.search-empty-state>p{color:var(--md-sys-color-on-surface-variant, #cac4d0)}.search-empty-state__suggestions{background:var(--md-sys-color-surface-variant, #49454f)}.search-empty-state__suggestions li{color:var(--md-sys-color-on-surface-variant, #cac4d0)}.search-empty-state__clear{border-color:var(--md-sys-color-outline, #938f99);color:var(--md-sys-color-primary, #d0bcff)}.search-empty-state__clear:hover{background:var(--md-sys-color-surface-variant, #49454f)}}.undo-toast{position:fixed;bottom:calc(80px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--md-sys-color-inverse-surface, #313033);color:var(--md-sys-color-inverse-on-surface, #f4eff4);border-radius:12px;box-shadow:0 4px 16px #0003;z-index:9999;min-width:280px;max-width:calc(100vw - 32px);overflow:hidden}.undo-toast__progress{position:absolute;bottom:0;left:0;height:3px;background:var(--md-sys-color-primary, #d0bcff);transition:width .1s linear}.undo-toast__message{flex:1;font-size:14px;line-height:1.4}.undo-toast__undo{display:flex;align-items:center;gap:6px;padding:8px 12px;background:transparent;border:none;color:var(--md-sys-color-primary, #d0bcff);font-size:14px;font-weight:500;cursor:pointer;border-radius:8px;transition:background-color .2s}.undo-toast__undo:hover{background:#d0bcff26}.undo-toast__undo:active{background:#d0bcff40}.undo-toast__dismiss{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;color:var(--md-sys-color-inverse-on-surface, #f4eff4);opacity:.7;cursor:pointer;border-radius:50%;transition:opacity .2s,background-color .2s}.undo-toast__dismiss:hover{opacity:1;background:#ffffff1a}.success-toast{position:fixed;bottom:calc(80px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:12px 20px;background:#4caf50;color:#fff;border-radius:12px;box-shadow:0 4px 16px #4caf504d;z-index:9999}.success-toast svg{flex-shrink:0}.success-toast span{font-size:14px;font-weight:500}@media(max-width:400px){.undo-toast{left:16px;right:16px;transform:none;min-width:auto}.success-toast{left:16px;right:16px;transform:none}}@media(min-width:768px){.undo-toast,.success-toast{left:auto;right:24px;transform:none;bottom:24px}}@media(prefers-color-scheme:dark){.undo-toast{background:var(--md-sys-color-inverse-surface, #e6e1e5);color:var(--md-sys-color-inverse-on-surface, #313033)}.undo-toast__progress{background:var(--md-sys-color-primary, #6750a4)}.undo-toast__undo{color:var(--md-sys-color-primary, #6750a4)}.undo-toast__undo:hover{background:#6750a426}.undo-toast__dismiss{color:var(--md-sys-color-inverse-on-surface, #313033)}.undo-toast__dismiss:hover{background:#0000001a}}@media(prefers-reduced-motion:reduce){.undo-toast,.success-toast,.undo-toast__progress{transition:none}}.numeric-stepper{display:flex;flex-direction:column;gap:6px}.numeric-stepper.disabled{opacity:.5;pointer-events:none}.numeric-stepper__label{font-size:12px;font-weight:500;color:var(--md-sys-color-on-surface-variant, #49454f);text-transform:uppercase;letter-spacing:.5px}.numeric-stepper__controls{display:flex;align-items:center;gap:8px}.numeric-stepper__btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--md-sys-color-surface-variant, #e7e0ec);border:none;border-radius:12px;color:var(--md-sys-color-on-surface-variant, #49454f);cursor:pointer;transition:all .2s}.numeric-stepper__btn:hover:not(:disabled){background:var(--md-sys-color-primary-container, #eaddff);color:var(--md-sys-color-on-primary-container, #21005d)}.numeric-stepper__btn:active:not(:disabled){transform:scale(.95)}.numeric-stepper__btn:disabled{opacity:.4;cursor:not-allowed}.numeric-stepper__value{display:flex;align-items:center;gap:4px;min-width:80px;justify-content:center}.numeric-stepper__value input{width:60px;padding:8px;border:1px solid var(--md-sys-color-outline-variant, #cac4d0);border-radius:8px;font-size:16px;font-weight:500;text-align:center;background:var(--md-sys-color-surface, #ffffff);color:var(--md-sys-color-on-surface, #1c1b1f)}.numeric-stepper__value input:focus{outline:none;border-color:var(--md-sys-color-primary, #6750a4)}.numeric-stepper__unit{font-size:14px;color:var(--md-sys-color-on-surface-variant, #49454f)}.numeric-stepper--small .numeric-stepper__btn{width:32px;height:32px;border-radius:8px}.numeric-stepper--small .numeric-stepper__value input{width:48px;padding:6px;font-size:14px}.numeric-stepper--large .numeric-stepper__btn{width:48px;height:48px;border-radius:14px}.numeric-stepper--large .numeric-stepper__value input{width:80px;padding:12px;font-size:20px}.quick-portion{display:flex;flex-direction:column;gap:8px}.quick-portion__presets{display:flex;gap:8px;flex-wrap:wrap}.quick-portion__preset{min-width:44px;height:44px;padding:0 12px;background:var(--md-sys-color-surface, #ffffff);border:1px solid var(--md-sys-color-outline-variant, #cac4d0);border-radius:10px;font-size:16px;font-weight:500;color:var(--md-sys-color-on-surface, #1c1b1f);cursor:pointer;transition:all .2s}.quick-portion__preset:hover{background:var(--md-sys-color-surface-variant, #e7e0ec);border-color:var(--md-sys-color-primary, #6750a4)}.quick-portion__preset.active{background:var(--md-sys-color-primary, #6750a4);border-color:var(--md-sys-color-primary, #6750a4);color:var(--md-sys-color-on-primary, #ffffff)}.quick-portion__custom{display:flex;align-items:center;min-width:60px;height:44px;padding:0 8px;background:var(--md-sys-color-surface, #ffffff);border:1px solid var(--md-sys-color-outline-variant, #cac4d0);border-radius:10px;transition:all .2s}.quick-portion__custom.active{border-color:var(--md-sys-color-primary, #6750a4)}.quick-portion__custom input{width:100%;border:none;background:transparent;font-size:16px;text-align:center;color:var(--md-sys-color-on-surface, #1c1b1f);outline:none}.quick-portion__custom input::placeholder{color:var(--md-sys-color-outline, #79747e)}.quick-portion__unit{font-size:14px;color:var(--md-sys-color-on-surface-variant, #49454f)}.date-quick-picker__options{display:flex;gap:8px;align-items:center}.date-quick-picker__option{padding:10px 16px;background:var(--md-sys-color-surface, #ffffff);border:1px solid var(--md-sys-color-outline-variant, #cac4d0);border-radius:10px;font-size:14px;font-weight:500;color:var(--md-sys-color-on-surface, #1c1b1f);cursor:pointer;transition:all .2s}.date-quick-picker__option:hover{background:var(--md-sys-color-surface-variant, #e7e0ec);border-color:var(--md-sys-color-primary, #6750a4)}.date-quick-picker__option.active{background:var(--md-sys-color-primary, #6750a4);border-color:var(--md-sys-color-primary, #6750a4);color:var(--md-sys-color-on-primary, #ffffff)}.date-quick-picker__calendar{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--md-sys-color-surface-variant, #e7e0ec);border-radius:10px;color:var(--md-sys-color-on-surface-variant, #49454f);cursor:pointer;position:relative;overflow:hidden}.date-quick-picker__calendar input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.date-quick-picker__calendar:hover{background:var(--md-sys-color-primary-container, #eaddff);color:var(--md-sys-color-on-primary-container, #21005d)}.serving-helper{padding:8px 12px;background:var(--md-sys-color-tertiary-container, #ffd8e4);border-radius:8px;margin-top:8px}.serving-helper__tip{font-size:12px;color:var(--md-sys-color-on-tertiary-container, #31111d)}@media(prefers-color-scheme:dark){.numeric-stepper__btn{background:var(--md-sys-color-surface-variant, #49454f);color:var(--md-sys-color-on-surface-variant, #cac4d0)}.numeric-stepper__btn:hover:not(:disabled){background:var(--md-sys-color-primary-container, #4f378b);color:var(--md-sys-color-on-primary-container, #eaddff)}.numeric-stepper__value input{background:var(--md-sys-color-surface, #1c1b1f);border-color:var(--md-sys-color-outline-variant, #49454f);color:var(--md-sys-color-on-surface, #e6e1e5)}.numeric-stepper__unit{color:var(--md-sys-color-on-surface-variant, #cac4d0)}.quick-portion__preset{background:var(--md-sys-color-surface, #1c1b1f);border-color:var(--md-sys-color-outline-variant, #49454f);color:var(--md-sys-color-on-surface, #e6e1e5)}.quick-portion__preset:hover{background:var(--md-sys-color-surface-variant, #49454f)}.quick-portion__preset.active{background:var(--md-sys-color-primary, #d0bcff);color:var(--md-sys-color-on-primary, #381e72)}.quick-portion__custom{background:var(--md-sys-color-surface, #1c1b1f);border-color:var(--md-sys-color-outline-variant, #49454f)}.quick-portion__custom input{color:var(--md-sys-color-on-surface, #e6e1e5)}.quick-portion__unit{color:var(--md-sys-color-on-surface-variant, #cac4d0)}.date-quick-picker__option{background:var(--md-sys-color-surface, #1c1b1f);border-color:var(--md-sys-color-outline-variant, #49454f);color:var(--md-sys-color-on-surface, #e6e1e5)}.date-quick-picker__option:hover{background:var(--md-sys-color-surface-variant, #49454f)}.date-quick-picker__option.active{background:var(--md-sys-color-primary, #d0bcff);color:var(--md-sys-color-on-primary, #381e72)}.date-quick-picker__calendar{background:var(--md-sys-color-surface-variant, #49454f);color:var(--md-sys-color-on-surface-variant, #cac4d0)}.date-quick-picker__calendar:hover{background:var(--md-sys-color-primary-container, #4f378b);color:var(--md-sys-color-on-primary-container, #eaddff)}.serving-helper{background:var(--md-sys-color-tertiary-container, #633b48)}.serving-helper__tip{color:var(--md-sys-color-on-tertiary-container, #ffd8e4)}}@media(prefers-reduced-motion:reduce){.numeric-stepper__btn,.quick-portion__preset,.quick-portion__custom,.date-quick-picker__option,.date-quick-picker__calendar{transition:none}}.bottom-nav-bar{position:fixed;bottom:0;left:0;right:0;background:var(--surface-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-subtle);display:flex;justify-content:space-around;align-items:center;padding:var(--space-sm) 0;padding-bottom:calc(var(--space-sm) + env(safe-area-inset-bottom,0));z-index:var(--z-fixed)}.nav-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border:none;background:transparent;cursor:pointer;transition:color var(--duration-short) var(--ease-emphasized);min-width:64px;min-height:var(--touch-target-min);border-radius:var(--radius-lg);-webkit-tap-highlight-color:transparent;color:var(--text-tertiary);position:relative}.nav-item-content{position:relative;display:flex;align-items:center;justify-content:center;width:56px;height:32px;border-radius:var(--radius-pill)}.nav-pill{position:absolute;inset:0;background:var(--color-primary-100);border-radius:var(--radius-pill);z-index:0}.nav-icon{position:relative;z-index:1;color:inherit;transition:color var(--duration-short) var(--ease-emphasized)}@media(hover:hover){.nav-item:hover{color:var(--text-secondary)}.nav-item:hover .nav-item-content{background:var(--surface-container);border-radius:var(--radius-pill)}}.nav-item:active{background:transparent}.nav-item:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.nav-item.active,.nav-item.active .nav-icon{color:var(--primary)}.nav-label{font-size:var(--text-label-sm);font-weight:var(--font-medium);color:inherit;transition:color var(--duration-short) var(--ease-emphasized)}.nav-item.active .nav-label{color:var(--primary);font-weight:var(--font-semibold)}.nav-btn-add{position:relative;bottom:8px;width:52px;height:52px;border-radius:var(--radius-full);background:var(--primary);color:var(--text-inverse);display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:var(--transition-fast);box-shadow:var(--shadow-glow-md)}.nav-btn-add:hover{background:var(--primary-hover);box-shadow:var(--shadow-glow-lg)}.nav-btn-add:active{transform:scale(.92);box-shadow:var(--shadow-glow-sm)}.nav-btn-add:focus-visible{outline:none;box-shadow:var(--shadow-focus),var(--shadow-glow-md)}.nav-btn-add .nav-btn-icon{font-size:var(--text-headline-sm);color:var(--text-inverse)}.nav-badge{position:absolute;top:0;right:8px;min-width:16px;height:16px;padding:0 var(--space-1);background:var(--danger);color:var(--text-inverse);font-size:var(--text-label-sm);font-weight:var(--font-bold);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}@media(min-width:1025px){.bottom-nav-bar{display:none}}@media(max-height:500px)and (orientation:landscape){.bottom-nav-bar{padding:4px 0;padding-bottom:calc(4px + env(safe-area-inset-bottom,0))}.nav-item{padding:var(--space-xs);min-width:56px}.nav-icon{width:20px;height:20px}.nav-label{font-size:var(--text-xs)}}.desktop-sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--desktop-sidebar-width);background:var(--surface-container-low);border-right:1px solid var(--border-default);padding:var(--space-lg);display:flex;flex-direction:column;z-index:var(--z-dropdown);transition:width var(--duration-medium) var(--ease-emphasized)}.sidebar-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-8);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle)}.sidebar-logo{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--primary);color:var(--text-inverse);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-bold)}.sidebar-title{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary);margin:0}.sidebar-subtitle{font-size:var(--text-xs);color:var(--text-tertiary);margin:0}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.sidebar-nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);color:var(--text-secondary);text-decoration:none;font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;background:transparent;border:none;width:100%;text-align:left;transition:var(--transition-fast);min-height:var(--touch-target-min)}.sidebar-nav-item:hover{color:var(--text-primary);background:var(--surface-container)}.sidebar-nav-item:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.sidebar-nav-item.active{color:var(--primary);background:var(--color-primary-100);font-weight:var(--font-semibold)}.sidebar-nav-icon{flex-shrink:0}.nav-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;background:transparent;border:none;width:100%;text-align:left;transition:var(--transition-fast)}.sidebar-user{margin-top:auto;padding-top:var(--space-md);border-top:1px solid var(--border-subtle)}.user-info{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast)}.user-info:hover{background:var(--surface-tertiary)}.user-avatar{width:36px;height:36px;border-radius:var(--radius-full);background:var(--color-primary-100);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--primary)}.user-details{flex:1;min-width:0}.user-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-goal{font-size:var(--text-xs);color:var(--text-tertiary)}.sidebar-footer{margin-top:auto;padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.sidebar-quick-stats{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--surface-container);border-radius:var(--radius-xl)}.sidebar-stat{display:flex;justify-content:space-between;align-items:center}.sidebar-stat-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-tertiary);font-weight:var(--font-medium)}.sidebar-stat-value{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.sidebar-stats{margin-top:var(--space-md);padding:var(--space-md);background:var(--surface-tertiary);border-radius:var(--radius-lg)}.stat-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xs)}.stat-row:last-child{margin-bottom:0}.stat-label{font-size:var(--text-xs);color:var(--text-tertiary)}.stat-value{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--primary)}.sidebar-settings{margin-top:var(--space-md)}.settings-btn{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);background:transparent;border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;transition:var(--transition-fast)}.settings-btn:hover{border-color:var(--border-strong);color:var(--text-primary)}.desktop-sidebar.collapsed{width:var(--desktop-sidebar-collapsed);padding:var(--space-md)}.desktop-sidebar.collapsed .sidebar-title,.desktop-sidebar.collapsed .sidebar-subtitle,.desktop-sidebar.collapsed .sidebar-nav-item span,.desktop-sidebar.collapsed .sidebar-stat-label,.desktop-sidebar.collapsed .sidebar-stat-value,.desktop-sidebar.collapsed .nav-label,.desktop-sidebar.collapsed .user-details,.desktop-sidebar.collapsed .stat-row{display:none}.desktop-sidebar.collapsed .sidebar-header{justify-content:center}.desktop-sidebar.collapsed .sidebar-nav-item{justify-content:center;padding:var(--space-3)}.desktop-sidebar.collapsed .sidebar-quick-stats{padding:var(--space-2)}.desktop-sidebar.collapsed .nav-icon{width:auto}@media(max-width:1024px){.desktop-sidebar{display:none}}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:var(--surface-base)}.error-boundary__content{max-width:400px;text-align:center;padding:var(--space-8);background:var(--surface-elevated);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);box-shadow:var(--shadow-lg)}.error-boundary__icon{font-size:var(--text-5xl);margin-bottom:var(--space-4)}.error-boundary__title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--space-3) 0}.error-boundary__message{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0 0 var(--space-6) 0}.error-boundary__actions{display:flex;flex-direction:column;gap:var(--space-3)}.error-boundary__btn{padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-fast);border:none}.error-boundary__btn--primary{background:var(--color-primary-500);color:var(--text-inverse)}.error-boundary__btn--primary:hover{background:var(--color-primary-600)}.error-boundary__btn--secondary{background:var(--surface-tertiary);color:var(--text-primary);border:1px solid var(--border-default)}.error-boundary__btn--secondary:hover{background:var(--surface-raised)}.fab-container{position:fixed;bottom:calc(80px + env(safe-area-inset-bottom,0px));right:var(--space-lg);z-index:var(--z-fixed);display:flex;flex-direction:column-reverse;align-items:center;gap:var(--space-md)}.fab-main{width:56px;height:56px;border-radius:50%;background:var(--gradient-blue);border:none;color:var(--text-inverse);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-glow-blue);transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-tap-highlight-color:transparent}.fab-main:hover{transform:scale(1.05);box-shadow:var(--shadow-glow-xl)}.fab-main:focus-visible{outline:none;box-shadow:var(--shadow-focus),var(--shadow-glow-blue)}.fab-main:active{transform:scale(.95)}.fab-container.open .fab-main{background:var(--surface-tertiary);box-shadow:var(--shadow-lg)}.fab-container.open .fab-main svg{transform:rotate(90deg)}.fab-main svg{transition:transform .3s cubic-bezier(.4,0,.2,1)}.fab-options{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-sm);opacity:0;visibility:hidden;transform:translateY(20px) scale(.8);transition:all .3s cubic-bezier(.4,0,.2,1)}.fab-container.open .fab-options{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.fab-option{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-primary);cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-md);white-space:nowrap;-webkit-tap-highlight-color:transparent}.fab-option:hover{background:var(--surface-tertiary);border-color:var(--color-primary-500);color:var(--color-primary-500)}.fab-option:active{transform:scale(.95)}.fab-option svg{flex-shrink:0}.fab-option-label{font-size:var(--text-sm);font-weight:var(--font-medium)}.fab-container.open .fab-option:nth-child(1){transition-delay:.05s}.fab-container.open .fab-option:nth-child(2){transition-delay:.1s}.fab-container.open .fab-option:nth-child(3){transition-delay:.15s}.fab-backdrop{position:fixed;inset:0;background:var(--surface-overlay);z-index:-1;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(min-width:1024px){.fab-container{right:var(--space-xl);bottom:var(--space-xl)}}.m3-onboarding{position:fixed;inset:0;display:flex;flex-direction:column;background-color:var(--m3-surface, #FFFBFE);z-index:1000;overflow:hidden}.m3-onboarding__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;flex-shrink:0}.m3-onboarding__back{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;border-radius:var(--m3-shape-full, 20px);background:transparent;color:var(--m3-on-surface, #1C1B1F);cursor:pointer;transition:background-color .2s var(--m3-motion-easing-standard, ease)}.m3-onboarding__back:hover{background-color:#00000014}.m3-onboarding__back:disabled{opacity:0;pointer-events:none}.m3-onboarding__skip{padding:8px 16px;border:none;border-radius:var(--m3-shape-full, 20px);background:transparent;color:var(--m3-primary, #65C466);font-size:var(--m3-typescale-label-large-size, 14px);font-weight:var(--m3-typescale-label-large-weight, 500);cursor:pointer;transition:background-color .2s var(--m3-motion-easing-standard, ease)}.m3-onboarding__skip:hover{background-color:#65c46614}.m3-onboarding__progress{display:flex;align-items:center;justify-content:center;gap:8px;padding:0 24px 16px}.m3-onboarding__step-dot{width:8px;height:8px;border-radius:var(--m3-shape-full, 4px);background-color:var(--m3-surface-container-highest, #E6E0E6);transition:width .3s var(--m3-motion-easing-emphasized, ease),background-color .3s var(--m3-motion-easing-standard, ease)}.m3-onboarding__step-dot--active{width:24px;background-color:var(--m3-primary, #65C466)}.m3-onboarding__step-dot--completed{background-color:var(--m3-primary, #65C466)}.m3-onboarding__progress-bar{height:4px;background-color:var(--m3-surface-container-highest, #E6E0E6);border-radius:2px;overflow:hidden;margin:0 24px 16px}.m3-onboarding__progress-fill{height:100%;background-color:var(--m3-primary, #65C466);border-radius:2px;transition:width .3s var(--m3-motion-easing-emphasized, ease)}.m3-onboarding__content{flex:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.m3-onboarding__step{flex:1;display:flex;flex-direction:column;padding:24px;animation:m3-onboarding-slide-in .4s var(--m3-motion-easing-emphasized, ease)}@keyframes m3-onboarding-slide-in{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.m3-onboarding__step--exiting{animation:m3-onboarding-slide-out .3s var(--m3-motion-easing-emphasized, ease) forwards}@keyframes m3-onboarding-slide-out{to{opacity:0;transform:translate(-30px)}}.m3-onboarding__illustration{display:flex;align-items:center;justify-content:center;padding:32px;margin-bottom:32px}.m3-onboarding__illustration-container{position:relative;width:200px;height:200px;display:flex;align-items:center;justify-content:center}.m3-onboarding__illustration-bg{position:absolute;inset:0;border-radius:var(--m3-shape-full, 100px);background:linear-gradient(135deg,var(--m3-primary-container, #A4F5A6) 0%,var(--m3-tertiary-container, #A0CFCF) 100%);opacity:.3}.m3-onboarding__illustration-icon{position:relative;z-index:1;color:var(--m3-primary, #65C466)}.m3-onboarding__title{margin:0 0 12px;font-family:var(--m3-typescale-headline-medium-font, inherit);font-size:var(--m3-typescale-headline-medium-size, 28px);font-weight:var(--m3-typescale-headline-medium-weight, 400);line-height:var(--m3-typescale-headline-medium-line-height, 36px);color:var(--m3-on-surface, #1C1B1F);text-align:center}.m3-onboarding__description{margin:0 0 32px;font-family:var(--m3-typescale-body-large-font, inherit);font-size:var(--m3-typescale-body-large-size, 16px);font-weight:var(--m3-typescale-body-large-weight, 400);line-height:var(--m3-typescale-body-large-line-height, 24px);color:var(--m3-on-surface-variant, #49454F);text-align:center}.m3-onboarding__form{flex:1;display:flex;flex-direction:column;gap:16px}.m3-onboarding__form-group{display:flex;flex-direction:column;gap:8px}.m3-onboarding__form-label{font-family:var(--m3-typescale-label-large-font, inherit);font-size:var(--m3-typescale-label-large-size, 14px);font-weight:var(--m3-typescale-label-large-weight, 500);color:var(--m3-on-surface, #1C1B1F)}.m3-onboarding__form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.m3-onboarding__selections{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.m3-onboarding__selection{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;border:2px solid var(--m3-outline-variant, #CAC4D0);border-radius:var(--m3-shape-medium, 12px);background:transparent;cursor:pointer;transition:border-color .2s var(--m3-motion-easing-standard, ease),background-color .2s var(--m3-motion-easing-standard, ease),transform .2s var(--m3-motion-easing-standard, ease)}.m3-onboarding__selection:hover{border-color:var(--m3-outline, #79747E);background-color:#0000000a}.m3-onboarding__selection--selected,.m3-onboarding__selection--selected:hover{border-color:var(--m3-primary, #65C466);background-color:var(--m3-primary-container, #A4F5A6)}.m3-onboarding__selection-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--m3-shape-full, 24px);background-color:var(--m3-surface-container, #F3EDF3);color:var(--m3-on-surface-variant, #49454F);transition:background-color .2s var(--m3-motion-easing-standard, ease),color .2s var(--m3-motion-easing-standard, ease)}.m3-onboarding__selection--selected .m3-onboarding__selection-icon{background-color:var(--m3-primary, #65C466);color:var(--m3-on-primary, #003910)}.m3-onboarding__selection-label{font-family:var(--m3-typescale-label-large-font, inherit);font-size:var(--m3-typescale-label-large-size, 14px);font-weight:var(--m3-typescale-label-large-weight, 500);color:var(--m3-on-surface, #1C1B1F);text-align:center}.m3-onboarding__selection-description{font-size:var(--m3-typescale-body-small-size, 12px);color:var(--m3-on-surface-variant, #49454F);text-align:center}.m3-onboarding__footer{padding:16px 24px;padding-bottom:max(16px,env(safe-area-inset-bottom));flex-shrink:0}.m3-onboarding__actions{display:flex;gap:12px}.m3-onboarding__btn{flex:1;height:56px;border:none;border-radius:var(--m3-shape-full, 28px);font-family:var(--m3-typescale-label-large-font, inherit);font-size:var(--m3-typescale-label-large-size, 14px);font-weight:var(--m3-typescale-label-large-weight, 500);cursor:pointer;transition:background-color .2s var(--m3-motion-easing-standard, ease),transform .1s var(--m3-motion-easing-standard, ease)}.m3-onboarding__btn--primary{background-color:var(--m3-primary, #65C466);color:var(--m3-on-primary, #003910)}.m3-onboarding__btn--primary:hover{background-color:var(--m3-primary-dark, #4CAF50)}.m3-onboarding__btn--primary:active{transform:scale(.98)}.m3-onboarding__btn--secondary{background-color:var(--m3-surface-container-high, #ECE6EC);color:var(--m3-on-surface, #1C1B1F)}.m3-onboarding__btn--secondary:hover{background-color:var(--m3-surface-container-highest, #E6E0E6)}.m3-onboarding__btn:disabled{opacity:.38;cursor:not-allowed}.m3-onboarding__goals{display:flex;flex-direction:column;gap:12px}.m3-onboarding__goal{display:flex;align-items:center;gap:16px;padding:16px;border:2px solid var(--m3-outline-variant, #CAC4D0);border-radius:var(--m3-shape-medium, 12px);background:transparent;cursor:pointer;text-align:left;transition:border-color .2s var(--m3-motion-easing-standard, ease),background-color .2s var(--m3-motion-easing-standard, ease)}.m3-onboarding__goal:hover{border-color:var(--m3-outline, #79747E)}.m3-onboarding__goal--selected{border-color:var(--m3-primary, #65C466);background-color:var(--m3-primary-container, #A4F5A6)}.m3-onboarding__goal-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--m3-shape-medium, 12px);background-color:var(--m3-surface-container, #F3EDF3);color:var(--m3-on-surface-variant, #49454F);flex-shrink:0}.m3-onboarding__goal--selected .m3-onboarding__goal-icon{background-color:var(--m3-primary, #65C466);color:var(--m3-on-primary, #003910)}.m3-onboarding__goal-content{flex:1;min-width:0}.m3-onboarding__goal-title{margin:0 0 4px;font-family:var(--m3-typescale-title-medium-font, inherit);font-size:var(--m3-typescale-title-medium-size, 16px);font-weight:var(--m3-typescale-title-medium-weight, 500);color:var(--m3-on-surface, #1C1B1F)}.m3-onboarding__goal-description{margin:0;font-size:var(--m3-typescale-body-small-size, 12px);color:var(--m3-on-surface-variant, #49454F)}.m3-onboarding__goal-check{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--m3-shape-full, 12px);border:2px solid var(--m3-outline, #79747E);background:transparent;flex-shrink:0;transition:border-color .2s var(--m3-motion-easing-standard, ease),background-color .2s var(--m3-motion-easing-standard, ease)}.m3-onboarding__goal--selected .m3-onboarding__goal-check{border-color:var(--m3-primary, #65C466);background-color:var(--m3-primary, #65C466);color:var(--m3-on-primary, #003910)}.m3-onboarding__summary{display:flex;flex-direction:column;gap:16px}.m3-onboarding__summary-card{padding:16px;background-color:var(--m3-surface-container, #F3EDF3);border-radius:var(--m3-shape-medium, 12px)}.m3-onboarding__summary-label{font-size:var(--m3-typescale-label-medium-size, 12px);color:var(--m3-on-surface-variant, #49454F);margin-bottom:4px}.m3-onboarding__summary-value{font-family:var(--m3-typescale-title-large-font, inherit);font-size:var(--m3-typescale-title-large-size, 22px);font-weight:var(--m3-typescale-title-large-weight, 400);color:var(--m3-on-surface, #1C1B1F)}.m3-onboarding__summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.m3-onboarding__summary-item{text-align:center;padding:12px;background-color:var(--m3-surface-container, #F3EDF3);border-radius:var(--m3-shape-small, 8px)}.m3-onboarding__celebration{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.m3-onboarding__confetti{position:absolute;width:10px;height:10px;border-radius:2px;animation:m3-confetti-fall 1.5s var(--m3-motion-easing-standard, ease) forwards}@keyframes m3-confetti-fall{0%{opacity:1;transform:translateY(-100vh) rotate(0)}to{opacity:0;transform:translateY(100vh) rotate(720deg)}}[data-theme=dark] .m3-onboarding{background-color:var(--m3-surface, #141218)}[data-theme=dark] .m3-onboarding__back:hover,[data-theme=dark] .m3-onboarding__selection:hover{background-color:#ffffff14}[data-theme=dark] .m3-onboarding__selection--selected,[data-theme=dark] .m3-onboarding__goal--selected{background-color:var(--m3-primary-container, #004A12)}[data-theme=dark] .m3-onboarding__btn--secondary{background-color:var(--m3-surface-container-high, #2B2930)}@media(prefers-reduced-motion:reduce){.m3-onboarding__step{animation:none}.m3-onboarding__step--exiting{animation:none;opacity:0}.m3-onboarding__confetti{animation:none}}@media(max-width:599px){.m3-onboarding__illustration-container{width:160px;height:160px}.m3-onboarding__title{font-size:var(--m3-typescale-headline-small-size, 24px);line-height:var(--m3-typescale-headline-small-line-height, 32px)}.m3-onboarding__selections,.m3-onboarding__summary-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:600px){.m3-onboarding{display:flex;align-items:center;justify-content:center}.m3-onboarding__container{width:100%;max-width:500px;max-height:90vh;border-radius:var(--m3-shape-extra-large, 28px);background-color:var(--m3-surface, #FFFBFE);box-shadow:var(--m3-elevation-3);overflow:hidden;display:flex;flex-direction:column}[data-theme=dark] .m3-onboarding__container{background-color:var(--m3-surface-container, #211F26)}}.streak-banner{background:linear-gradient(135deg,var(--md-sys-color-tertiary-container) 0%,var(--md-sys-color-secondary-container) 100%)}.streak-banner:focus-visible{outline:3px solid var(--md-sys-color-primary);outline-offset:2px}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}.animate-sparkle{animation:sparkle 2s ease-in-out infinite}@media(max-width:380px){.home-page .flex.gap-6{gap:12px}}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .streak-banner{background:linear-gradient(135deg,color-mix(in srgb,var(--md-sys-color-tertiary-container) 30%,transparent),color-mix(in srgb,var(--md-sys-color-secondary-container) 25%,transparent))}}[data-theme=dark] .streak-banner{background:linear-gradient(135deg,color-mix(in srgb,var(--md-sys-color-tertiary-container) 30%,transparent),color-mix(in srgb,var(--md-sys-color-secondary-container) 25%,transparent))}@media(prefers-reduced-motion:reduce){.animate-sparkle{animation:none}}@media print{.home-page{padding:0;max-width:none}.streak-banner,.m3-fab{display:none!important}}.log-page{--page-transition: .2s var(--m3-ease-standard)}@media(min-width:840px){.log-page .desktop-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}}@media(prefers-reduced-motion:reduce){.log-page *{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media print{.log-page{padding:0;max-width:100%}.log-page button:not([type=submit]){display:none}}.photo-capture{background:var(--surface-elevated);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-md);border:1px solid var(--border-default);position:relative;overflow:hidden}.photo-capture:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),#10b981)}.photo-capture-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.photo-capture-title{display:flex;align-items:center;gap:var(--space-sm);margin:0;font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary)}.photo-capture-close{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-sm);transition:all var(--transition-base);display:flex;align-items:center}.photo-capture-close:hover{color:var(--text-primary);background:var(--surface-secondary)}.photo-hint{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--space-md) 0;line-height:1.5}.photo-input-buttons{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.photo-input-btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-lg) var(--space-md);border:2px dashed var(--border-default);border-radius:var(--radius-md);background:var(--surface-base);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);font-size:var(--text-sm);font-weight:var(--font-medium);font-family:inherit}.photo-input-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--surface-secondary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.photo-input-btn:active{transform:translateY(0)}.photo-file-input{display:none}.photo-camera-mode{display:flex;flex-direction:column;gap:var(--space-md)}.photo-video-container{position:relative;width:100%;border-radius:var(--radius-md);overflow:hidden;background:#000;aspect-ratio:4 / 3}.photo-video{width:100%;height:100%;object-fit:cover}.photo-camera-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.photo-camera-frame{width:80%;height:80%;border:2px solid rgba(255,255,255,.3);border-radius:var(--radius-lg)}.photo-camera-controls{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-lg)}.photo-cancel-btn{width:44px;height:44px;border-radius:50%;border:1px solid var(--border-default);background:var(--surface-base);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base)}.photo-cancel-btn:hover{background:var(--surface-secondary)}.photo-shutter-btn{width:64px;height:64px;border-radius:50%;border:4px solid var(--text-primary);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);padding:4px}.photo-shutter-btn:hover{border-color:var(--primary)}.photo-shutter-btn:active .shutter-inner{transform:scale(.85)}.shutter-inner{width:100%;height:100%;border-radius:50%;background:var(--text-primary);transition:transform .1s ease}.photo-spacer{width:44px}.photo-preview-mode{display:flex;flex-direction:column;gap:var(--space-md)}.photo-preview-container{position:relative;width:100%;border-radius:var(--radius-md);overflow:hidden}.photo-preview-img{width:100%;height:auto;max-height:300px;object-fit:cover;display:block;border-radius:var(--radius-md)}.photo-loading-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);background:#0009;color:#fff;font-size:var(--text-sm);font-weight:var(--font-medium)}.photo-spinner{animation:photo-spin 1s linear infinite}@keyframes photo-spin{to{transform:rotate(360deg)}}.photo-preview-actions{display:flex;gap:var(--space-md)}.photo-retake-btn{flex:1;padding:var(--space-md);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-base);color:var(--text-primary);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);font-family:inherit;display:flex;align-items:center;justify-content:center;gap:var(--space-xs);transition:all var(--transition-base)}.photo-retake-btn:hover{background:var(--surface-secondary)}.photo-identify-btn{flex:2;padding:var(--space-md);border:none;border-radius:var(--radius-md);background:var(--gradient-blue);color:var(--text-inverse);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-semibold);font-family:inherit;display:flex;align-items:center;justify-content:center;gap:var(--space-xs);transition:all var(--transition-base)}.photo-identify-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-glow-blue)}.photo-identify-btn:disabled{opacity:.7;cursor:not-allowed}.photo-error{padding:var(--space-md);background:var(--color-error-light);border:1px solid var(--danger);color:var(--danger);border-radius:var(--radius-md);font-size:var(--text-sm)}.photo-results-mode{display:flex;flex-direction:column;gap:var(--space-md)}.photo-preview-small{display:flex;align-items:center;gap:var(--space-md)}.photo-thumb{width:60px;height:60px;border-radius:var(--radius-md);object-fit:cover}.photo-results-summary{display:flex;flex-direction:column;gap:2px}.photo-results-count{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.photo-results-time{font-size:var(--text-xs);color:var(--text-tertiary)}.photo-food-list{display:flex;flex-direction:column;gap:var(--space-sm)}.photo-food-card{padding:var(--space-md);background:var(--surface-secondary);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.photo-food-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-sm)}.photo-food-info{display:flex;flex-direction:column;gap:2px}.photo-food-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);text-transform:capitalize}.photo-food-serving{font-size:var(--text-xs);color:var(--text-tertiary)}.photo-source-badge{font-size:10px;font-weight:var(--font-bold);padding:2px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.badge-usda{background:#d1fae5;color:#065f46}.badge-ai{background:#dbeafe;color:#1e40af}[data-theme=dark] .badge-usda{background:#064e3b;color:#6ee7b7}[data-theme=dark] .badge-ai{background:#1e3a5f;color:#93c5fd}.photo-food-macros{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-xs);margin-bottom:var(--space-sm)}.photo-macro{text-align:center;padding:var(--space-xs);background:var(--surface-base);border-radius:var(--radius-sm)}.photo-macro-value{display:block;font-size:var(--text-base);font-weight:var(--font-bold);color:var(--color-calories);line-height:1.3}.photo-macro-value.protein{color:var(--color-protein)}.photo-macro-value.carbs{color:var(--color-carbs)}.photo-macro-value.fat{color:var(--color-fat)}.photo-macro-label{display:block;font-size:10px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.3px}.photo-food-micros{margin-bottom:var(--space-sm);padding-top:var(--space-xs);border-top:1px solid var(--border-subtle)}.photo-add-item-btn{width:100%;padding:var(--space-sm);border:none;border-radius:var(--radius-md);background:var(--success);color:var(--text-inverse);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-semibold);font-family:inherit;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;gap:var(--space-xs)}.photo-add-item-btn:hover:not(:disabled){background:var(--color-success-dark);transform:translateY(-1px)}.photo-add-item-btn.added{background:var(--surface-tertiary);color:var(--text-tertiary);cursor:default}.photo-add-all-btn{flex:2;padding:var(--space-md);border:none;border-radius:var(--radius-md);background:var(--success);color:var(--text-inverse);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-semibold);font-family:inherit;display:flex;align-items:center;justify-content:center;gap:var(--space-xs);transition:all var(--transition-base)}.photo-add-all-btn:hover{background:var(--color-success-dark);transform:translateY(-1px);box-shadow:var(--shadow-glow-success-lg)}.photo-results-actions{display:flex;gap:var(--space-md)}@media(max-width:480px){.photo-capture{padding:var(--space-md)}.photo-input-buttons{grid-template-columns:1fr}.photo-food-macros{grid-template-columns:repeat(2,1fr)}}.ai-food-input{background:var(--surface-elevated);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-xl);border:1px solid var(--border-default);position:relative;overflow:hidden}.ai-food-input:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-blue)}.ai-food-title-row{display:flex;align-items:center;justify-content:space-between;margin:0 0 var(--space-lg) 0}.ai-food-title{display:flex;align-items:center;gap:var(--space-sm);margin:0;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary)}.ai-photo-toggle-btn{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--surface-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-medium);font-family:inherit;cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.ai-photo-toggle-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--surface-base)}.ai-food-title span{font-size:var(--text-2xl)}.ai-food-form{display:flex;flex-direction:column;gap:var(--space-md)}.ai-form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.ai-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.ai-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.ai-input,.ai-select{padding:var(--space-md);background:var(--surface-base);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-base);font-family:inherit;color:var(--text-primary);transition:all var(--transition-base)}.ai-input:focus,.ai-select:focus{outline:none;border-color:var(--primary);box-shadow:var(--shadow-focus)}.ai-input::placeholder{color:var(--text-tertiary)}.ai-input:disabled,.ai-select:disabled{opacity:.6;cursor:not-allowed;background:var(--surface-tertiary)}.ai-select{cursor:pointer}.ai-select option{background:var(--surface-base);color:var(--text-primary)}.ai-hint{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-xs)}.ai-estimate-btn{padding:var(--space-md) var(--space-lg);background:var(--gradient-blue);color:var(--text-inverse);border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base);margin-top:var(--space-sm);display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.ai-estimate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-glow-blue)}.ai-estimate-btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.ai-estimate-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.ai-estimate-btn .spinner{width:18px;height:18px;border:2px solid var(--overlay-light-20);border-top-color:var(--text-inverse);border-radius:50%;animation:spin .8s linear infinite}.ai-error{padding:var(--space-md);background:var(--color-error-light);border:1px solid var(--danger);color:var(--danger);border-radius:var(--radius-md);font-size:var(--text-sm);margin-top:var(--space-md)}.ai-result-container{margin-top:var(--space-lg);padding:var(--space-lg);background:var(--surface-secondary);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.ai-result-title{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);margin:0}.ai-result-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-md)}.ai-source-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:99px;font-size:var(--text-xs);font-weight:var(--font-medium);white-space:nowrap;flex-shrink:0}.ai-source-badge--usda{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.ai-source-badge--ai{background:#ede9fe;color:#5b21b6;border:1px solid #ddd6fe}@media(prefers-color-scheme:dark){.ai-source-badge--usda{background:#064e3b;color:#6ee7b7;border-color:#065f46}.ai-source-badge--ai{background:#2e1065;color:#c4b5fd;border-color:#4c1d95}}.ai-usda-match{font-size:var(--text-xs);color:var(--text-tertiary);margin:calc(-1 * var(--space-xs)) 0 var(--space-md);line-height:1.4}.ai-usda-link{color:var(--text-link, #0284c7);text-decoration:underline;text-underline-offset:2px}.ai-usda-link:hover{color:var(--text-link-hover, #0369a1)}.ai-nutrition-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-sm);margin-bottom:var(--space-lg)}.ai-nutrition-item{text-align:center;padding:var(--space-md);background:var(--surface-base);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.ai-nutrition-value{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-calories);line-height:1.2}.ai-nutrition-label{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-xs);text-transform:uppercase;letter-spacing:.5px}.ai-nutrition-item:nth-child(2) .ai-nutrition-value{color:var(--color-protein)}.ai-nutrition-item:nth-child(3) .ai-nutrition-value{color:var(--color-carbs)}.ai-nutrition-item:nth-child(4) .ai-nutrition-value{color:var(--color-fat)}.ai-add-btn{width:100%;padding:var(--space-md);background:var(--success);color:var(--text-inverse);border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base)}.ai-add-btn:hover{background:var(--color-success-dark);transform:translateY(-1px);box-shadow:var(--shadow-glow-success-lg)}.ai-add-btn:focus-visible{outline:none;box-shadow:var(--shadow-focus-success)}@media(max-width:480px){.ai-food-input{padding:var(--space-lg)}.ai-form-row{grid-template-columns:1fr}.ai-nutrition-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.ai-nutrition-item{padding:var(--space-sm)}.ai-nutrition-value{font-size:var(--text-lg)}}.ai-micros-section{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-subtle)}.ai-micros-section .ds-compact-micros{justify-content:center}.barcode-scanner{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-lg);position:relative;overflow:hidden}.scanner-idle{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);padding:var(--space-lg) 0}.launch-scanner-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;padding:var(--space-lg);background:var(--gradient-blue);border:none;border-radius:var(--radius-lg);color:var(--text-inverse);font-size:var(--text-lg);font-weight:var(--font-semibold);cursor:pointer;transition:all .2s ease}.launch-scanner-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow-blue)}.launch-scanner-btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.launch-scanner-btn:active{transform:scale(.98)}.manual-entry-inline{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);width:100%}.manual-entry-inline>span{color:var(--text-tertiary);font-size:var(--text-sm)}.inline-form{display:flex;gap:var(--space-sm);width:100%}.inline-input{flex:1;padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base)}.inline-input:focus{outline:none;border-color:var(--primary)}.inline-submit{padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-weight:var(--font-medium);cursor:pointer;transition:all .2s ease}.inline-submit:hover{border-color:var(--primary);color:var(--primary)}.scanner-fullscreen-modal{position:fixed;inset:0;z-index:var(--z-modal);background:var(--color-gray-950);display:flex;flex-direction:column}.scanner-close-btn{position:absolute;top:calc(env(safe-area-inset-top,16px) + 8px);right:16px;z-index:var(--z-popover);width:44px;height:44px;background:var(--overlay-dark-50);border:none;border-radius:50%;color:var(--text-inverse);cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.scanner-close-btn:active{transform:scale(.95)}.scanner-controls{position:absolute;top:calc(env(safe-area-inset-top,16px) + 8px);left:16px;z-index:var(--z-popover);display:flex;gap:var(--space-sm)}.scanner-control-btn{width:44px;height:44px;background:var(--overlay-dark-50);border:none;border-radius:50%;color:var(--text-inverse);cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.scanner-control-btn:hover{background:var(--overlay-dark-80)}.scanner-control-btn.active{background:var(--primary-active)}.fullscreen-camera{flex:1;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.fullscreen-video{width:100%;height:100%;object-fit:cover}.fullscreen-scan-target{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:85%;max-width:320px;height:180px;pointer-events:none}.scan-corner{position:absolute;width:32px;height:32px;border-color:var(--primary);border-style:solid;border-width:0}.scan-corner.top-left{top:0;left:0;border-top-width:4px;border-left-width:4px;border-top-left-radius:var(--radius-xl)}.scan-corner.top-right{top:0;right:0;border-top-width:4px;border-right-width:4px;border-top-right-radius:var(--radius-xl)}.scan-corner.bottom-left{bottom:0;left:0;border-bottom-width:4px;border-left-width:4px;border-bottom-left-radius:var(--radius-xl)}.scan-corner.bottom-right{bottom:0;right:0;border-bottom-width:4px;border-right-width:4px;border-bottom-right-radius:var(--radius-xl)}.scan-line-animated{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;max-width:300px;height:2px;background:linear-gradient(90deg,transparent,var(--primary),transparent);animation:scanLineMove 2s ease-in-out infinite}@keyframes scanLineMove{0%,to{transform:translate(-50%,-80px);opacity:.5}50%{transform:translate(-50%,80px);opacity:1}}.scanner-instructions{position:absolute;bottom:180px;left:0;right:0;text-align:center;pointer-events:none}.scanner-instructions p{background:var(--overlay-dark-50);color:var(--text-inverse);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-full);font-size:var(--text-sm);display:inline-block;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.fullscreen-manual{position:absolute;bottom:calc(env(safe-area-inset-bottom,16px) + 16px);left:16px;right:16px;padding:var(--space-md);background:var(--overlay-dark-80);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.fullscreen-form{display:flex;gap:var(--space-sm)}.fullscreen-input{flex:1;padding:var(--space-md);background:var(--overlay-light-10);border:1px solid var(--overlay-light-20);border-radius:var(--radius-md);color:var(--text-inverse);font-size:var(--text-base)}.fullscreen-input:focus{outline:none;border-color:var(--primary)}.fullscreen-input::placeholder{color:var(--overlay-light-50)}.fullscreen-submit{padding:var(--space-md) var(--space-lg);background:var(--primary);border:none;border-radius:var(--radius-md);color:var(--text-inverse);font-weight:var(--font-semibold);cursor:pointer}.fullscreen-submit:active{transform:scale(.98)}.fullscreen-error{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);color:var(--text-inverse);text-align:center;gap:var(--space-lg)}.fullscreen-error p{max-width:300px;color:var(--overlay-light-80)}.error-close-btn{padding:var(--space-md) var(--space-xl);background:var(--primary-blue);border:none;border-radius:var(--radius-md);color:var(--text-inverse);font-weight:var(--font-semibold);cursor:pointer}.scanner-serving-mode{padding:var(--space-md) 0}.product-info{display:flex;gap:var(--space-md);align-items:flex-start;margin-bottom:var(--space-lg)}.product-image{width:80px;height:80px;object-fit:contain;background:var(--surface-base);border-radius:var(--radius-md);padding:var(--space-xs)}.product-details{flex:1}.product-name{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-xs)}.product-brand{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-xs)}.product-serving{color:var(--text-tertiary);font-size:var(--text-sm)}.serving-form{background:var(--surface-secondary);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-md)}.serving-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.serving-group{display:flex;flex-direction:column;gap:var(--space-xs)}.serving-label{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium)}.serving-input,.serving-select{background:var(--surface-base);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);color:var(--text-primary);font-size:var(--text-base);transition:var(--transition-base)}.serving-input:focus,.serving-select:focus{outline:none;border-color:var(--primary);box-shadow:var(--shadow-focus)}.nutrition-preview{background:var(--color-primary-100);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-lg)}.nutrition-preview-title{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--space-sm);text-align:center}.nutrition-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-sm)}.nutrition-item{text-align:center;padding:var(--space-sm);background:var(--surface-base);border-radius:var(--radius-sm)}.nutrition-value{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--primary);margin-bottom:2px}.nutrition-label{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.result-actions{display:flex;gap:var(--space-sm)}.add-food-btn{flex:1;background:var(--success);color:var(--text-inverse);border:none;padding:var(--space-md);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-base)}.add-food-btn:hover{background:var(--color-success-dark);transform:translateY(-2px);box-shadow:var(--shadow-glow-success-md)}.scan-again-btn{background:var(--surface-tertiary);color:var(--text-primary);border:1px solid var(--border-default);padding:var(--space-md);border-radius:var(--radius-md);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-base);white-space:nowrap}.scan-again-btn:hover{background:var(--surface-interactive-hover)}.scanner-manual-mode{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-md) 0}.manual-form{display:flex;flex-direction:column;gap:var(--space-md)}.form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.form-label{color:var(--text-secondary);font-size:var(--text-sm);font-weight:500}.form-input{background:var(--overlay-light-5);border:1px solid var(--overlay-light-10);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);color:var(--text-primary);font-size:var(--text-base);transition:var(--transition-base)}.form-input:focus{outline:none;border-color:var(--color-primary-400);box-shadow:var(--shadow-focus)}.lookup-btn{background:var(--gradient-primary);color:var(--text-inverse);border:none;padding:var(--space-md);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:var(--transition-base)}.lookup-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow-blue)}.scanner-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);gap:var(--space-md)}.scanner-loading .spinner{width:40px;height:40px;border:3px solid var(--border-subtle);border-top-color:var(--color-primary-500);border-radius:50%;animation:spin 1s linear infinite}.scanner-loading p{color:var(--text-secondary);font-size:var(--text-sm)}.scanner-error{background:var(--color-error-light);border:1px solid var(--color-error);border-radius:var(--radius-md);padding:var(--space-md);color:var(--danger);font-size:var(--text-sm);text-align:center;margin-bottom:var(--space-md)}.camera-error-banner{background:var(--color-warning-light);border:1px solid var(--color-warning);border-radius:var(--radius-md);padding:var(--space-md);color:var(--color-warning-dark);font-size:var(--text-sm);text-align:center;margin-bottom:var(--space-md)}@media(max-width:480px){.barcode-scanner{padding:var(--space-md)}.nutrition-grid{grid-template-columns:repeat(2,1fr)}.result-actions{flex-direction:column}.product-info{flex-direction:column;align-items:center;text-align:center}.fullscreen-scan-target{width:90%;max-width:280px;height:160px}}.weekly-graph{background:var(--surface-base);border-radius:var(--radius-lg);padding:var(--space-md);margin-bottom:var(--space-lg);border:1px solid var(--border-default)}.weekly-graph-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.weekly-graph-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.weekly-graph-legend{display:flex;gap:var(--space-md)}.legend-item{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-xs);color:var(--text-tertiary)}.legend-dot{width:8px;height:8px;border-radius:var(--radius-full)}.legend-dot.calories{background:var(--primary)}.legend-dot.target{background:var(--border-default)}.chart-container{display:flex;align-items:flex-end;justify-content:space-between;height:120px;padding-top:var(--space-sm)}.chart-bar-group{display:flex;flex-direction:column;align-items:center;flex:1;gap:var(--space-xs)}.chart-bars{display:flex;align-items:flex-end;justify-content:center;gap:4px;height:100px;width:100%}.chart-bar{width:16px;border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:height .4s ease;min-height:4px}.chart-bar.calories{background:var(--primary)}.chart-bar.target{background:var(--surface-tertiary);border:1px dashed var(--border-default);border-bottom:none}.chart-bar.over{background:var(--danger)}.chart-bar.perfect{background:var(--success)}.chart-day{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;font-weight:var(--font-medium)}.chart-day.today{color:var(--primary);font-weight:var(--font-bold)}.weekly-stats{display:flex;justify-content:space-around;margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-subtle)}.weekly-stat{text-align:center}.weekly-stat-value{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary)}.weekly-stat-value.positive{color:var(--success)}.weekly-stat-value.negative{color:var(--danger)}.weekly-stat-label{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:2px}.weekly-graph.compact{padding:var(--space-sm)}.weekly-graph.compact .chart-container{height:80px}.weekly-graph.compact .chart-bars{height:60px}.weekly-graph.compact .chart-bar{width:12px}.weekly-graph.compact .weekly-stats{display:none}.chart-tooltip{position:absolute;background:var(--text-primary);color:var(--text-inverse);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--text-xs);pointer-events:none;z-index:10;white-space:nowrap}.chart-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:var(--text-primary)}.weight-tracker{background:var(--surface-elevated);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-xl);border:1px solid var(--border-subtle)}.weight-tracker-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-md)}.weight-header-info{display:flex;flex-direction:column;gap:var(--space-xs)}.weight-tracker-header h3{margin:0;font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary)}.weight-trend{font-size:var(--text-xs);font-weight:var(--font-medium);padding:2px 8px;border-radius:var(--radius-sm)}.weight-trend.positive{background:var(--color-success-light);color:var(--success)}.weight-trend.negative{background:var(--color-error-light);color:var(--danger)}.weight-trend.neutral{background:var(--surface-tertiary);color:var(--text-tertiary)}.weight-add-btn{width:36px;height:36px;border-radius:50%;background:var(--gradient-blue);border:none;color:var(--text-inverse);font-size:var(--text-xl);font-weight:var(--font-normal);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);flex-shrink:0}.weight-add-btn:hover{transform:scale(1.1);box-shadow:var(--shadow-glow-blue)}.weight-add-btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.weight-form{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md);padding:var(--space-md);background:var(--surface-secondary);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.weight-input-group{display:flex;align-items:center;flex:1;background:var(--surface-base);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:0 var(--space-sm)}.weight-input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:var(--text-base);padding:var(--space-sm);outline:none;min-width:80px}.weight-input::placeholder{color:var(--text-muted)}.weight-unit{color:var(--text-muted);font-size:var(--text-sm)}.weight-save-btn{padding:var(--space-sm) var(--space-md);background:var(--success);color:var(--text-inverse);border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base)}.weight-save-btn:hover{background:var(--color-success-dark);transform:translateY(-1px);box-shadow:var(--shadow-glow-success-md)}.weight-current{text-align:center;padding:var(--space-lg) 0;border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-md)}.weight-current-value{display:flex;align-items:baseline;justify-content:center;gap:var(--space-xs)}.weight-number{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--primary-blue);line-height:1}.weight-unit-small{font-size:var(--text-sm);color:var(--text-muted);font-weight:var(--font-medium)}.weight-placeholder{font-size:var(--text-lg);color:var(--text-muted)}.weight-current-label{display:block;font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:var(--space-xs)}.weight-history h4{margin:0 0 var(--space-sm) 0;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.weight-entries{display:flex;flex-direction:column;gap:var(--space-xs)}.weight-entry{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--overlay-light-5);border-radius:var(--radius-sm)}.weight-entry-date{font-size:var(--text-sm);color:var(--text-muted);min-width:70px}.weight-entry-value{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);flex:1;text-align:right}.weight-entry-change{width:20px;text-align:center;font-size:var(--text-sm)}.weight-entry-change.up{color:var(--danger)}.weight-entry-change.down{color:var(--success)}.weight-empty{text-align:center;color:var(--text-muted);font-size:var(--text-sm);padding:var(--space-lg);margin:0}@media(max-width:480px){.weight-tracker{padding:var(--space-md)}.weight-number{font-size:var(--text-3xl)}.weight-form{flex-direction:column}.weight-save-btn{width:100%}}.calendar-day{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent;border:2px solid transparent;border-radius:var(--m3-shape-md, .75rem);cursor:default;position:relative;padding:.25rem;transition:background .15s,border-color .15s;font-family:inherit;color:inherit}.calendar-day.has-date{background:var(--m3-surface-container, #f3edf7);cursor:pointer}.calendar-day.has-date:hover:not(:disabled){background:var(--m3-surface-container-high, #ece6f0);border-color:var(--m3-outline-variant, #cac4d0)}.calendar-day:disabled{cursor:default;opacity:.4}.calendar-day.today{border-color:var(--m3-primary, #6750a4);background:var(--m3-primary-container, #eaddff)}.calendar-day.today .day-number{color:var(--m3-primary, #6750a4);font-weight:700}.calendar-day.selected{background:var(--m3-primary, #6750a4);border-color:var(--m3-primary, #6750a4)}.calendar-day.selected .day-number{color:var(--m3-on-primary, #fff)}.day-number{font-size:.875rem;font-weight:500;color:var(--m3-on-surface, #1d1b20)}.day-indicator{position:absolute;bottom:4px;width:12px;height:12px;border-radius:9999px;display:flex;align-items:center;justify-content:center;transition:background .15s}.calendar-day.selected .day-indicator{background:var(--m3-surface, #fff)}.calendar-day.under .day-indicator{background:var(--m3-success, #4caf50);color:#fff}.calendar-day.perfect .day-indicator{background:var(--m3-primary, #6750a4);color:#fff}.calendar-day.over .day-indicator{background:var(--m3-error, #b3261e);color:#fff}@media(min-width:1024px){.calendar-day{padding:.5rem}.day-number{font-size:1rem}.calendar-day.has-date:hover:not(:disabled){transform:scale(1.1);z-index:10}}@media(prefers-reduced-motion:reduce){.calendar-day{transition-duration:.01ms!important}}.hydration-tracker{background:var(--surface-elevated);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-xl);border:1px solid var(--border-subtle);box-shadow:var(--shadow-md)}.hydration-header{text-align:center;margin-bottom:var(--space-lg)}.hydration-header h3{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0 0 var(--space-xs) 0}.hydration-goal{color:var(--text-tertiary);font-size:var(--text-sm);margin:0}.hydration-personalized{color:var(--text-blue);font-size:var(--text-xs);margin:var(--space-xs) 0 0 0}.hydration-display{margin-bottom:var(--space-lg)}.hydration-counter{text-align:center;margin:var(--space-lg) 0}.water-progress-container{position:relative;width:160px;height:160px;margin:0 auto var(--space-md)}.water-progress-ring{position:relative;width:100%;height:100%}.water-progress-ring svg{transform:rotate(-90deg)}.water-progress-bg{fill:none;stroke:var(--bg-tertiary);stroke-width:10}.water-progress-fill{fill:none;stroke:var(--info);stroke-width:10;stroke-linecap:round;stroke-dasharray:452.39;stroke-dashoffset:452.39;transition:stroke-dashoffset .5s ease}.water-progress-fill.complete{stroke:var(--success)}.water-progress-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.water-icon{font-size:var(--text-3xl);margin-bottom:var(--space-xs)}.water-count{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);line-height:1}.water-label{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-xs)}.hydration-progress-bar{width:100%;height:10px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden;margin:var(--space-lg) 0;border:1px solid var(--border-subtle)}.hydration-progress-fill{height:100%;background:var(--info);border-radius:var(--radius-full);transition:width .5s ease}.hydration-progress-fill.complete{background:var(--success)}.hydration-status{text-align:center;margin:var(--space-lg) 0;min-height:40px;display:flex;align-items:center;justify-content:center}.status-message{margin:0;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);display:inline-flex;align-items:center;gap:var(--space-sm)}.status-message.success{background:var(--success-light);color:var(--success)}.status-message.info{background:var(--info-light);color:var(--info)}.hydration-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--space-md);margin-top:var(--space-lg)}.btn-add-water{padding:var(--space-md);background:var(--gradient-blue);color:var(--text-inverse);border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-md)}.btn-add-water:hover{background:linear-gradient(135deg,var(--primary-blue-light) 0%,var(--primary-blue-dark) 100%);box-shadow:var(--shadow-lg)}.btn-add-water:active{transform:scale(.98)}.btn-add-water:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.status-message.success:before{background:var(--success)}.status-message.good{background:var(--info-light);color:var(--info)}.status-message.good:before{background:var(--info)}.status-message.needs-more{background:var(--warning-light);color:var(--warning)}.status-message.needs-more:before{background:var(--warning)}.status-message.empty{background:var(--bg-tertiary);color:var(--text-muted)}.status-message.empty:before{background:var(--text-muted);animation:none}.hydration-controls{display:flex;gap:var(--space-md);justify-content:center;margin-bottom:var(--space-lg);flex-wrap:wrap}.btn-water-add,.btn-water-remove{padding:var(--space-md) var(--space-xl);border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base);display:inline-flex;align-items:center;gap:var(--space-sm);min-width:120px;justify-content:center}.btn-water-add{background:var(--gradient-blue);color:var(--text-inverse);box-shadow:var(--shadow-sm),inset 0 1px 0 var(--overlay-light-10)}.btn-water-add:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-blue-light) 0%,var(--primary-blue) 100%);transform:translateY(-2px);box-shadow:var(--shadow-md),var(--shadow-glow-blue)}.btn-water-add:active:not(:disabled){transform:translateY(0)}.btn-water-remove{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-default)}.btn-water-remove:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-hover);color:var(--text-primary)}.btn-water-remove:disabled{opacity:.4;cursor:not-allowed}.btn-water-add .icon,.btn-water-remove .icon{font-size:var(--text-lg)}.quick-add-water{display:flex;gap:var(--space-sm);justify-content:center;margin-bottom:var(--space-lg);flex-wrap:wrap}.quick-water-btn{padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-fast);font-weight:var(--font-medium)}.quick-water-btn:hover{background:var(--info);border-color:var(--info);color:var(--text-inverse);transform:translateY(-1px)}.hydration-tip{text-align:center;color:var(--text-tertiary);font-size:var(--text-xs);margin:var(--space-md) 0 0 0;padding:var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-md);border-left:3px solid var(--info);line-height:1.5;display:flex;align-items:flex-start;gap:var(--space-sm)}.hydration-tip:before{content:"💧";flex-shrink:0}.hydration-tip strong{color:var(--text-blue);font-weight:var(--font-semibold)}.hydration-streak{display:flex;align-items:center;justify-content:center;gap:var(--space-md);margin-top:var(--space-lg);padding:var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-md)}.streak-icon{font-size:var(--text-2xl)}.streak-info{text-align:left}.streak-count{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary)}.streak-label{font-size:var(--text-xs);color:var(--text-tertiary)}@media(max-width:768px){.hydration-tracker{padding:var(--space-lg)}.water-progress-container{width:150px;height:150px}.water-count{font-size:var(--text-xl)}.hydration-controls{flex-direction:column;gap:var(--space-sm)}.btn-water-add,.btn-water-remove{width:100%;max-width:none}.quick-add-water{flex-wrap:wrap}}.settings-overlay{position:fixed;inset:0;background:var(--surface-overlay);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-4)}.settings-modal{background:var(--surface-base);border-radius:var(--radius-xl);width:100%;max-width:560px;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-xl)}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle);position:sticky;top:0;background:var(--surface-base);z-index:1}.settings-header h2{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0}.settings-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:var(--surface-tertiary);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast)}.settings-close:hover{background:var(--surface-container-high);color:var(--text-primary)}.settings-tabs{display:flex;gap:var(--space-1);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--border-subtle);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.settings-tabs::-webkit-scrollbar{display:none}.settings-tab{padding:var(--space-2) var(--space-3);border:none;background:transparent;color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);white-space:nowrap}.settings-tab:hover{background:var(--surface-container);color:var(--text-primary)}.settings-tab.active{background:var(--color-primary-100);color:var(--primary);font-weight:var(--font-semibold)}.settings-content{padding:var(--space-4) var(--space-5)}.settings-content h3{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:var(--space-4) 0 var(--space-2) 0}.settings-content h3:first-child{margin-top:0}.settings{padding:var(--space-lg);max-width:var(--content-max-md);margin:0 auto}.settings h2{text-align:center;color:var(--text-primary);margin-bottom:var(--space-xl);font-size:var(--text-xl);font-weight:var(--font-bold)}.settings-group{background:var(--surface-base);border-radius:var(--radius-lg);border:1px solid var(--border-default);padding:var(--space-md);margin-bottom:var(--space-lg)}.settings-group-title{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 var(--space-md) 0;padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-subtle)}.settings-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) 0;border-bottom:1px solid var(--border-subtle)}.settings-row:last-child{border-bottom:none}.settings-label{display:flex;flex-direction:column;gap:2px}.settings-label-text{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.settings-label-desc{font-size:var(--text-xs);color:var(--text-tertiary)}.toggle-switch{position:relative;width:44px;height:24px;background:var(--surface-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-fast)}.toggle-switch:after{content:"";position:absolute;width:18px;height:18px;background:var(--surface-base);border-radius:var(--radius-full);top:2px;left:2px;transition:var(--transition-fast);border:1px solid var(--border-default)}.toggle-switch.active{background:var(--primary);border-color:var(--primary)}.toggle-switch.active:after{left:22px;border-color:transparent}.toggle-switch:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.settings-select{padding:var(--space-xs) var(--space-sm);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-base);color:var(--text-primary);font-size:var(--text-sm);cursor:pointer;appearance:none;padding-right:28px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;transition:var(--transition-fast)}.settings-select:hover{border-color:var(--border-strong)}.settings-select:focus{outline:none;border-color:var(--primary);box-shadow:var(--shadow-focus)}.settings-input{padding:var(--space-xs) var(--space-sm);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-base);color:var(--text-primary);font-size:var(--text-sm);width:80px;text-align:center;transition:var(--transition-fast)}.settings-input:focus{outline:none;border-color:var(--primary);box-shadow:var(--shadow-focus)}.settings-actions{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-lg)}.settings-btn{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.settings-btn-primary{background:var(--primary);color:var(--text-inverse);border:none}.settings-btn-primary:hover{background:var(--primary-hover)}.settings-btn-secondary{background:var(--surface-tertiary);color:var(--text-primary);border:1px solid var(--border-default)}.settings-btn-secondary:hover{background:var(--surface-interactive-hover)}.settings-btn-danger{background:transparent;color:var(--danger);border:1px solid var(--danger)}.settings-btn-danger:hover{background:var(--color-error-light)}.setting-item{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4) 0;border-bottom:1px solid var(--border-subtle)}.setting-item:last-child{border-bottom:none}.setting-info{display:flex;flex-direction:column;gap:var(--space-1)}.setting-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.setting-description{font-size:var(--text-xs);color:var(--text-tertiary);line-height:var(--leading-relaxed)}.setting-select{padding:var(--space-2) var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-base);color:var(--text-primary);font-size:var(--text-sm);cursor:pointer;appearance:none;padding-right:32px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;transition:var(--transition-fast)}.setting-note{font-size:var(--text-xs);color:var(--text-tertiary);margin:var(--space-2) 0}.settings-version{text-align:center;margin-top:var(--space-xl);font-size:var(--text-xs);color:var(--text-tertiary)}.goal-setup{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.goal-item{display:flex;flex-direction:column;gap:var(--space-xs)}.goal-label{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.goal-input{padding:var(--space-sm);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-base);color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-semibold);text-align:center;transition:var(--transition-fast)}.goal-input:focus{outline:none;border-color:var(--primary);box-shadow:var(--shadow-focus)}.goal-unit{font-size:var(--text-xs);color:var(--text-tertiary);text-align:center}.profile-section{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) 0}.profile-avatar{width:60px;height:60px;border-radius:var(--radius-full);background:var(--color-primary-100);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--primary)}.profile-info{flex:1}.profile-name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary)}.profile-email{font-size:var(--text-sm);color:var(--text-tertiary)}.theme-toggle-group{display:flex;gap:var(--space-1);background:var(--surface-container);padding:var(--space-1);border-radius:var(--radius-lg)}.theme-option{display:flex;align-items:center;gap:var(--space-1-5);padding:var(--space-2) var(--space-3);border:none;background:transparent;color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);min-height:var(--touch-target-min)}.theme-option:hover{color:var(--text-primary);background:var(--surface-container-high)}.theme-option.active{background:var(--surface-base);color:var(--primary);box-shadow:var(--shadow-sm)}.theme-option svg{flex-shrink:0}@media(max-width:480px){.theme-toggle-group{width:100%;justify-content:center}.theme-option span{display:none}.theme-option{padding:var(--space-3);flex:1;justify-content:center}}@keyframes flicker{0%,to{opacity:1}50%{opacity:.7}}.streak-icon{animation:flicker 2s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.streak-icon{animation:none}}@media print{button{display:none}}.recipe-builder{padding:var(--space-4)}.recipe-builder-card{max-width:600px;margin:0 auto}.recipe-builder-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle)}.recipe-builder-header h2{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.recipe-icon{color:var(--color-primary-500)}.recipe-form-group{margin-bottom:var(--space-5)}.recipe-label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);margin-bottom:var(--space-2)}.recipe-name-input{width:100%}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2)}.category-btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-3);background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--text-xs);cursor:pointer;transition:var(--transition-fast)}.category-btn:hover{border-color:var(--border-default);color:var(--text-primary)}.category-btn.active{background:var(--gradient-primary-subtle);border-color:var(--color-primary-500);color:var(--color-primary-500)}.servings-control{display:flex;align-items:center;gap:var(--space-4)}.servings-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-primary);cursor:pointer;transition:var(--transition-fast)}.servings-btn:hover:not(:disabled){background:var(--surface-tertiary);border-color:var(--color-primary-500);color:var(--color-primary-500)}.servings-btn:disabled{opacity:.5;cursor:not-allowed}.servings-value{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);min-width:40px;text-align:center}.ingredient-section{padding:var(--space-4);background:var(--surface-tertiary);border-radius:var(--radius-lg)}.ingredient-input-row{margin-bottom:var(--space-3)}.ingredient-name-input{width:100%}.ingredient-quantity-row{display:flex;gap:var(--space-2);align-items:center}.ingredient-qty-input{width:80px;text-align:center}.ingredient-unit-select{flex:1;min-width:100px;padding:var(--space-3);background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);cursor:pointer}.ingredient-unit-select:focus{outline:none;border-color:var(--color-primary-500)}.estimate-btn{white-space:nowrap}.loading-dots{display:inline-block;animation:dots 1.5s infinite}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}.estimated-ingredient{margin-top:var(--space-3);padding:var(--space-3);background:var(--surface-elevated);border:1px solid var(--color-success);border-radius:var(--radius-lg)}.estimated-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.estimated-name{font-weight:var(--font-medium);color:var(--text-primary)}.estimated-calories{font-weight:var(--font-semibold);color:var(--color-primary-500)}.estimated-macros{display:flex;gap:var(--space-3);margin-bottom:var(--space-3)}.estimated-macros .macro{font-size:var(--text-xs);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.estimated-macros .macro.protein{background:var(--color-protein-bg);color:var(--color-protein)}.estimated-macros .macro.carbs{background:var(--color-carbs-bg);color:var(--color-carbs)}.estimated-macros .macro.fat{background:var(--color-fat-bg);color:var(--color-fat)}.add-ingredient-btn{width:100%}.ingredients-list{display:flex;flex-direction:column;gap:var(--space-2)}.ingredient-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);background:var(--surface-elevated);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.ingredient-info{display:flex;flex-direction:column;gap:var(--space-1)}.ingredient-item .ingredient-name{font-size:var(--text-sm);color:var(--text-primary)}.ingredient-cals{font-size:var(--text-xs);color:var(--text-secondary)}.remove-ingredient-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-tertiary);cursor:pointer;transition:var(--transition-fast)}.remove-ingredient-btn:hover{background:var(--color-error-light);color:var(--color-error)}.recipe-nutrition-summary{padding:var(--space-4);background:var(--gradient-primary-muted);border-radius:var(--radius-lg);margin-bottom:var(--space-5)}.nutrition-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0}.nutrition-row.per-serving{padding-top:var(--space-3);margin-top:var(--space-2);border-top:1px solid var(--border-subtle)}.nutrition-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.nutrition-row.per-serving .nutrition-label{color:var(--color-primary-500);font-weight:var(--font-semibold)}.nutrition-values{display:flex;align-items:center;gap:var(--space-4)}.cal-value{font-weight:var(--font-semibold);color:var(--text-primary)}.recipe-notes{width:100%;padding:var(--space-3);background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);font-family:var(--font-sans);resize:vertical;min-height:80px}.recipe-notes:focus{outline:none;border-color:var(--color-primary-500)}.recipe-notes::placeholder{color:var(--text-tertiary)}.recipe-actions{display:flex;justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}@media(max-width:480px){.category-grid{grid-template-columns:repeat(2,1fr)}.ingredient-quantity-row{flex-wrap:wrap}.ingredient-qty-input{width:60px}.ingredient-unit-select{flex:1;min-width:80px}.estimate-btn{width:100%;margin-top:var(--space-2)}.nutrition-values{flex-direction:column;align-items:flex-end;gap:var(--space-1)}}@media print{.recipe-card button{display:none}}.template-builder{padding:var(--spacing-md);max-width:800px;margin:0 auto}.builder-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.builder-header h2{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);margin:0}.builder-section{margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.section-header h3{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin:0}.form-group{margin-bottom:var(--spacing-md)}.form-group label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.category-select{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.category-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);border:2px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.category-btn:hover{border-color:var(--category-color, var(--primary));color:var(--category-color, var(--primary))}.category-btn.active{background:var(--category-color, var(--primary));border-color:var(--category-color, var(--primary));color:var(--text-inverse)}.tags-input{display:flex;gap:var(--spacing-sm)}.tags-input input{flex:1}.tags-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.tag{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-tertiary);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--text-secondary)}.tag button{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:0}.tag button:hover{color:var(--danger)}.nutrition-preview{padding:var(--spacing-md);margin-bottom:var(--spacing-lg);background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary))}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.preview-header h3{font-size:var(--font-size-md);font-weight:600;color:var(--text-primary);margin:0}.total-calories{font-size:var(--font-size-lg);font-weight:700;color:var(--primary)}.meals-section{padding:var(--spacing-md)}.empty-meals{text-align:center;padding:var(--spacing-xl);color:var(--text-tertiary)}.meals-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.meal-card{background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);overflow:hidden;transition:all var(--transition-fast)}.meal-card.active{border-color:var(--primary);box-shadow:var(--shadow-focus)}.meal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);cursor:pointer;-webkit-user-select:none;user-select:none}.meal-header:hover{background:var(--bg-hover)}.meal-info{display:flex;align-items:center;gap:var(--spacing-sm)}.meal-icon{color:var(--primary)}.meal-details{display:flex;flex-direction:column}.meal-name{font-weight:600;color:var(--text-primary)}.meal-type{font-size:var(--font-size-xs);color:var(--text-tertiary)}.meal-summary{display:flex;align-items:center;gap:var(--spacing-md)}.meal-calories{font-weight:600;color:var(--text-primary)}.food-count{font-size:var(--font-size-sm);color:var(--text-tertiary)}.meal-content{border-top:1px solid var(--border-color);padding:var(--spacing-md);overflow:hidden}.meal-foods{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.food-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);background:var(--bg-primary);border-radius:var(--radius-md)}.food-info{display:flex;flex-direction:column}.food-name{font-weight:500;color:var(--text-primary)}.food-portion{font-size:var(--font-size-xs);color:var(--text-tertiary)}.food-macros{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-secondary)}.remove-food{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm)}.remove-food:hover{background:var(--danger-bg);color:var(--danger)}.add-food-section{padding:var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.food-input-row{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.food-name-input{flex:2}.food-qty-input{flex:0 0 80px}.food-unit-select{flex:0 0 100px;padding:var(--spacing-sm);border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-sm)}.estimate-btn{width:100%;margin-top:var(--spacing-sm)}.estimated-preview{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--bg-primary);border-radius:var(--radius-md);margin-top:var(--spacing-md);border:1px solid var(--success)}.preview-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.preview-name{font-weight:500;color:var(--text-primary)}.meal-actions{display:flex;justify-content:flex-end;padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.builder-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg) 0;position:sticky;bottom:0;background:var(--bg-primary);border-top:1px solid var(--border-default);margin-top:var(--space-lg)}.meal-editor-overlay{position:fixed;inset:0;background:var(--surface-overlay);display:flex;align-items:flex-end;justify-content:center;z-index:var(--z-modal-backdrop);padding:0}@media(min-width:640px){.meal-editor-overlay{align-items:center;padding:var(--space-lg)}}.meal-editor-modal{background:var(--surface-base);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:var(--space-lg);width:100%;max-width:480px;max-height:90vh;overflow-y:auto;animation:slideUp .3s cubic-bezier(.4,0,.2,1)}@media(min-width:640px){.meal-editor-modal{border-radius:var(--radius-xl);animation:scaleIn .2s cubic-bezier(.4,0,.2,1)}}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.modal-header h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.meal-type-select{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.meal-type-btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-md);border-radius:var(--radius-md);border:2px solid var(--border-default);background:var(--surface-secondary);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-fast);-webkit-tap-highlight-color:transparent}.meal-type-btn:hover{border-color:var(--primary);color:var(--primary)}.meal-type-btn:active{transform:scale(.98)}.meal-type-btn.active{background:var(--primary);border-color:var(--primary);color:var(--text-inverse)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}@media(max-width:640px){.category-select{display:grid;grid-template-columns:repeat(2,1fr)}.food-input-row{flex-wrap:wrap}.food-name-input{flex:1 1 100%}.food-qty-input,.food-unit-select{flex:1}.builder-actions{flex-direction:column}.builder-actions button{width:100%}}.scrollbar-none{scrollbar-width:none;-ms-overflow-style:none}.scrollbar-none::-webkit-scrollbar{display:none}.tabular-nums{font-variant-numeric:tabular-nums}.border-l-3{border-left-width:3px}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(prefers-reduced-motion:reduce){.animate-spin{animation-duration:.01ms!important}}@media print{button:not([type=submit]){display:none}}