@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@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;-webkit-text-decoration:inherit;-webkit-text-decoration: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}}@layer components;@layer utilities{.visible{visibility:visible}.static{position:static}.start{inset-inline-start:var(--spacing)}.contents{display:contents}.table{display:table}.rounded{border-radius:.25rem}}:root{--background:#f6f7f2;--foreground:#17211e;--muted:#66736e;--panel:#fff;--panel-soft:#f2f7f4;--line:#d7e1da;--line-strong:#aec1b6;--green:#28795f;--green-dark:#175844;--blue:#2f72b8;--gold:#c79222;--rose:#c65d63;--danger:#a94436;--shadow:0 18px 48px #232c261a}*{box-sizing:border-box}html{background:var(--background)}body{background:linear-gradient(135deg, #28795f1a, transparent 30rem), linear-gradient(225deg, #2f72b81a, transparent 28rem), linear-gradient(180deg, #fbfaf6 0%, var(--background) 55%, #eef5f2 100%);min-width:320px;color:var(--foreground);letter-spacing:0;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.app-shell{width:min(1120px,100% - 32px);min-height:100vh;margin:0 auto;padding:20px 0 48px}.app-header{justify-content:space-between;align-items:center;gap:18px;padding-bottom:14px;display:flex}.brand-lockup{align-items:center;gap:13px;min-width:0;display:flex}.brand-mark{background:linear-gradient(135deg, #ffffff3d, transparent), linear-gradient(135deg, var(--green), var(--blue));color:#fff;border-radius:8px;flex:0 0 56px;place-items:center;width:56px;height:56px;font-size:1rem;font-weight:900;display:grid;box-shadow:0 16px 34px #28795f3d}.account-panel{background:#ffffffe6;border:1px solid #aec1b6c2;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-width:min(100%,390px);padding:8px;display:grid;box-shadow:0 12px 30px #202d2614}.account-avatar{color:#164c81;background:#2f72b821;border-radius:8px;place-items:center;width:38px;height:38px;font-size:.86rem;font-weight:900;display:grid}.account-copy{min-width:0}.account-copy span,.account-copy strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.account-copy span{color:var(--muted);text-transform:uppercase;font-size:.74rem;font-weight:820}.account-copy strong{color:var(--foreground);margin-top:2px;font-size:.9rem;font-weight:830}.account-button{white-space:nowrap;min-width:104px}.auth-shell{place-items:center;display:grid}.auth-gate{width:min(100%,560px);box-shadow:var(--shadow);background:linear-gradient(135deg,#28795f1f,#0000 56%),linear-gradient(225deg,#2f72b81a,#0000 48%),#fff;border:1px solid #aec1b6c7;border-radius:8px;gap:24px;padding:24px;display:grid}.auth-copy{gap:8px;display:grid}.auth-button{width:fit-content;min-width:180px}.auth-actions{flex-wrap:wrap;gap:8px;display:flex}.error-detail{border-left:3px solid var(--danger);color:var(--danger);margin:2px 0 0;padding-left:10px;font-size:.88rem;font-weight:760;line-height:1.35}.kicker,.eyebrow{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.74rem;font-weight:820}h1,h2,h3{letter-spacing:0;margin:0}h1{overflow-wrap:anywhere;margin-top:4px;font-size:clamp(1.85rem,4vw,3.2rem);font-weight:880;line-height:1}h2{margin-top:4px;font-size:clamp(1.45rem,2.6vw,2.15rem);font-weight:850;line-height:1.05}h3{margin-top:4px;font-size:1.15rem;font-weight:820;line-height:1.2}.support-text{max-width:48ch;color:var(--muted);margin:8px 0 0;font-size:.94rem;font-weight:640;line-height:1.4}.tab-bar{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;border:1px solid #aec1b6c2;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:16px;padding:7px;display:grid;position:sticky;top:0;box-shadow:0 14px 36px #202d2614}.tab-button{min-height:52px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:7px;font-size:1rem;font-weight:850;transition:background .14s,border-color .14s,color .14s}.tab-button[aria-current=page]{color:var(--green-dark);background:linear-gradient(135deg,#28795f21,#2f72b81a);border-color:#28795f47}.status-toast{z-index:30;max-width:min(390px,100% - 36px);min-height:46px;color:var(--green-dark);opacity:0;pointer-events:none;background:#fff;border:1px solid #185d483d;border-radius:8px;padding:12px 14px;font-weight:800;transition:opacity .18s,transform .18s;position:fixed;top:18px;right:18px;transform:translateY(-10px);box-shadow:0 18px 42px #18231d2b}.status-toast.visible{opacity:1;transform:translateY(0)}.status-toast.error{color:var(--danger);border-color:#a944364d}.tab-panel{gap:14px;display:grid}.page-topper,.flow-section,.macro-tile{box-shadow:var(--shadow);background:#fffffff2;border:1px solid #aec1b6c7;border-radius:8px}.page-topper{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:18px;display:grid}.add-topper{background:linear-gradient(135deg,#28795f1f,#0000 52%),linear-gradient(225deg,#c7922226,#0000 46%),#fff}.stats-topper{background:linear-gradient(135deg,#2f72b81f,#0000 52%),linear-gradient(225deg,#c65d631f,#0000 46%),#fff}.date-card,.stats-controls{grid-template-columns:minmax(170px,1fr) auto;align-items:end;gap:8px;display:grid}.date-card{min-width:min(100%,390px)}.count-badge{width:fit-content;color:var(--green-dark);background:#28795f1f;border-radius:999px;grid-column:1/-1;padding:6px 10px;font-size:.84rem;font-weight:820}.date-picker,.search-field,.field{gap:7px;display:grid}.date-picker span,.search-field span,.field span{color:var(--muted);font-size:.78rem;font-weight:760}input{border:1px solid var(--line);width:100%;min-height:46px;color:var(--foreground);background:#fffdf8;border-radius:8px;outline:none;padding:0 12px;transition:border-color .16s,box-shadow .16s,background .16s}input:focus{border-color:var(--green);background:#fff;box-shadow:0 0 0 3px #28795f29}.primary-button,.secondary-button,.text-button{border-radius:8px;min-height:44px;padding:0 14px;font-weight:850}.primary-button{border:1px solid var(--green-dark);background:var(--green);color:#fff;box-shadow:0 10px 18px #28795f2e}.secondary-button{border:1px solid var(--line-strong);color:var(--foreground);background:#fff}.secondary-button:hover,.text-button:hover{border-color:var(--green);background:var(--panel-soft)}.text-button{color:var(--green-dark);background:0 0;border:1px solid #0000}.text-button.danger{color:var(--danger)}.add-layout{grid-template-columns:minmax(0,1fr) minmax(310px,.42fr);align-items:start;gap:14px;display:grid}.flow-section{min-width:0;padding:18px}.saved-foods-section{background:linear-gradient(160deg,#2f72b814,#0000 58%),#fff}.side-stack{gap:14px;display:grid}.section-heading{justify-content:space-between;align-items:end;gap:14px;margin-bottom:16px;display:flex}.section-heading.compact{margin-bottom:14px}.search-field{width:min(280px,100%)}.food-option-list,.entry-list,.breakdown-list,.top-food-list,.mini-entry-list{gap:8px;display:grid}.food-option{--food-color:var(--green);border:1px solid var(--food-color);grid-template-columns:minmax(0,1fr) 92px;align-items:center;gap:12px;min-height:82px;display:grid}@supports (color:color-mix(in lab, red, red)){.food-option{border:1px solid color-mix(in srgb, var(--food-color) 34%, var(--line))}}.food-option{background:linear-gradient(145deg, var(--food-color), #fff 68%), #fff;border-radius:8px}@supports (color:color-mix(in lab, red, red)){.food-option{background:linear-gradient(145deg, color-mix(in srgb, var(--food-color) 10%, white), #fff 68%), #fff}}.food-option{padding:12px}.food-tone-0{--food-color:var(--green)}.food-tone-1{--food-color:var(--blue)}.food-tone-2{--food-color:var(--gold)}.food-tone-3{--food-color:var(--rose)}.food-option-copy,.entry-food{min-width:0}.food-option-copy strong,.entry-food strong,.mini-entry-row strong,.breakdown-row strong,.top-food-row strong{overflow-wrap:anywhere;font-size:.98rem;line-height:1.25;display:block}.food-option-copy span,.entry-food span,.mini-entry-row span,.breakdown-row span,.top-food-row span{color:var(--muted);margin-top:4px;font-size:.84rem;font-weight:680;line-height:1.35;display:block}.macro-input-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.food-form .field+.macro-input-grid{margin-top:12px}.form-error{color:var(--danger);margin:12px 0 0;font-size:.88rem;font-weight:760}.button-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin-top:14px;display:grid}.mini-entry-row,.top-food-row{border:1px solid var(--line);background:#fffdf8;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.empty-state{border:1px dashed var(--line-strong);background:#ffffffa8;border-radius:8px;gap:5px;padding:18px;display:grid}.empty-state.small{padding:14px}.empty-state strong{font-size:.98rem}.empty-state span{color:var(--muted);font-size:.9rem;font-weight:640}.stats-controls{grid-template-columns:auto minmax(170px,1fr)}.period-control{border:1px solid var(--line);background:#ffffffbf;border-radius:8px;grid-template-columns:repeat(3,minmax(72px,1fr));gap:6px;padding:6px;display:grid}.period-control button{min-height:38px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:7px;font-size:.9rem;font-weight:840}.period-control button[aria-pressed=true]{color:#164c81;background:#2f72b81f;border-color:#2f72b84d}.macro-snapshot{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.macro-tile{--macro-color:var(--green);min-height:118px;padding:16px;position:relative;overflow:hidden}.macro-tile:before{background:var(--macro-color);content:"";width:6px;position:absolute;inset:0 auto 0 0}.macro-tile>span{color:var(--muted);text-transform:uppercase;font-size:.78rem;font-weight:820}.macro-tile strong{color:var(--foreground);align-items:baseline;gap:4px;margin-top:12px;font-size:clamp(1.8rem,4vw,2.85rem);font-weight:900;line-height:1;display:flex}.macro-tile small{color:var(--muted);font-size:.95rem;font-weight:760}.macro-calories{--macro-color:var(--green)}.macro-protein{--macro-color:var(--blue)}.macro-carbs{--macro-color:var(--gold)}.macro-fat{--macro-color:var(--rose)}.entry-row{border:1px solid var(--line);background:#fffdf8;border-radius:8px;grid-template-columns:minmax(180px,1fr) 144px minmax(250px,1fr) auto;align-items:center;gap:10px;min-height:76px;padding:10px;display:grid}.serving-control{grid-template-columns:40px minmax(58px,1fr) 40px;align-items:center;gap:6px;display:grid}.serving-control button{border:1px solid var(--line);width:40px;min-height:40px;color:var(--foreground);background:#fff;border-radius:8px;padding:0;font-size:1.05rem;font-weight:850}.serving-control button:hover{border-color:var(--green);background:var(--panel-soft)}.serving-control input{text-align:center;min-height:40px;padding:0 6px}.entry-macros{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0;display:grid}.macro-pill{--macro-color:var(--green);background:var(--macro-color);border-radius:7px;min-width:0}@supports (color:color-mix(in lab, red, red)){.macro-pill{background:color-mix(in srgb, var(--macro-color) 11%, white)}}.macro-pill{padding:8px 7px}.macro-pill dt{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:.66rem;font-weight:820}.macro-pill dd{overflow-wrap:anywhere;color:var(--foreground);margin:2px 0 0;font-size:.88rem;font-weight:850}.stats-grid{grid-template-columns:minmax(0,1fr) minmax(280px,.42fr);align-items:start;gap:14px;display:grid}.breakdown-row{border:1px solid var(--line);background:#fffdf8;border-radius:8px;grid-template-columns:minmax(150px,.55fr) minmax(0,1fr);align-items:center;gap:10px;padding:10px;display:grid}.breakdown-row dl{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0;display:grid}.breakdown-row dt{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:.66rem;font-weight:820}.breakdown-row dd{margin:2px 0 0;font-size:.88rem;font-weight:850}.top-food-row b{color:var(--green-dark);font-size:.98rem}@media (max-width:900px){.page-topper,.add-layout,.stats-grid,.entry-row{grid-template-columns:1fr}.stats-controls{width:100%}.macro-snapshot{grid-template-columns:repeat(2,minmax(0,1fr))}.entry-macros{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:640px){.app-shell{width:min(100% - 22px,1120px);padding-top:14px}.app-header{flex-direction:column;align-items:stretch}.account-panel{grid-template-columns:auto minmax(0,1fr);width:100%;min-width:0}.account-button{grid-column:1/-1;min-width:0}.auth-gate{padding:18px}.auth-button{width:100%}.brand-mark{flex-basis:48px;width:48px;height:48px}h1{font-size:1.72rem}.page-topper,.flow-section{padding:14px}.date-card,.stats-controls,.section-heading,.food-option,.button-row,.breakdown-row{grid-template-columns:1fr}.section-heading{align-items:start;display:grid}.search-field,.primary-button,.secondary-button{width:100%}.macro-input-grid,.macro-snapshot,.entry-macros,.breakdown-row dl{grid-template-columns:repeat(2,minmax(0,1fr))}.period-control{grid-template-columns:repeat(3,minmax(0,1fr))}}
