:root{color-scheme:light;--color-bg: oklch(89% .014 88);--color-paper: oklch(98.5% .006 88);--color-paper-2: oklch(96% .01 88);--color-paper-3: oklch(93% .013 88);--color-rule: oklch(85% .018 88);--color-neutral: oklch(50% .02 90);--color-muted: oklch(62% .016 90);--color-ink: oklch(20% .02 100);--color-accent: oklch(52% .13 140);--color-accent-ink: oklch(98% .015 140);--color-accent-soft: oklch(92% .045 140);--color-focus: oklch(52% .15 140);--color-accent-2: oklch(54% .12 230);--color-accent-2-ink: oklch(98% .012 230);--color-accent-2-soft: oklch(92% .04 230);--color-positive: oklch(55% .12 145);--color-positive-soft: oklch(92% .045 145);--color-negative: oklch(54% .19 25);--color-negative-soft: oklch(93% .05 25);--color-warning: oklch(74% .13 95);--color-warning-soft: oklch(93% .06 95);--font-display: "Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;--font-body: "General Sans", ui-sans-serif, system-ui, sans-serif;--font-mono: "Geist Mono", ui-monospace, "SF Mono", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-md: 1.25rem;--text-lg: 1.5625rem;--text-xl: 1.9531rem;--text-2xl: 2.4414rem;--text-display: clamp(2.25rem, 1.5rem + 3vw, 3.5rem);--text-stat: clamp(2.75rem, 1.75rem + 5vw, 4.5rem);--control-h: 2.75rem;--control-h-sm: 2.25rem;--space-3xs: .25rem;--space-2xs: .5rem;--space-xs: .75rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--space-2xl: 4rem;--space-3xl: 6rem;--radius: 0px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--ease-in-out: cubic-bezier(.87, 0, .13, 1);--dur-fast: .12s;--dur-base: .2s;--dur-slow: .32s;--shadow-float: 4px 4px 0 0 var(--color-ink);--shadow-card: 0 1px 0 0 var(--color-rule)}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--color-bg: oklch(12% .014 88);--color-paper: oklch(19% .016 88);--color-paper-2: oklch(23% .018 88);--color-paper-3: oklch(27% .02 88);--color-rule: oklch(34% .02 88);--color-neutral: oklch(68% .018 90);--color-muted: oklch(56% .014 90);--color-ink: oklch(95% .012 95);--color-accent: oklch(68% .14 140);--color-accent-ink: oklch(14% .02 140);--color-accent-soft: oklch(28% .05 140);--color-focus: oklch(70% .15 140);--color-accent-2: oklch(68% .12 230);--color-accent-2-ink: oklch(14% .015 230);--color-accent-2-soft: oklch(26% .045 230);--color-positive: oklch(66% .12 145);--color-positive-soft: oklch(26% .05 145);--color-negative: oklch(64% .17 25);--color-negative-soft: oklch(28% .06 25);--color-warning: oklch(78% .12 95);--color-warning-soft: oklch(30% .06 95);--shadow-float: 4px 4px 0 0 var(--color-rule)}}*,*:before,*:after{box-sizing:border-box}html,body{overflow-x:clip}html{-webkit-text-size-adjust:100%}body{margin:0;min-width:320px;background:var(--color-bg);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-base);font-weight:400;line-height:1.55;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;line-height:1.1;letter-spacing:-.02em;margin:0;overflow-wrap:anywhere;min-width:0}p{margin:0;max-width:65ch}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}ul,ol{margin:0;padding:0;list-style:none}img,svg{display:block;max-width:100%}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;transition:none}.numeral{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.eyebrow{font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-neutral)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:var(--space-xl) var(--space-lg) var(--space-3xl)}.app-floating-nav{display:flex;align-items:center;gap:var(--space-xl);width:100%;max-width:64rem;background:var(--color-paper);border:1.5px solid var(--color-ink);box-shadow:var(--shadow-float);padding:var(--space-sm) var(--space-lg);margin-bottom:var(--space-2xl);position:sticky;top:var(--space-lg);z-index:20}.app-floating-nav__brand{display:flex;align-items:center;gap:var(--space-2xs);font-family:var(--font-display);font-weight:800;font-size:var(--text-md);letter-spacing:-.02em;flex-shrink:0}.app-floating-nav__brand-mark{width:.8rem;height:.8rem;background:var(--color-accent);flex-shrink:0}.app-floating-nav__links{display:flex;gap:var(--space-3xs);flex:1}.app-floating-nav__link{display:inline-flex;align-items:center;height:var(--control-h-sm);padding:0 var(--space-md);text-decoration:none;color:var(--color-neutral);font-weight:600;font-size:var(--text-sm);border:1.5px solid transparent;transition:color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.app-floating-nav__link:hover{color:var(--color-ink);background:var(--color-paper-3)}.app-floating-nav__link.is-active{color:var(--color-accent-ink);background:var(--color-accent);border-color:var(--color-accent)}.app-floating-nav__user{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.app-floating-nav__user-name{font-weight:600;color:var(--color-neutral);white-space:nowrap}.app-paper{width:100%;max-width:64rem;background:var(--color-paper);border:1.5px solid var(--color-ink)}.app-main{padding:var(--space-2xl)}.app-topbar,.app-tabbar{display:none}@media(max-width:768px){.app-shell{padding:0 0 calc(var(--space-2xl) + 4rem)}.app-floating-nav{display:none}.app-topbar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--color-paper);border-bottom:1.5px solid var(--color-ink);position:sticky;top:0;z-index:10;width:100%}.app-paper{border:none;border-top:none}.app-main{padding:var(--space-lg) var(--space-md)}.app-tabbar{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:var(--space-2xs);position:fixed;bottom:0;left:0;right:0;background:var(--color-bg);border-top:1px solid var(--color-rule);padding:var(--space-xs);padding-bottom:calc(var(--space-xs) + env(safe-area-inset-bottom));z-index:10}.app-tabbar__link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:var(--space-2xs) var(--space-3xs);text-decoration:none;color:var(--color-neutral);background:var(--color-paper);border:1.5px solid var(--color-rule);font-size:var(--text-xs);font-weight:600;min-height:3rem}.app-tabbar__link.is-active{color:var(--color-accent-ink);background:var(--color-accent);border-color:var(--color-accent)}}.page-header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-xl)}.page-header h1{font-size:var(--text-xl)}.page-header__meta{color:var(--color-neutral)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2xs);height:var(--control-h);border:1.5px solid var(--color-ink);border-radius:var(--radius);background:transparent;color:var(--color-ink);font-weight:600;font-size:var(--text-sm);padding:0 var(--space-md);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out);white-space:nowrap}.btn:hover{background:var(--color-paper-3)}.btn:active{transform:translateY(1px)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;transform:none}.btn--primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-ink)}.btn--primary:hover{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-paper)}.btn--ghost{border-color:transparent;color:var(--color-neutral)}.btn--ghost:hover{color:var(--color-ink);background:var(--color-paper-3)}.btn--danger{border-color:var(--color-negative);color:var(--color-negative)}.btn--danger:hover{background:var(--color-negative);color:var(--color-paper)}.btn--small{height:var(--control-h-sm);padding:0 var(--space-sm);font-size:var(--text-xs)}.btn--block{width:100%}.btn__spinner{width:.7rem;height:.7rem;border:1.5px solid currentColor;border-top-color:transparent;animation:spin var(--dur-slow) linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.btn__spinner{animation-duration:1.2s}}.field{display:flex;flex-direction:column;gap:var(--space-3xs)}.field+.field{margin-top:var(--space-md)}.form__row>.field+.field{margin-top:0}.field label{font-size:var(--text-sm);font-weight:600}.field__hint{font-size:var(--text-xs);color:var(--color-muted)}.field__error{font-size:var(--text-xs);color:var(--color-negative)}.input,.select{height:var(--control-h);border:1.5px solid var(--color-rule);border-radius:var(--radius);background:var(--color-paper);color:var(--color-ink);padding:0 var(--space-sm);font-size:var(--text-base);transition:border-color var(--dur-fast) var(--ease-out);width:100%}.input:hover,.select:hover{border-color:var(--color-neutral)}.input:focus-visible,.select:focus-visible{border-color:var(--color-accent)}.input[aria-invalid=true]{border-color:var(--color-negative)}.input::placeholder{color:var(--color-muted)}.form{display:flex;flex-direction:column}.form__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md)}@media(max-width:480px){.form__row{grid-template-columns:1fr}}.form__actions{display:flex;gap:var(--space-sm);margin-top:var(--space-lg)}.form__banner{padding:var(--space-sm) var(--space-md);border:1.5px solid var(--color-negative);background:var(--color-negative-soft);color:var(--color-negative);font-size:var(--text-sm);margin-bottom:var(--space-md)}.form__banner--success{border-color:var(--color-positive);background:var(--color-positive-soft);color:var(--color-positive)}.card{background:var(--color-paper-2);border:1px solid var(--color-rule);border-radius:var(--radius);padding:var(--space-lg)}.card+.card{margin-top:var(--space-md)}.grid>.card+.card{margin-top:0}.card__title{font-family:var(--font-display);font-weight:700;font-size:var(--text-md);margin-bottom:var(--space-md)}.grid{display:grid;gap:var(--space-md)}.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:640px){.grid--2,.grid--3{grid-template-columns:1fr}}.badge{display:inline-flex;align-items:center;gap:var(--space-3xs);padding:var(--space-3xs) var(--space-2xs);font-size:var(--text-xs);font-weight:600;border:1px solid var(--color-rule);color:var(--color-neutral)}.badge--accent{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-soft)}.badge--positive{border-color:var(--color-positive);color:var(--color-positive);background:var(--color-positive-soft)}.badge--negative{border-color:var(--color-negative);color:var(--color-negative);background:var(--color-negative-soft)}.calorie-ring{display:flex;align-items:center;gap:var(--space-xl);flex-wrap:wrap}.calorie-ring__svg{width:9.5rem;height:9.5rem;flex-shrink:0}.calorie-ring__track{fill:none;stroke:var(--color-paper-3);stroke-width:10}.calorie-ring__value{fill:none;stroke:var(--color-accent);stroke-width:10;stroke-linecap:square;transform-origin:center;transform:rotate(-90deg);transition:stroke-dashoffset var(--dur-slow) var(--ease-out)}.calorie-ring__value.is-over{stroke:var(--color-negative)}.calorie-ring__center{text-anchor:middle;dominant-baseline:middle;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.calorie-ring__number{font-size:1.7rem;font-weight:600;fill:var(--color-ink)}.calorie-ring__label{font-family:var(--font-body);font-size:.6rem;fill:var(--color-neutral);letter-spacing:.08em;text-transform:uppercase}.macro-bars{display:flex;flex-direction:column;gap:var(--space-sm);flex:1;min-width:12rem}.macro-bar__row{display:flex;justify-content:space-between;font-size:var(--text-sm);margin-bottom:var(--space-3xs)}.macro-bar__label{font-weight:600}.macro-bar__value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--color-neutral)}.macro-bar__track{height:.5rem;background:var(--color-paper-3);border:1px solid var(--color-rule);position:relative}.macro-bar__fill{height:100%;background:var(--color-ink);transition:width var(--dur-slow) var(--ease-out)}.macro-bar__fill--protein{background:var(--color-accent)}.macro-bar__fill--carbs{background:var(--color-warning)}.macro-bar__fill--fat{background:var(--color-accent-2)}.entry-list{display:flex;flex-direction:column}.entry-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:var(--space-md);padding:var(--space-sm) 0;border-bottom:1px solid var(--color-rule)}.entry-row:last-child{border-bottom:none}.entry-row__name{font-weight:600}.entry-row__meta{color:var(--color-neutral);font-size:var(--text-sm)}.entry-row__calories{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:600;text-align:right;white-space:nowrap}.entry-row__actions{display:flex;gap:var(--space-2xs)}.empty-state{padding:var(--space-2xl) var(--space-md);text-align:center;color:var(--color-neutral);border:1.5px dashed var(--color-rule)}.search-results{display:flex;flex-direction:column;border:1px solid var(--color-rule);max-height:22rem;overflow-y:auto}.search-result{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--color-paper);border:none;border-bottom:1px solid var(--color-rule);text-align:left;cursor:pointer;font:inherit;color:inherit;width:100%}.search-result:last-child{border-bottom:none}.search-result:hover,.search-result.is-selected{background:var(--color-paper-3)}.search-result__name{font-weight:600}.search-result__meta{color:var(--color-neutral);font-size:var(--text-sm)}.search-result__macros{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--text-sm);color:var(--color-neutral);white-space:nowrap}.chart{width:100%;overflow-x:auto}.chart__svg{width:100%;height:14rem}.chart__bar{fill:var(--color-accent);transition:height var(--dur-slow) var(--ease-out)}.chart__bar-goal{stroke:var(--color-neutral);stroke-width:1.5;stroke-dasharray:3 3}.chart__axis-label{font-family:var(--font-body);font-size:.6rem;fill:var(--color-neutral)}.chart__placeholder{fill:none;stroke:var(--color-rule);stroke-width:2;stroke-linecap:round;stroke-dasharray:1 7}.chart__empty-hint{margin-top:var(--space-sm);color:var(--color-neutral);font-size:var(--text-sm);text-align:center}.stat-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-md);margin-bottom:var(--space-xl)}@media(max-width:640px){.stat-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}.stat-tile{border:1px solid var(--color-rule);padding:var(--space-md)}.stat-tile__label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-neutral);margin-bottom:var(--space-3xs)}.stat-tile__value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--text-lg);font-weight:600}.stat-tile__delta{margin-top:var(--space-3xs);font-size:var(--text-xs);color:var(--color-neutral)}.range-controls{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl)}.segmented{display:inline-flex;height:var(--control-h);border:1.5px solid var(--color-ink)}.segmented button{display:inline-flex;align-items:center;justify-content:center;height:100%;border:none;background:transparent;color:var(--color-ink);padding:0 var(--space-md);font-weight:600;font-size:var(--text-sm);cursor:pointer;border-right:1.5px solid var(--color-ink)}.segmented button:last-child{border-right:none}.segmented button.is-active{background:var(--color-ink);color:var(--color-paper)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-lg)}.auth-card{width:100%;max-width:26rem;padding:var(--space-2xl) var(--space-xl);border:1.5px solid var(--color-ink);background:var(--color-paper);box-shadow:var(--shadow-float)}.auth-card__brand{display:flex;align-items:center;gap:var(--space-2xs);margin-bottom:var(--space-xl);font-family:var(--font-display);font-weight:800;font-size:var(--text-lg)}.auth-card h1{font-size:var(--text-lg);margin-bottom:var(--space-3xs)}.auth-card__subtitle{color:var(--color-neutral);margin-bottom:var(--space-lg)}.auth-card__switch{margin-top:var(--space-lg);font-size:var(--text-sm);color:var(--color-neutral);text-align:center}.auth-card__switch a{color:var(--color-accent);font-weight:600;text-decoration:underline;text-underline-offset:2px}.scanner-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:oklch(from var(--color-ink) l c h / .85);display:flex;align-items:center;justify-content:center;padding:var(--space-lg);z-index:50}.scanner-frame{width:100%;max-width:26rem;background:var(--color-paper);border:1.5px solid var(--color-ink);box-shadow:var(--shadow-float);padding:var(--space-lg)}.scanner-viewport{position:relative;aspect-ratio:4 / 3;background:var(--color-ink);overflow:hidden;display:flex;align-items:center;justify-content:center}.scanner-video{width:100%;height:100%;object-fit:cover}.scanner-reticle{position:absolute;top:22%;right:12%;bottom:22%;left:12%;border:2px solid var(--color-accent);box-shadow:0 0 0 999px oklch(from var(--color-ink) l c h / .35)}.scanner-hint{margin-top:var(--space-md);margin-bottom:var(--space-md);color:var(--color-neutral);font-size:var(--text-sm);text-align:center}.centered-loader{display:flex;align-items:center;justify-content:center;min-height:60vh;color:var(--color-neutral)}