@import"https://unpkg.com/open-props";@import"https://unpkg.com/open-props/normalize.min.css";/*!
 * Diet Tracker Design System
 * Bento-grid, teal + green, light/dark. Framework-agnostic pure CSS.
 * Generated by scripts/build-css.mjs — do not edit dist/ directly.
 */:root{--dt-primary: #0d9488;--dt-primary-hover: #0f766e;--dt-primary-active: #115e54;--dt-primary-soft: #ccfbf1;--dt-primary-soft-2: #f0fdfa;--dt-on-primary: #ffffff;--dt-accent: #22c55e;--dt-accent-hover: #16a34a;--dt-accent-soft: #dcfce7;--dt-accent-soft-2: #f0fdf4;--dt-on-accent: #052e16;--dt-success: #16a34a;--dt-success-soft: #dcfce7;--dt-success-ink: #166534;--dt-warning: #f59e0b;--dt-warning-soft: #fef3c7;--dt-warning-ink: #92400e;--dt-danger: #ef4444;--dt-danger-soft: #fee2e2;--dt-danger-ink: #991b1b;--dt-info: #0ea5e9;--dt-info-soft: #e0f2fe;--dt-info-ink: #075985;--dt-verified: var(--dt-primary);--dt-verified-soft: #ccfbf1;--dt-verified-ink: #134e4a;--dt-active-row: #f1f5f9;--dt-active-row-edge: var(--dt-primary);--dt-miss-soft: #f1f5f9;--dt-miss-ink: #475569;--dt-miss-edge: #94a3b8;--dt-bg: #f8fafc;--dt-bg-gradient: radial-gradient(1200px 600px at 100% -10%, var(--dt-primary-soft-2), transparent 60%);--dt-surface: #ffffff;--dt-surface-2: #f1f5f9;--dt-surface-3: #e2e8f0;--dt-border: #e2e8f0;--dt-border-strong: #cbd5e1;--dt-text: #0f172a;--dt-text-muted: #64748b;--dt-text-subtle: #94a3b8;--dt-overlay: rgba(15, 23, 42, .45);--dt-macro-kcal: var(--dt-primary);--dt-macro-carbs: #f59e0b;--dt-macro-protein: #0ea5e9;--dt-macro-fat: #f43f5e;--dt-macro-alcohol: #a78bfa;--dt-radius-xs: .25rem;--dt-radius-sm: .375rem;--dt-radius-md: .625rem;--dt-radius-lg: .875rem;--dt-radius-xl: 1.25rem;--dt-radius-2xl: 1.75rem;--dt-radius-pill: 999px;--dt-shadow-xs: 0 1px 2px rgba(15, 23, 42, .05);--dt-shadow-sm: 0 1px 3px rgba(15, 23, 42, .08), 0 1px 2px rgba(15, 23, 42, .04);--dt-shadow-md: 0 4px 12px rgba(15, 23, 42, .08), 0 2px 4px rgba(15, 23, 42, .04);--dt-shadow-lg: 0 12px 28px rgba(15, 23, 42, .12), 0 4px 10px rgba(15, 23, 42, .06);--dt-ring: 0 0 0 3px var(--dt-primary-soft);--dt-space-1: .25rem;--dt-space-2: .5rem;--dt-space-3: .75rem;--dt-space-4: 1rem;--dt-space-5: 1.5rem;--dt-space-6: 2rem;--dt-space-7: 3rem;--dt-font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--dt-font-mono: ui-monospace, "SFMono-Regular", "Cascadia Code", Menlo, Consolas, monospace;--dt-scale: 1;--dt-font-size-xs: calc(.75rem * var(--dt-scale));--dt-font-size-sm: calc(.875rem * var(--dt-scale));--dt-font-size-md: calc(1rem * var(--dt-scale));--dt-font-size-lg: calc(1.125rem * var(--dt-scale));--dt-font-size-xl: calc(1.375rem * var(--dt-scale));--dt-font-size-2xl: calc(1.75rem * var(--dt-scale));--dt-font-size-3xl: calc(2.25rem * var(--dt-scale));--dt-line-tight: 1.15;--dt-line-normal: 1.5;--dt-weight-regular: 400;--dt-weight-medium: 500;--dt-weight-semibold: 600;--dt-weight-bold: 700;--dt-tracking-tight: -.02em;--dt-content-max: 80rem;--dt-sidebar-w: 16rem;--dt-topbar-h: 4rem;--dt-card-margin: var(--dt-space-4);--dt-z-sticky: 100;--dt-z-overlay: 900;--dt-z-modal: 1000;--dt-z-toast: 1100;--dt-ease: cubic-bezier(.4, 0, .2, 1);--dt-ease-out: cubic-bezier(.16, 1, .3, 1);--dt-dur-fast: .12s;--dt-dur: .2s;--dt-dur-slow: .32s;color-scheme:light}[data-theme=dark]{--dt-primary: #2dd4bf;--dt-primary-hover: #5eead4;--dt-primary-active: #99f6e4;--dt-primary-soft: #134e4a;--dt-primary-soft-2: #042f2e;--dt-on-primary: #042f2e;--dt-accent: #4ade80;--dt-accent-hover: #86efac;--dt-accent-soft: #14532d;--dt-accent-soft-2: #052e16;--dt-on-accent: #052e16;--dt-success: #4ade80;--dt-success-soft: #14532d;--dt-success-ink: #bbf7d0;--dt-warning: #fbbf24;--dt-warning-soft: #78350f;--dt-warning-ink: #fde68a;--dt-danger: #f87171;--dt-danger-soft: #7f1d1d;--dt-danger-ink: #fecaca;--dt-info: #38bdf8;--dt-info-soft: #0c4a6e;--dt-info-ink: #bae6fd;--dt-verified: var(--dt-primary);--dt-verified-soft: #134e4a;--dt-verified-ink: #ccfbf1;--dt-active-row: #273449;--dt-active-row-edge: var(--dt-primary);--dt-miss-soft: #273449;--dt-miss-ink: #cbd5e1;--dt-miss-edge: #475569;--dt-bg: #0f172a;--dt-bg-gradient: radial-gradient(1200px 600px at 100% -10%, rgba(45, 212, 191, .08), transparent 60%);--dt-surface: #1e293b;--dt-surface-2: #273449;--dt-surface-3: #334155;--dt-border: #334155;--dt-border-strong: #475569;--dt-text: #f1f5f9;--dt-text-muted: #94a3b8;--dt-text-subtle: #64748b;--dt-overlay: rgba(2, 6, 23, .6);--dt-shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--dt-shadow-sm: 0 1px 3px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .25);--dt-shadow-md: 0 4px 12px rgba(0, 0, 0, .45), 0 2px 4px rgba(0, 0, 0, .3);--dt-shadow-lg: 0 12px 28px rgba(0, 0, 0, .55), 0 4px 10px rgba(0, 0, 0, .35);--dt-ring: 0 0 0 3px rgba(45, 212, 191, .35);color-scheme:dark}[data-density=large-print]{--dt-scale: 1.25}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100vh;font-family:var(--dt-font-sans);font-size:var(--dt-font-size-md);line-height:var(--dt-line-normal);font-weight:var(--dt-weight-regular);color:var(--dt-text);background-color:var(--dt-bg);background-image:var(--dt-bg-gradient);background-attachment:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;transition:background-color var(--dt-dur) var(--dt-ease),color var(--dt-dur) var(--dt-ease)}img,picture,svg,video,canvas{display:block;max-width:100%}svg{fill:currentColor}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none}a{color:var(--dt-primary);text-decoration:none;transition:color var(--dt-dur-fast) var(--dt-ease)}a:hover{color:var(--dt-primary-hover);text-decoration:underline}h1,h2,h3,h4,h5,h6{font-weight:var(--dt-weight-semibold);line-height:var(--dt-line-tight);letter-spacing:var(--dt-tracking-tight);color:var(--dt-text)}h1{font-size:var(--dt-font-size-2xl)}h2{font-size:var(--dt-font-size-xl)}h3{font-size:var(--dt-font-size-lg)}h4{font-size:var(--dt-font-size-md)}p{line-height:var(--dt-line-normal)}small{font-size:var(--dt-font-size-sm)}strong,b{font-weight:var(--dt-weight-semibold)}hr{border:none;border-top:1px solid var(--dt-border);margin-block:var(--dt-space-4)}code,kbd,samp{font-family:var(--dt-font-mono);font-size:.9em}::selection{background:var(--dt-primary-soft);color:var(--dt-primary-active)}:focus-visible{outline:2px solid var(--dt-primary);outline-offset:2px;box-shadow:var(--dt-ring);border-radius:var(--dt-radius-xs)}.numeric{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;letter-spacing:var(--dt-tracking-tight)}.muted{color:var(--dt-text-muted)}.subtle{color:var(--dt-text-subtle)}.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}@page{margin:1.5cm;size:auto}@media print{.no-print{display:none!important}nav,header,button,.btn,.action-bar,.tab-bar,.nav-header{display:none!important}body,html,:root{background:#fff!important;color:#000!important;background-image:none!important}.card,.report-card,.bento-card,.table-row,tr,blockquote{break-inside:avoid;page-break-inside:avoid}body{min-height:auto;font-size:11pt;line-height:1.35}}.container{width:100%;max-width:var(--dt-content-max);margin-inline:auto;padding-inline:var(--dt-space-4)}.container-fluid{width:100%;padding-inline:var(--dt-space-4)}.container-narrow{width:100%;max-width:42rem;margin-inline:auto;padding-inline:var(--dt-space-4)}.stack{display:flex;flex-direction:column;gap:var(--dt-gap, var(--dt-space-4))}.row{display:flex;flex-wrap:wrap;gap:var(--dt-gap, var(--dt-space-4));align-items:center}.cluster{display:flex;flex-wrap:wrap;gap:var(--dt-gap, var(--dt-space-2));align-items:center}.spread{display:flex;align-items:center;justify-content:space-between;gap:var(--dt-space-4)}.center{display:flex;align-items:center;justify-content:center}.bento{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:var(--dt-bento-gap, var(--dt-space-4))}@media(min-width:48rem){.bento{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--dt-bento-gap, var(--dt-space-5))}}@media(min-width:72rem){.bento{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--dt-bento-gap, var(--dt-space-5))}}.cell{min-width:0;min-height:0}.cell--2{grid-column:span 2}.cell--3{grid-column:span 3}.cell--4{grid-column:span 4}.cell--row-2{grid-row:span 2}.cell--row-3{grid-row:span 3}.cell--full{grid-column:1 / -1}.cell[style*=--col-span],.cell--col-span{grid-column:span var(--col-span, 1)}.cell[style*=--row-span],.cell--row-span{grid-row:span var(--row-span, 1)}@media(max-width:71.99rem){.cell--2,.cell--3,.cell--4,.cell[style*=--col-span],.cell--col-span{grid-column:span min(var(--col-span, 2),2)}.cell--3,.cell--4{grid-column:span 2}}@media(max-width:47.99rem){.cell--2,.cell--3,.cell--4,.cell--full,.cell[style*=--col-span],.cell--col-span{grid-column:1 / -1}.cell--row-2,.cell--row-3,.cell[style*=--row-span],.cell--row-span{grid-row:auto}}.bento--dense{grid-auto-flow:dense}.bento--with-rail{grid-template-columns:1fr}@media(min-width:72rem){.bento--with-rail{grid-template-columns:var(--dt-sidebar-w) repeat(3,minmax(0,1fr))}.bento--with-rail>.rail{grid-column:1 / 2;grid-row:1 / -1}}[data-density=large-print] .bento{grid-template-columns:repeat(1,minmax(0,1fr))!important}[data-density=large-print] .cell--2,[data-density=large-print] .cell--3,[data-density=large-print] .cell--4,[data-density=large-print] .cell--full,[data-density=large-print] .cell[style*=--col-span],[data-density=large-print] .cell--col-span{grid-column:span 1!important}[data-density=large-print] .bento--with-rail{grid-template-columns:repeat(1,minmax(0,1fr))!important}[data-density=large-print] .bento--with-rail>.rail{grid-column:span 1!important;grid-row:auto!important}.app-shell{display:grid;grid-template-areas:"topbar" "content";grid-template-rows:var(--dt-topbar-h) 1fr;grid-template-columns:minmax(0,1fr);min-height:100vh}@media(min-width:72rem){.app-shell{grid-template-areas:"sidebar topbar" "sidebar content";grid-template-columns:var(--dt-sidebar-w) minmax(0,1fr);grid-template-rows:var(--dt-topbar-h) 1fr}}.app-sidebar{grid-area:sidebar;display:none;flex-direction:column;gap:var(--dt-space-2);padding:var(--dt-space-4) var(--dt-space-3);background:var(--dt-surface);border-right:1px solid var(--dt-border);position:sticky;top:0;height:100vh;overflow-y:auto}@media(min-width:72rem){.app-sidebar{display:flex}}.app-sidebar__brand{display:flex;align-items:center;gap:var(--dt-space-2);padding:var(--dt-space-2) var(--dt-space-3);margin-bottom:var(--dt-space-3);font-weight:var(--dt-weight-bold);font-size:var(--dt-font-size-lg);color:var(--dt-primary)}.app-sidebar__brand-mark{display:grid;place-items:center;width:2rem;height:2rem;border-radius:var(--dt-radius-md);background:linear-gradient(135deg,var(--dt-primary),var(--dt-accent));color:var(--dt-on-primary)}.nav-list{list-style:none;display:flex;flex-direction:column;gap:2px;padding:0}.nav-item{display:flex;align-items:center;gap:var(--dt-space-3);padding:var(--dt-space-3);border-radius:var(--dt-radius-md);color:var(--dt-text-muted);font-weight:var(--dt-weight-medium);transition:background var(--dt-dur-fast) var(--dt-ease),color var(--dt-dur-fast) var(--dt-ease)}.nav-item:hover{background:var(--dt-surface-2);color:var(--dt-text);text-decoration:none}.nav-item[aria-current=page],.nav-item.is-active{background:var(--dt-primary-soft);color:var(--dt-primary-active);font-weight:var(--dt-weight-semibold)}.app-topbar{grid-area:topbar;display:flex;align-items:center;justify-content:space-between;gap:var(--dt-space-4);padding-inline:var(--dt-space-4);background:color-mix(in srgb,var(--dt-surface) 85%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--dt-border);position:sticky;top:0;z-index:var(--dt-z-sticky);min-width:0}.app-topbar__title{font-size:var(--dt-font-size-lg);font-weight:var(--dt-weight-semibold);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-topbar__actions{display:flex;align-items:center;gap:var(--dt-space-2);min-width:0;flex-shrink:0}.app-topbar__actions .app-topbar__nav-link{width:2.75rem;height:2.75rem;display:inline-flex;align-items:center;justify-content:center}@media(min-width:72rem){.app-topbar__actions .app-topbar__nav-link{display:none}}@media(max-width:71.99rem){.app-topbar__actions .btn__label{display:none}.app-topbar__actions .btn{padding-inline:var(--dt-space-2);min-height:2.75rem;min-width:2.75rem;display:inline-flex;align-items:center;justify-content:center}}.app-content{grid-area:content;padding:var(--dt-space-5) var(--dt-space-4);padding-bottom:calc(var(--dt-space-7) + 4rem + env(safe-area-inset-bottom,0px));min-width:0}@media(min-width:72rem){.app-content{padding:var(--dt-space-6);padding-bottom:var(--dt-space-7)}}.bottom-nav{position:fixed;inset-inline:0;bottom:0;display:flex;justify-content:space-around;background:var(--dt-surface);border-top:1px solid var(--dt-border);padding:var(--dt-space-2);padding-bottom:max(var(--dt-space-2),env(safe-area-inset-bottom,0px));z-index:var(--dt-z-sticky);box-shadow:var(--dt-shadow-md)}@media(min-width:72rem){.bottom-nav{display:none}}.bottom-nav__item{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1 1 0;min-width:0;min-height:2.75rem;gap:2px;padding:var(--dt-space-1) var(--dt-space-2);color:var(--dt-text-muted);font-size:var(--dt-font-size-xs);font-weight:var(--dt-weight-medium);border-radius:var(--dt-radius-md);transition:color var(--dt-dur-fast) var(--dt-ease)}.bottom-nav__item>span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottom-nav__item:hover{color:var(--dt-text);text-decoration:none}.bottom-nav__item[aria-current=page],.bottom-nav__item.is-active{color:var(--dt-primary)}.affiliate-card{display:flex;flex-direction:column;gap:var(--dt-space-2);padding:var(--dt-space-4);border:1px solid var(--dt-border);border-left:3px solid var(--dt-primary);border-radius:var(--dt-radius-md);background:var(--dt-surface);color:var(--dt-text)}.affiliate-card__title{margin:0;font-size:var(--dt-font-size-md);font-weight:var(--dt-weight-semibold)}.affiliate-card__partner{color:var(--dt-text-muted);font-weight:var(--dt-weight-regular)}.affiliate-card__description{margin:0;font-size:var(--dt-font-size-sm);color:var(--dt-text-muted)}.affiliate-card__disclosure{flex:1 1 100%;margin:0;padding:var(--dt-space-2) var(--dt-space-3);border-left:2px solid var(--dt-border-strong);border-radius:0 var(--dt-radius-xs) var(--dt-radius-xs) 0;background:var(--dt-surface-2);font-size:var(--dt-font-size-xs);line-height:1.45;color:var(--dt-text-muted)}.affiliate-card__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--dt-space-2)}.affiliate-card__actions :focus-visible{outline:none;box-shadow:var(--dt-ring)}.btn{--btn-bg: var(--dt-primary);--btn-fg: var(--dt-on-primary);--btn-border: transparent;display:inline-flex;align-items:center;justify-content:center;gap:var(--dt-space-2);padding:0 var(--dt-space-4);min-height:2.5rem;border:1px solid var(--btn-border);border-radius:var(--dt-radius-md);background:var(--btn-bg);color:var(--btn-fg);font-size:var(--dt-font-size-sm);font-weight:var(--dt-weight-semibold);line-height:1;white-space:nowrap;user-select:none;transition:background var(--dt-dur-fast) var(--dt-ease),border-color var(--dt-dur-fast) var(--dt-ease),transform var(--dt-dur-fast) var(--dt-ease),box-shadow var(--dt-dur-fast) var(--dt-ease)}.btn:hover{background:color-mix(in srgb,var(--btn-bg) 88%,#000);text-decoration:none}.btn:active{transform:translateY(1px)}.btn:disabled,.btn[aria-disabled=true],.btn.is-disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.btn:focus-visible{outline:none;box-shadow:var(--dt-ring)}.btn--secondary{--btn-bg: var(--dt-surface);--btn-fg: var(--dt-text);--btn-border: var(--dt-border-strong)}.btn--secondary:hover{background:var(--dt-surface-2)}.btn--ghost{--btn-bg: transparent;--btn-fg: var(--dt-text);--btn-border: transparent}.btn--ghost:hover{background:var(--dt-surface-2)}.btn--danger{--btn-bg: var(--dt-danger);--btn-fg: #fff}.btn--danger:hover{background:color-mix(in srgb,var(--dt-danger) 88%,#000)}.btn--accent{--btn-bg: var(--dt-accent);--btn-fg: var(--dt-on-accent)}.btn--accent:hover{background:var(--dt-accent-hover)}.btn--soft{--btn-bg: var(--dt-primary-soft);--btn-fg: var(--dt-primary-active);--btn-border: transparent}.btn--soft:hover{background:color-mix(in srgb,var(--dt-primary-soft) 80%,var(--dt-primary) 20%)}.btn--sm{min-height:2rem;padding:0 var(--dt-space-3);font-size:var(--dt-font-size-xs)}.btn--lg{min-height:3rem;padding:0 var(--dt-space-5);font-size:var(--dt-font-size-md)}.btn--block{display:flex;width:100%}.icon-btn{display:inline-grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:var(--dt-radius-md);color:var(--dt-text-muted);background:transparent;transition:background var(--dt-dur-fast) var(--dt-ease),color var(--dt-dur-fast) var(--dt-ease)}.icon-btn:hover{background:var(--dt-surface-2);color:var(--dt-text)}.icon-btn:focus-visible{outline:none;box-shadow:var(--dt-ring)}.icon-btn--sm{width:2rem;height:2rem}.fab{position:fixed;right:var(--dt-space-5);bottom:calc(5rem + env(safe-area-inset-bottom,0));width:3.5rem;height:3.5rem;display:grid;place-items:center;border-radius:var(--dt-radius-pill);background:var(--dt-primary);color:var(--dt-on-primary);box-shadow:var(--dt-shadow-lg);z-index:var(--dt-z-sticky);transition:background var(--dt-dur-fast) var(--dt-ease),transform var(--dt-dur-fast) var(--dt-ease)}.fab:hover{background:var(--dt-primary-hover);transform:scale(1.05)}@media(min-width:72rem){.fab{bottom:var(--dt-space-6)}}.btn-group{display:inline-flex;flex-wrap:wrap;gap:var(--dt-space-2)}.btn-group--joined{gap:0}.btn-group--joined .btn{border-radius:0;border-right-width:0}.btn-group--joined .btn:first-child{border-top-left-radius:var(--dt-radius-md);border-bottom-left-radius:var(--dt-radius-md)}.btn-group--joined .btn:last-child{border-top-right-radius:var(--dt-radius-md);border-bottom-right-radius:var(--dt-radius-md);border-right-width:1px}.card{background:var(--dt-surface);border:1px solid var(--dt-border);border-radius:var(--dt-radius-xl);box-shadow:var(--dt-shadow-sm);padding:var(--dt-space-5);display:flex;flex-direction:column;gap:var(--dt-space-3);min-width:0;margin-bottom:var(--dt-card-margin, var(--dt-space-4));transition:box-shadow var(--dt-dur) var(--dt-ease),transform var(--dt-dur) var(--dt-ease),border-color var(--dt-dur) var(--dt-ease)}.card:last-child{margin-bottom:0}@media(min-width:48rem){.card{margin-bottom:var(--dt-space-5)}.card:last-child{margin-bottom:0}}@media(min-width:72rem){.card{margin-bottom:var(--dt-space-6)}.card:last-child{margin-bottom:0}}.bento>.card,.bento>*>.card,.row>.card,.cluster>.card{margin-bottom:0}.card--elevated{box-shadow:var(--dt-shadow-md)}.card--flat{box-shadow:none;border-color:transparent;background:var(--dt-surface-2)}.card--interactive{cursor:pointer}.card--interactive:hover{box-shadow:var(--dt-shadow-lg);transform:translateY(-2px);border-color:var(--dt-border-strong)}.card--padding-sm{padding:var(--dt-space-4)}.card--padding-lg{padding:var(--dt-space-6)}.card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--dt-space-3);min-width:0}.card__title{font-size:var(--dt-font-size-md);font-weight:var(--dt-weight-semibold)}.card__subtitle{font-size:var(--dt-font-size-sm);color:var(--dt-text-muted)}.card__body{flex:1;display:flex;flex-direction:column;gap:var(--dt-space-3);min-width:0}.card__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--dt-space-3);padding-top:var(--dt-space-3);border-top:1px solid var(--dt-border)}.stat-card{background:var(--dt-surface);border:1px solid var(--dt-border);border-radius:var(--dt-radius-xl);box-shadow:var(--dt-shadow-sm);padding:var(--dt-space-5);display:flex;flex-direction:column;gap:var(--dt-space-2);min-width:0}.stat-card__icon{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:var(--dt-radius-md);background:var(--dt-primary-soft);color:var(--dt-primary-active);margin-bottom:var(--dt-space-1)}.stat-card__label{font-size:var(--dt-font-size-sm);color:var(--dt-text-muted);font-weight:var(--dt-weight-medium)}.stat-card__value{font-size:var(--dt-font-size-2xl);font-weight:var(--dt-weight-bold);line-height:1;color:var(--dt-text)}.stat-card__trend{display:inline-flex;align-items:center;gap:var(--dt-space-1);font-size:var(--dt-font-size-xs);font-weight:var(--dt-weight-semibold)}.stat-card__trend--up{color:var(--dt-success)}.stat-card__trend--down{color:var(--dt-danger)}.stat-card__trend--flat{color:var(--dt-text-muted)}.food-card{display:flex;align-items:center;gap:var(--dt-space-3);padding:var(--dt-space-3);border-radius:var(--dt-radius-lg);background:var(--dt-surface);border:1px solid var(--dt-border);transition:border-color var(--dt-dur-fast) var(--dt-ease),background var(--dt-dur-fast) var(--dt-ease)}.food-card:hover{border-color:var(--dt-border-strong);background:var(--dt-surface-2)}.food-card__thumb{width:3rem;height:3rem;border-radius:var(--dt-radius-md);background:var(--dt-primary-soft-2);display:grid;place-items:center;flex-shrink:0;color:var(--dt-primary);font-size:var(--dt-font-size-lg)}.food-card__info{flex:1;min-width:0}.food-card__name{font-weight:var(--dt-weight-semibold);font-size:var(--dt-font-size-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.food-card__meta{font-size:var(--dt-font-size-xs);color:var(--dt-text-muted)}.log-entry{display:flex;align-items:flex-start;gap:var(--dt-space-3);padding:var(--dt-space-3) 0;border-bottom:1px solid var(--dt-border)}.log-entry:last-child{border-bottom:none}.log-entry__time{font-size:var(--dt-font-size-xs);color:var(--dt-text-muted);font-weight:var(--dt-weight-semibold);flex-shrink:0;width:3.5rem;padding-top:2px}.log-entry__body{flex:1;min-width:0}.log-entry__title{font-weight:var(--dt-weight-medium);font-size:var(--dt-font-size-sm)}.log-entry__detail{font-size:var(--dt-font-size-xs);color:var(--dt-text-muted)}.log-entry__value{font-weight:var(--dt-weight-semibold);font-size:var(--dt-font-size-sm);flex-shrink:0}.log-entries-desktop{display:block}.log-entries-mobile{display:none}@media(max-width:47.99rem){.log-entries-desktop{display:none}.log-entries-mobile{display:flex;flex-direction:column;gap:var(--dt-space-3)}}.log-card{background:var(--dt-surface);border:1px solid var(--dt-border);border-radius:var(--dt-radius-lg);padding:var(--dt-space-3) var(--dt-space-4);display:flex;flex-direction:column;gap:var(--dt-space-2);transition:border-color var(--dt-dur-fast) var(--dt-ease),box-shadow var(--dt-dur-fast) var(--dt-ease)}.log-card:hover{border-color:var(--dt-border-strong)}.log-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--dt-space-3)}.log-card__main{flex:1;min-width:0}.log-card__title{font-weight:var(--dt-weight-semibold);font-size:var(--dt-font-size-sm);color:var(--dt-text);word-break:break-word}.log-card__meta{font-size:var(--dt-font-size-xs);color:var(--dt-text-muted);display:flex;align-items:center;flex-wrap:wrap;gap:var(--dt-space-2);margin-top:2px}.log-card__kcal{font-weight:var(--dt-weight-bold);font-size:var(--dt-font-size-sm);color:var(--dt-primary);flex-shrink:0;text-align:right;white-space:nowrap}.log-card__actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--dt-space-2);border-top:1px solid var(--dt-border);padding-top:var(--dt-space-2);margin-top:2px}.date-stepper{display:inline-flex;align-items:center;gap:var(--dt-space-1)}.date-stepper__btn{display:inline-grid;place-items:center;width:2.25rem;height:2.5rem;padding:0;border-radius:var(--dt-radius-md);border:1px solid var(--dt-border-strong);background:var(--dt-surface);color:var(--dt-text);font-size:1.25rem;font-weight:var(--dt-weight-bold);line-height:1;cursor:pointer;user-select:none;transition:background var(--dt-dur-fast) var(--dt-ease),border-color var(--dt-dur-fast) var(--dt-ease)}.date-stepper__btn:hover{background:var(--dt-surface-2);border-color:var(--dt-text-subtle)}.date-stepper__btn:active{transform:translateY(1px)}.date-stepper .field--outlined{flex:0 1 10.5rem;min-width:9rem}.field{display:flex;flex-direction:column;gap:var(--dt-space-2)}.field__label{font-size:var(--dt-font-size-sm);font-weight:var(--dt-weight-semibold);color:var(--dt-text)}.field__hint{font-size:var(--dt-font-size-xs);color:var(--dt-text-muted)}.field__error{font-size:var(--dt-font-size-xs);color:var(--dt-danger);font-weight:var(--dt-weight-medium)}.form-stack{display:flex;flex-direction:column;gap:var(--dt-space-5)}.form-stack>button[type=submit],.form-stack>.btn--accent,.form-stack>.btn--primary,.form-stack>.btn-group{margin-top:var(--dt-space-2)}.field-row{display:flex;flex-wrap:wrap;column-gap:var(--dt-space-3);row-gap:var(--dt-space-5)}.field-row>.field{flex:1 1 8rem;min-width:0}:not(.form-stack):not(.field-row)>.field+.field,:not(.form-stack):not(.field-row)>.field+.field-row,:not(.form-stack):not(.field-row)>.field-row+.field,:not(.form-stack):not(.field-row)>.field-row+.field-row{margin-top:var(--dt-space-5)}.field+.list,.field+.empty-state{margin-top:var(--dt-space-4)}.scan-entry{display:flex;flex-direction:column;gap:var(--dt-space-2)}.field--outlined{position:relative;margin-top:.25rem}.field--outlined .input{min-height:2.75rem}.field--outlined .textarea{--_rest-top: 1.4rem}.field--outlined .field__label{--_notch-bg: var(--dt-surface);position:absolute;z-index:1;top:0;left:calc(var(--dt-space-3) - .25rem);max-width:calc(100% - 2 * var(--dt-space-3));padding-inline:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2;font-weight:var(--dt-weight-medium);color:var(--dt-text-muted);background:linear-gradient(to bottom,transparent 50%,var(--_notch-bg) 50%);transform:translateY(-50%) scale(.82);transform-origin:left center;pointer-events:none;transition:top var(--dt-dur-fast) var(--dt-ease),transform var(--dt-dur-fast) var(--dt-ease),color var(--dt-dur-fast) var(--dt-ease)}.field--outlined:has(.input:placeholder-shown):not(:focus-within) .field__label{top:var(--_rest-top, 1.375rem);transform:translateY(-50%) scale(1)}.field--outlined:has(.input:disabled) .field__label{--_notch-bg: var(--dt-surface-2)}.field--outlined:focus-within .field__label{color:var(--dt-primary)}.field--outlined.field--error .field__label,.field--outlined:has(.input[aria-invalid=true]) .field__label{color:var(--dt-danger)}.field--outlined .input:placeholder-shown:not(:focus)::placeholder{color:transparent}.field--outlined .field__hint,.field--outlined .field__error{padding-inline:var(--dt-space-3)}@media(prefers-reduced-motion:reduce){.field--outlined .field__label{transition:none}}@supports not selector(:has(*)){.field--outlined .field__label{position:static;max-width:none;padding:0;background:none;transform:none;pointer-events:auto;white-space:normal;color:var(--dt-text)}}.input,.textarea,.select{width:100%;padding:0 var(--dt-space-3);min-height:2.5rem;background:var(--dt-surface);color:var(--dt-text);border:1px solid var(--dt-border-strong);border-radius:var(--dt-radius-md);font-size:var(--dt-font-size-sm);transition:border-color var(--dt-dur-fast) var(--dt-ease),box-shadow var(--dt-dur-fast) var(--dt-ease)}@media(max-width:48rem){.input,.textarea,.select{font-size:1rem}}.textarea{min-height:6rem;padding:var(--dt-space-3);resize:vertical;line-height:var(--dt-line-normal)}.input::placeholder,.textarea::placeholder{color:var(--dt-text-subtle)}.input:hover,.textarea:hover,.select:hover{border-color:var(--dt-text-subtle)}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--dt-primary);box-shadow:var(--dt-ring)}.input:disabled,.textarea:disabled,.select:disabled{opacity:.6;cursor:not-allowed;background:var(--dt-surface-2)}.input[aria-invalid=true],.field--error .input{border-color:var(--dt-danger)}.field--error .input:focus{box-shadow:0 0 0 3px var(--dt-danger-soft)}.input-group{position:relative;display:flex;align-items:center}.input-group .input{padding-left:2.5rem}.input-group__icon{position:absolute;left:var(--dt-space-3);color:var(--dt-text-subtle);pointer-events:none}.search{position:relative;display:flex;align-items:center}.search .input{padding-left:2.5rem;border-radius:var(--dt-radius-pill)}.search__icon{position:absolute;left:var(--dt-space-3);color:var(--dt-text-subtle);pointer-events:none}.search__clear{position:absolute;right:var(--dt-space-2);display:grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:var(--dt-radius-pill);color:var(--dt-text-muted)}.search__clear:hover{background:var(--dt-surface-2);color:var(--dt-text)}.stepper{display:inline-flex;align-items:stretch;border:1px solid var(--dt-border-strong);border-radius:var(--dt-radius-md);overflow:hidden;background:var(--dt-surface)}.stepper__btn{display:grid;place-items:center;min-width:2.75rem;min-height:2.75rem;width:2.75rem;height:2.75rem;color:var(--dt-primary);background:var(--dt-surface);transition:background var(--dt-dur-fast) var(--dt-ease);font-size:var(--dt-font-size-lg);font-weight:var(--dt-weight-bold)}.stepper__btn:hover{background:var(--dt-surface-2)}.stepper__btn:disabled{opacity:.4;cursor:not-allowed}.stepper__btn:focus-visible{outline:2px solid var(--dt-primary);outline-offset:-2px;box-shadow:var(--dt-ring);z-index:1}.stepper__input{width:4.5rem;border:none;border-inline:1px solid var(--dt-border);text-align:center;background:transparent;color:var(--dt-text);font-weight:var(--dt-weight-semibold);font-variant-numeric:tabular-nums;min-height:2.75rem}.stepper__input:focus-visible{outline:2px solid var(--dt-primary);outline-offset:-2px;box-shadow:var(--dt-ring);background:var(--dt-surface-2);z-index:1}.stepper__unit{display:grid;place-items:center;padding-inline:var(--dt-space-3);color:var(--dt-text-muted);font-size:var(--dt-font-size-xs)}.toggle{position:relative;display:inline-flex;align-items:center;gap:var(--dt-space-2);cursor:pointer}.toggle__input{position:absolute;opacity:0;width:0;height:0}.toggle__track{width:2.75rem;height:1.5rem;background:var(--dt-surface-3);border-radius:var(--dt-radius-pill);position:relative;transition:background var(--dt-dur) var(--dt-ease);flex-shrink:0}.toggle__thumb{position:absolute;top:2px;left:2px;width:1.25rem;height:1.25rem;background:#fff;border-radius:50%;box-shadow:var(--dt-shadow-sm);transition:transform var(--dt-dur) var(--dt-ease-out)}.toggle__input:checked+.toggle__track{background:var(--dt-primary)}.toggle__input:checked+.toggle__track .toggle__thumb{transform:translate(1.25rem)}.toggle__input:focus-visible+.toggle__track{box-shadow:var(--dt-ring)}.toggle__label{font-size:var(--dt-font-size-sm)}.check{display:inline-flex;align-items:center;gap:var(--dt-space-2);cursor:pointer;font-size:var(--dt-font-size-sm)}.check__input{appearance:none;width:1.25rem;height:1.25rem;border:1.5px solid var(--dt-border-strong);border-radius:var(--dt-radius-xs);background:var(--dt-surface);display:grid;place-content:center;transition:background var(--dt-dur-fast) var(--dt-ease),border-color var(--dt-dur-fast) var(--dt-ease);flex-shrink:0}.check__input:checked{background:var(--dt-primary);border-color:var(--dt-primary)}.check__input:checked:after{content:"";width:.4rem;height:.7rem;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);margin-bottom:2px}.check__input:focus-visible{box-shadow:var(--dt-ring)}.radio{display:inline-flex;align-items:center;gap:var(--dt-space-2);cursor:pointer;font-size:var(--dt-font-size-sm)}.radio__input{appearance:none;width:1.25rem;height:1.25rem;border:1.5px solid var(--dt-border-strong);border-radius:50%;background:var(--dt-surface);display:grid;place-content:center;transition:border-color var(--dt-dur-fast) var(--dt-ease);flex-shrink:0}.radio__input:checked{border-color:var(--dt-primary);border-width:.4rem}.radio__input:focus-visible{box-shadow:var(--dt-ring)}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--dt-space-3) center;padding-right:2.5rem}.badge{display:inline-flex;align-items:center;gap:var(--dt-space-1);padding:2px var(--dt-space-2);border-radius:var(--dt-radius-pill);font-size:var(--dt-font-size-xs);font-weight:var(--dt-weight-semibold);line-height:1.5;background:var(--dt-surface-2);color:var(--dt-text-muted)}.badge--primary{background:var(--dt-primary-soft);color:var(--dt-primary-active)}.badge--success{background:var(--dt-success-soft);color:var(--dt-success-ink)}.badge--warning{background:var(--dt-warning-soft);color:var(--dt-warning-ink)}.badge--danger{background:var(--dt-danger-soft);color:var(--dt-danger-ink)}.badge--info{background:var(--dt-info-soft);color:var(--dt-info-ink)}.chip{display:inline-flex;align-items:center;gap:var(--dt-space-1);padding:var(--dt-space-1) var(--dt-space-2);border-radius:var(--dt-radius-pill);background:var(--dt-surface-2);border:1px solid var(--dt-border);color:var(--dt-text);font-size:var(--dt-font-size-xs);font-weight:var(--dt-weight-medium);transition:background var(--dt-dur-fast) var(--dt-ease),border-color var(--dt-dur-fast) var(--dt-ease)}.chip:hover{background:var(--dt-surface-3)}.chip--active{background:var(--dt-primary-soft);border-color:transparent;color:var(--dt-primary-active)}.chip__remove{display:grid;place-items:center;width:1.1rem;height:1.1rem;border-radius:50%;color:var(--dt-text-muted)}.chip__remove:hover{background:var(--dt-overlay);color:var(--dt-text)}.tag-dot{display:inline-flex;align-items:center;gap:var(--dt-space-2);font-size:var(--dt-font-size-xs);color:var(--dt-text-muted)}.tag-dot:before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:var(--dt-text-muted)}.tag-dot--success:before{background:var(--dt-success)}.tag-dot--warning:before{background:var(--dt-warning)}.tag-dot--danger:before{background:var(--dt-danger)}.avatar{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:50%;background:linear-gradient(135deg,var(--dt-primary),var(--dt-accent));color:#fff;font-weight:var(--dt-weight-bold);font-size:var(--dt-font-size-sm);overflow:hidden;flex-shrink:0}.avatar--sm{width:2rem;height:2rem;font-size:var(--dt-font-size-xs)}.avatar--lg{width:3.5rem;height:3.5rem;font-size:var(--dt-font-size-lg)}.avatar__img{width:100%;height:100%;object-fit:cover}.data-table{width:100%;border-collapse:collapse;font-size:var(--dt-font-size-sm)}.data-table th,.data-table td{padding:var(--dt-space-3);text-align:left;white-space:nowrap}.data-table thead th{font-size:var(--dt-font-size-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--dt-text-muted);font-weight:var(--dt-weight-semibold);border-bottom:1px solid var(--dt-border)}.data-table tbody tr{border-bottom:1px solid var(--dt-border);transition:background var(--dt-dur-fast) var(--dt-ease)}.data-table tbody tr:hover{background:var(--dt-surface-2)}.data-table .numeric{text-align:right}.table-wrap{overflow-x:auto;border-radius:var(--dt-radius-lg);border:1px solid var(--dt-border)}.list{list-style:none;padding:0;display:flex;flex-direction:column}.list--divider>li{border-bottom:1px solid var(--dt-border)}.list--divider>li:last-child{border-bottom:none}.list__item{padding:var(--dt-space-3);display:flex;align-items:center;gap:var(--dt-space-3)}.list__item.is-active{background:var(--dt-active-row);box-shadow:inset 3px 0 0 var(--dt-active-row-edge)}.badge{display:inline-flex;align-items:center;margin-left:auto;padding:.125rem var(--dt-space-2);border-radius:var(--dt-radius-pill);font-size:var(--dt-font-size-xs);font-weight:var(--dt-weight-medium);line-height:var(--dt-line-tight);white-space:nowrap}.badge--verified{background:var(--dt-verified-soft);color:var(--dt-verified-ink)}.divider{height:1px;background:var(--dt-border);border:none;margin-block:var(--dt-space-4)}.divider--label{display:flex;align-items:center;gap:var(--dt-space-3);color:var(--dt-text-muted);font-size:var(--dt-font-size-xs);text-transform:uppercase;letter-spacing:.04em;background:none;height:auto;margin-block:var(--dt-space-5) var(--dt-space-4)}.divider--label:before,.divider--label:after{content:"";flex:1;height:1px;background:var(--dt-border)}.progress{width:100%;height:.5rem;background:var(--dt-surface-3);border-radius:var(--dt-radius-pill);overflow:hidden}.progress__bar{height:100%;border-radius:var(--dt-radius-pill);background:var(--dt-primary);transition:width var(--dt-dur-slow) var(--dt-ease-out)}.progress--lg{height:.75rem}.progress--success .progress__bar{background:var(--dt-success)}.progress--warning .progress__bar{background:var(--dt-warning)}.progress--danger .progress__bar{background:var(--dt-danger)}.macro-bar{display:flex;flex-direction:column;gap:var(--dt-space-1)}.macro-bar__head{display:flex;justify-content:space-between;font-size:var(--dt-font-size-xs)}.macro-bar__label{color:var(--dt-text-muted);font-weight:var(--dt-weight-medium)}.macro-bar__value{font-weight:var(--dt-weight-semibold);font-variant-numeric:tabular-nums}.macro-bar .progress__bar--carbs{background:var(--dt-macro-carbs)}.macro-bar .progress__bar--protein{background:var(--dt-macro-protein)}.macro-bar .progress__bar--fat{background:var(--dt-macro-fat)}.macro-bar__badge{display:inline-flex;align-items:center;justify-content:center;font-size:var(--dt-font-size-xs);font-weight:var(--dt-weight-bold);line-height:1;padding:.125rem .25rem;border-radius:var(--dt-radius-xs);background:var(--dt-surface-2);color:var(--dt-text);margin-right:var(--dt-space-1)}.ring{--ring-size: 8rem;--ring-stroke: .75rem;--ring-color: var(--dt-primary);position:relative;width:var(--ring-size);height:var(--ring-size);display:grid;place-items:center;flex-shrink:0}.ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring__track{fill:none;stroke:var(--dt-surface-3);stroke-width:var(--ring-stroke)}.ring__value{fill:none;stroke:var(--ring-color);stroke-width:var(--ring-stroke);stroke-linecap:round;stroke-dasharray:326.7;stroke-dashoffset:calc(326.7 * (1 - var(--pct, 0) / 100));transition:stroke-dashoffset var(--dt-dur-slow) var(--dt-ease-out)}.ring__label{position:absolute;display:flex;flex-direction:column;align-items:center;gap:0}.ring__value-num{font-size:var(--dt-font-size-xl);font-weight:var(--dt-weight-bold);font-variant-numeric:tabular-nums}.ring__value-unit{font-size:var(--dt-font-size-xs);color:var(--dt-text-muted)}.ring--sm{--ring-size: 5rem;--ring-stroke: .6rem}.ring--sm .ring__value-num{font-size:var(--dt-font-size-md)}.ring--success{--ring-color: var(--dt-success)}.ring--warning{--ring-color: var(--dt-warning)}.ring--danger{--ring-color: var(--dt-danger)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--dt-space-3);padding:var(--dt-space-7) var(--dt-space-5);color:var(--dt-text-muted)}.empty-state__icon{width:4rem;height:4rem;display:grid;place-items:center;border-radius:50%;background:var(--dt-surface-2);color:var(--dt-text-subtle);margin-bottom:var(--dt-space-2)}.empty-state__title{font-size:var(--dt-font-size-md);font-weight:var(--dt-weight-semibold);color:var(--dt-text)}.empty-state__text{font-size:var(--dt-font-size-sm);max-width:24rem}.miss-copy{margin:0;font-size:var(--dt-font-size-sm);color:var(--dt-miss-ink);background:var(--dt-miss-soft);border-inline-start:3px solid var(--dt-miss-edge);border-radius:var(--dt-radius-md);padding:var(--dt-space-2) var(--dt-space-3);max-width:24rem}.chart-bar{display:flex;align-items:flex-end;gap:var(--dt-space-2);height:10rem;padding:var(--dt-space-3)}.chart-bar__col{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:var(--dt-space-2);height:100%}.chart-bar__bar{width:100%;max-width:2.5rem;height:calc(var(--val, 0) * 1%);min-height:2px;background:linear-gradient(to top,var(--dt-primary),color-mix(in srgb,var(--dt-primary) 60%,#fff));border-radius:var(--dt-radius-sm) var(--dt-radius-sm) 0 0;transition:height var(--dt-dur-slow) var(--dt-ease-out);position:relative}.chart-bar__bar--accent{background:linear-gradient(to top,var(--dt-accent),color-mix(in srgb,var(--dt-accent) 60%,#fff))}.chart-bar__bar--muted{background:var(--dt-surface-3)}.chart-bar__label{font-size:var(--dt-font-size-xs);color:var(--dt-text-muted)}.chart-donut{--pct: 0;--donut-color: var(--dt-primary);--donut-track: var(--dt-surface-3);width:7rem;height:7rem;border-radius:50%;background:conic-gradient(var(--donut-color) calc(var(--pct) * 1%),var(--donut-track) 0);display:grid;place-items:center;flex-shrink:0}.chart-donut__hole{width:62%;height:62%;border-radius:50%;background:var(--dt-surface);display:grid;place-items:center;font-weight:var(--dt-weight-bold);font-size:var(--dt-font-size-md);color:var(--dt-text);font-variant-numeric:tabular-nums}.chart-donut--success{--donut-color: var(--dt-success)}.chart-donut--warning{--donut-color: var(--dt-warning)}.chart-donut--danger{--donut-color: var(--dt-danger)}.sparkline{width:100%;height:2.5rem}.sparkline__line{fill:none;stroke:var(--dt-primary);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.sparkline__fill{fill:var(--dt-primary-soft);stroke:none;opacity:.5}.macro-stack{display:flex;height:1rem;border-radius:var(--dt-radius-pill);overflow:hidden;background:var(--dt-surface-3)}.macro-stack__seg{transition:flex-basis var(--dt-dur-slow) var(--dt-ease-out);border-right:1px solid var(--dt-surface)}.macro-stack__seg:last-child{border-right:none}.macro-stack__seg--carbs{background:var(--dt-macro-carbs)}.macro-stack__seg--protein{background:var(--dt-macro-protein)}.macro-stack__seg--fat{background:var(--dt-macro-fat)}.macro-stack__seg--alcohol{background:var(--dt-macro-alcohol)}.legend{display:flex;flex-wrap:wrap;gap:var(--dt-space-3)}.legend__item{display:inline-flex;align-items:center;gap:var(--dt-space-2);font-size:var(--dt-font-size-xs);color:var(--dt-text-muted)}.legend__dot{width:.6rem;height:.6rem;border-radius:var(--dt-radius-xs)}.legend__dot--carbs{background:var(--dt-macro-carbs)}.legend__dot--protein{background:var(--dt-macro-protein)}.legend__dot--fat{background:var(--dt-macro-fat)}.legend__dot--alcohol{background:var(--dt-macro-alcohol)}.legend__badge{display:inline-flex;align-items:center;justify-content:center;font-size:var(--dt-font-size-xs);font-weight:var(--dt-weight-bold);line-height:1;padding:.125rem .25rem;border-radius:var(--dt-radius-xs);background:var(--dt-surface-2);color:var(--dt-text)}.trend-chart{width:100%;height:auto;display:block;overflow:visible}.trend-chart__axis-label{font-size:var(--dt-font-size-xs, 10px);fill:var(--dt-text-muted);user-select:none}.trend-chart__tick{stroke:var(--dt-surface-3);stroke-width:1}.trend-chart__bar{fill:var(--dt-primary-soft);opacity:.65}.trend-chart__tdee-line{stroke:var(--dt-accent);stroke-width:1.5;stroke-dasharray:4 3}.trend-chart__smoothed-line{fill:none;stroke:var(--dt-primary);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.trend-chart__scatter-point{fill:var(--dt-surface);stroke:var(--dt-primary);stroke-width:2}.alert{display:flex;align-items:flex-start;gap:var(--dt-space-3);padding:var(--dt-space-3) var(--dt-space-4);border-radius:var(--dt-radius-lg);border:1px solid var(--dt-border);background:var(--dt-surface-2);font-size:var(--dt-font-size-sm)}.alert__icon{flex-shrink:0;margin-top:2px}.alert__body{flex:1}.alert__title{font-weight:var(--dt-weight-semibold);margin-bottom:2px}.alert__close{flex-shrink:0;color:var(--dt-text-muted);display:grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:var(--dt-radius-sm)}.alert__close:hover{background:var(--dt-overlay);color:var(--dt-text)}.alert--info{background:var(--dt-info-soft);border-color:transparent;color:var(--dt-info-ink)}.alert--success{background:var(--dt-success-soft);border-color:transparent;color:var(--dt-success-ink)}.alert--warning{background:var(--dt-warning-soft);border-color:transparent;color:var(--dt-warning-ink)}.alert--danger{background:var(--dt-danger-soft);border-color:transparent;color:var(--dt-danger-ink)}.toast-region{position:fixed;bottom:calc(5.5rem + env(safe-area-inset-bottom,0));left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:var(--dt-space-2);z-index:var(--dt-z-toast);width:min(32rem,calc(100vw - var(--dt-space-6)))}@media(min-width:72rem){.toast-region{bottom:var(--dt-space-6);left:auto;right:var(--dt-space-6);transform:none}}.toast{display:flex;align-items:center;gap:var(--dt-space-3);padding:var(--dt-space-3) var(--dt-space-4);background:var(--dt-surface);border:1px solid var(--dt-border);border-radius:var(--dt-radius-lg);box-shadow:var(--dt-shadow-lg);font-size:var(--dt-font-size-sm);animation:toast-in var(--dt-dur-slow) var(--dt-ease-out)}.toast--success{border-inline-start:3px solid var(--dt-success)}.toast--warning{border-inline-start:3px solid var(--dt-warning)}.toast--danger{border-inline-start:3px solid var(--dt-danger)}.toast--info{border-inline-start:3px solid var(--dt-info)}.toast__body{flex:1}.toast__title{font-weight:var(--dt-weight-semibold)}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.modal{position:fixed;inset:0;z-index:var(--dt-z-modal);display:none;place-items:center;padding:var(--dt-space-4)}.modal[open],.modal.is-open{display:grid}.modal__backdrop{position:absolute;inset:0;background:var(--dt-overlay);backdrop-filter:blur(2px);animation:fade-in var(--dt-dur) var(--dt-ease)}.modal__dialog{position:relative;width:min(36rem,calc(100vw - 2rem));max-height:calc(100vh - var(--dt-space-7));overflow-y:auto;background:var(--dt-surface);border:1px solid var(--dt-border);border-radius:var(--dt-radius-2xl);box-shadow:var(--dt-shadow-lg);padding:var(--dt-space-5);display:flex;flex-direction:column;gap:var(--dt-space-4);animation:modal-in var(--dt-dur-slow) var(--dt-ease-out)}.modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--dt-space-3)}.modal__title{font-size:var(--dt-font-size-lg);font-weight:var(--dt-weight-semibold)}.modal__close{min-width:2.75rem;min-height:2.75rem;width:2.75rem;height:2.75rem;display:grid;place-items:center;border-radius:var(--dt-radius-md);color:var(--dt-text-muted);background:transparent;transition:background var(--dt-dur-fast) var(--dt-ease),color var(--dt-dur-fast) var(--dt-ease)}.modal__close:hover{background:var(--dt-surface-2);color:var(--dt-text)}.modal__body{font-size:var(--dt-font-size-sm);color:var(--dt-text);overflow-y:auto}.modal__footer{display:flex;justify-content:flex-end;gap:var(--dt-space-2)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.spinner{width:1.5rem;height:1.5rem;border:2px solid var(--dt-surface-3);border-top-color:var(--dt-primary);border-radius:50%;animation:spin .7s linear infinite}.spinner--sm{width:1rem;height:1rem;border-width:1.5px}.spinner--lg{width:2.5rem;height:2.5rem;border-width:3px}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,var(--dt-surface-2) 25%,var(--dt-surface-3) 37%,var(--dt-surface-2) 63%);background-size:400% 100%;border-radius:var(--dt-radius-md);animation:shimmer 1.4s ease infinite}.skeleton--text{height:.85rem;border-radius:var(--dt-radius-pill)}.skeleton--title{height:1.25rem;width:60%;border-radius:var(--dt-radius-pill)}.skeleton--circle{width:2.5rem;height:2.5rem;border-radius:50%}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.tabs{display:flex;flex-direction:column;gap:var(--dt-space-4)}.tabs__list{display:flex;gap:var(--dt-space-1);border-bottom:1px solid var(--dt-border);overflow-x:auto;scrollbar-width:none}.tabs__list::-webkit-scrollbar{display:none}.tab{padding:var(--dt-space-3) var(--dt-space-4);font-size:var(--dt-font-size-sm);font-weight:var(--dt-weight-medium);color:var(--dt-text-muted);border:none;border-bottom:2px solid transparent;white-space:nowrap;background:none;transition:color var(--dt-dur-fast) var(--dt-ease),border-color var(--dt-dur-fast) var(--dt-ease);margin-bottom:-1px}.tab:hover{color:var(--dt-text)}.tab:focus-visible{outline:2px solid var(--dt-primary);outline-offset:-2px;box-shadow:var(--dt-ring);border-radius:var(--dt-radius-xs)}.tab[aria-selected=true],.tab.is-active{color:var(--dt-primary);border-bottom-color:var(--dt-primary);font-weight:var(--dt-weight-semibold)}.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:var(--dt-space-1);font-size:var(--dt-font-size-sm);color:var(--dt-text-muted);list-style:none;padding:0}.breadcrumbs li{display:inline-flex;align-items:center;gap:var(--dt-space-1)}.breadcrumbs li:not(:last-child):after{content:"/";color:var(--dt-text-subtle);margin-left:var(--dt-space-1)}.breadcrumbs a{color:var(--dt-text-muted)}.breadcrumbs a:hover{color:var(--dt-primary)}.breadcrumbs [aria-current=page]{color:var(--dt-text);font-weight:var(--dt-weight-medium)}.segmented{display:inline-flex;flex-wrap:wrap;padding:3px;background:var(--dt-surface-2);border:1px solid var(--dt-border);border-radius:var(--dt-radius-md);gap:2px}.segmented__btn{padding:var(--dt-space-2) var(--dt-space-4);border-radius:calc(var(--dt-radius-md) - 3px);font-size:var(--dt-font-size-sm);font-weight:var(--dt-weight-medium);color:var(--dt-text-muted);transition:background var(--dt-dur-fast) var(--dt-ease),color var(--dt-dur-fast) var(--dt-ease)}.segmented__btn:hover{color:var(--dt-text)}.segmented__btn:focus-visible{outline:2px solid var(--dt-primary);outline-offset:1px;box-shadow:var(--dt-ring)}.segmented__btn[aria-pressed=true],.segmented__btn.is-active{background:var(--dt-surface);color:var(--dt-primary);font-weight:var(--dt-weight-semibold);box-shadow:var(--dt-shadow-xs)}@media(max-width:71.99rem){.segmented__btn{min-height:2.75rem;display:inline-flex;align-items:center;justify-content:center}}.tooltip{position:relative;display:inline-flex}.tooltip:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%) translateY(4px);background:var(--dt-text);color:var(--dt-surface);font-size:var(--dt-font-size-xs);padding:var(--dt-space-1) var(--dt-space-2);border-radius:var(--dt-radius-sm);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--dt-dur-fast) var(--dt-ease),transform var(--dt-dur-fast) var(--dt-ease);z-index:var(--dt-z-overlay)}.tooltip:hover:after,.tooltip:focus-visible:after{opacity:1;transform:translate(-50%) translateY(0)}.accordion{display:flex;flex-direction:column;gap:var(--dt-space-2)}.accordion__item{border:1px solid var(--dt-border);border-radius:var(--dt-radius-lg);background:var(--dt-surface);overflow:hidden}.accordion__trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--dt-space-3);padding:var(--dt-space-4);font-size:var(--dt-font-size-sm);font-weight:var(--dt-weight-semibold);color:var(--dt-text);text-align:left}.accordion__trigger:hover{background:var(--dt-surface-2)}.accordion__icon{transition:transform var(--dt-dur) var(--dt-ease);color:var(--dt-text-muted);flex-shrink:0}.accordion__item[open] .accordion__icon{transform:rotate(180deg)}.accordion__content{padding:0 var(--dt-space-4) var(--dt-space-4);font-size:var(--dt-font-size-sm);color:var(--dt-text-muted)}.accordion__content[hidden]{display:none}.scan-overlay{position:fixed;inset:0;z-index:var(--dt-z-modal, 1000);display:grid;place-items:center;background:#000000eb}.scan-viewfinder{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.scan-reticle{position:relative;width:min(70vw,22rem);aspect-ratio:1;pointer-events:none}.scan-reticle__corner{position:absolute;width:2.25rem;height:2.25rem;border:3px solid var(--dt-surface, #fff);filter:drop-shadow(0 0 2px rgb(0 0 0 / .6))}.scan-reticle__corner--tl{top:0;left:0;border-right:0;border-bottom:0;border-top-left-radius:.5rem}.scan-reticle__corner--tr{top:0;right:0;border-left:0;border-bottom:0;border-top-right-radius:.5rem}.scan-reticle__corner--bl{bottom:0;left:0;border-right:0;border-top:0;border-bottom-left-radius:.5rem}.scan-reticle__corner--br{bottom:0;right:0;border-left:0;border-top:0;border-bottom-right-radius:.5rem}.scan-close{position:absolute;top:var(--dt-space-3, 1rem);right:var(--dt-space-3, 1rem);width:2.75rem;height:2.75rem;border:0;border-radius:50%;background:#0000008c;color:#fff;font-size:1.125rem;cursor:pointer}.scan-torch{position:absolute;top:var(--dt-space-3, 1rem);left:var(--dt-space-3, 1rem);width:2.75rem;height:2.75rem;border:0;border-radius:50%;background:#0000008c;font-size:1.125rem;cursor:pointer}.scan-torch[aria-pressed=true]{background:var(--dt-accent, #22c55e);color:var(--dt-on-accent, #052e16)}.scan-card{position:relative;z-index:1;display:grid;gap:var(--dt-space-2, .75rem);justify-items:center;max-width:26rem;padding:var(--dt-space-4, 1.5rem);text-align:center;background:var(--dt-surface, #fff);border-radius:var(--dt-radius, .75rem);box-shadow:var(--dt-shadow-2, 0 6px 24px rgb(0 0 0 / .25))}.scan-card__title{margin:0;font-weight:700}.scan-card__hint{margin:0;color:var(--dt-text-2, #555)}.scan-digits{position:absolute;bottom:max(env(safe-area-inset-bottom),var(--dt-space-3, 1rem));left:50%;transform:translate(-50%);width:min(90vw,24rem)}.scan-digits__input{width:100%}.plan-day-card{background:var(--dt-surface, #ffffff);border:1px solid var(--dt-border, #e2e8f0);border-radius:var(--dt-radius-md, 8px);padding:var(--dt-space-3, 12px);display:flex;flex-direction:column;gap:var(--dt-space-3, 12px)}.plan-day-card__title{margin:0;font-size:var(--dt-font-size-md, 1rem);font-weight:var(--dt-weight-semibold, 600);color:var(--dt-text, #1e293b);border-bottom:1px solid var(--dt-border, #e2e8f0);padding-bottom:var(--dt-space-2, 8px)}.plan-day-card__slot{display:flex;flex-direction:column;gap:var(--dt-space-2, 6px)}.plan-day-card__slot-header{display:flex;justify-content:space-between;align-items:center}.plan-day-card__slot-name{font-size:var(--dt-font-size-xs, .75rem);font-weight:var(--dt-weight-semibold, 600);text-transform:uppercase;letter-spacing:.05em;color:var(--dt-text-muted, #64748b)}.plan-day-card__quick-add-btn{background:transparent;border:1px solid var(--dt-border, #cbd5e1);border-radius:var(--dt-radius-full, 9999px);color:var(--dt-text-muted, #64748b);width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;line-height:1;cursor:pointer;padding:0;transition:all .15s ease}.plan-day-card__quick-add-btn:hover,.plan-day-card__quick-add-btn:focus-visible{border-color:var(--dt-primary, #3b82f6);color:var(--dt-primary, #3b82f6);background:var(--dt-surface-2, #f8fafc)}.plan-day-card__quick-form{display:flex;flex-wrap:wrap;gap:var(--dt-space-2, 6px);padding:var(--dt-space-2, 6px);background:var(--dt-surface-2, #f8fafc);border-radius:var(--dt-radius-sm, 6px);border:1px dashed var(--dt-border, #cbd5e1)}.plan-day-card__quick-name{flex:2 1 120px}.plan-day-card__quick-grams{flex:1 1 70px}.plan-day-card__quick-actions{display:flex;gap:var(--dt-space-1, 4px)}.plan-day-card__item{display:flex;justify-content:space-between;align-items:center;font-size:var(--dt-font-size-sm, .875rem);padding:var(--dt-space-1, 4px) var(--dt-space-2, 8px);background:var(--dt-surface-2, #f8fafc);border:1px solid var(--dt-border-light, #f1f5f9);border-radius:var(--dt-radius-sm, 4px);color:var(--dt-text, #334155)}.plan-day-card__item-text{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plan-day-card__item-remove{background:transparent;border:none;color:var(--dt-text-muted, #94a3b8);font-size:14px;cursor:pointer;padding:4px;margin-left:var(--dt-space-2, 8px);line-height:1;border-radius:var(--dt-radius-sm, 4px)}.plan-day-card__item-remove:hover,.plan-day-card__item-remove:focus-visible{color:var(--dt-text, #1e293b);background:var(--dt-surface-3, #e2e8f0)}.plan-matrix-scroll{overflow-x:auto;width:100%;margin-bottom:var(--dt-space-4, 16px)}.plan-matrix{display:grid;grid-template-columns:85px repeat(7,minmax(130px,1fr));gap:1px;background:var(--dt-border, #e2e8f0);border:1px solid var(--dt-border, #e2e8f0);border-radius:var(--dt-radius-md, 8px);overflow:hidden;min-width:900px}.plan-matrix__corner{background:var(--dt-surface-2, #f8fafc);padding:var(--dt-space-2, 8px);font-weight:var(--dt-weight-semibold, 600);font-size:var(--dt-font-size-xs, .75rem);color:var(--dt-text-muted, #64748b);text-transform:uppercase;display:flex;align-items:center;justify-content:center}.plan-matrix__day-header{background:var(--dt-surface-2, #f8fafc);padding:var(--dt-space-2, 8px);text-align:center;display:flex;flex-direction:column;gap:2px}.plan-matrix__day-name{font-weight:var(--dt-weight-semibold, 600);font-size:var(--dt-font-size-sm, .875rem);color:var(--dt-text, #1e293b)}.plan-matrix__day-date{font-size:var(--dt-font-size-xs, .75rem);color:var(--dt-text-muted, #64748b)}.plan-matrix__slot-label{background:var(--dt-surface-2, #f8fafc);padding:var(--dt-space-2, 8px);font-weight:var(--dt-weight-semibold, 600);font-size:var(--dt-font-size-xs, .75rem);color:var(--dt-text-muted, #64748b);text-transform:uppercase;display:flex;align-items:center;justify-content:center}.plan-matrix__cell{background:var(--dt-surface, #ffffff);padding:var(--dt-space-2, 8px);min-height:90px;display:flex;flex-direction:column;gap:var(--dt-space-1, 4px)}.plan-matrix__cell-header{display:flex;justify-content:flex-end;margin-bottom:2px}.plan-matrix__cell-add-btn{background:transparent;border:1px dashed var(--dt-border, #cbd5e1);border-radius:var(--dt-radius-full, 9999px);width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;color:var(--dt-text-muted, #94a3b8);cursor:pointer;padding:0;line-height:1}.plan-matrix__cell-add-btn:hover,.plan-matrix__cell-add-btn:focus-visible{border-color:var(--dt-primary, #3b82f6);color:var(--dt-primary, #3b82f6);background:var(--dt-surface-2, #f8fafc)}.plan-matrix__cell-items{display:flex;flex-direction:column;gap:4px}.plan-matrix__item{display:flex;justify-content:space-between;align-items:center;font-size:var(--dt-font-size-xs, .75rem);padding:3px 6px;background:var(--dt-surface-2, #f8fafc);border-radius:var(--dt-radius-sm, 4px);border:1px solid var(--dt-border-light, #f1f5f9);gap:4px}.plan-matrix__item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 auto;color:var(--dt-text, #334155)}.plan-matrix__item-grams{color:var(--dt-text-muted, #64748b);font-size:11px;flex:0 0 auto}.plan-matrix__item-remove{background:transparent;border:none;color:var(--dt-text-muted, #94a3b8);font-size:12px;cursor:pointer;padding:0 2px;line-height:1;border-radius:2px}.plan-matrix__item-remove:hover{color:var(--dt-text, #1e293b);background:var(--dt-surface-3, #e2e8f0)}.plan-matrix__quick-form{display:flex;flex-direction:column;gap:4px;padding:4px;background:var(--dt-surface-2, #f8fafc);border-radius:var(--dt-radius-sm, 4px);border:1px dashed var(--dt-border, #cbd5e1);margin-bottom:4px}.plan-matrix__quick-actions{display:flex;justify-content:flex-end;gap:4px}.plan-view-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--dt-space-3, 12px);flex-wrap:wrap;gap:var(--dt-space-2, 8px)}.plan-day-chips{display:flex;gap:var(--dt-space-1, 4px);overflow-x:auto;padding-bottom:4px}.plan-day-chip{padding:4px 10px;font-size:var(--dt-font-size-xs, .75rem);border-radius:var(--dt-radius-full, 9999px);border:1px solid var(--dt-border, #cbd5e1);background:var(--dt-surface, #ffffff);color:var(--dt-text, #334155);cursor:pointer;white-space:nowrap}.plan-day-chip.is-active{background:var(--dt-primary, #3b82f6);color:#fff;border-color:var(--dt-primary, #3b82f6)}@media(max-width:767px){.plan-matrix-desktop-only{display:none}}@media(min-width:768px){.plan-mobile-tabs-only{display:none}}.plan-modal-backdrop{position:fixed;inset:0;background:#0f172a73;backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--dt-space-3, 12px)}.plan-modal{background:var(--dt-surface, #ffffff);border-radius:var(--dt-radius-lg, 12px);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;width:100%;max-width:440px;border:1px solid var(--dt-border, #cbd5e1);display:flex;flex-direction:column}.plan-modal__header{display:flex;justify-content:space-between;align-items:center;padding:var(--dt-space-3, 12px) var(--dt-space-4, 16px);border-bottom:1px solid var(--dt-border-light, #f1f5f9)}.plan-modal__title{font-size:var(--dt-font-size-md, 1rem);font-weight:var(--dt-weight-semibold, 600);color:var(--dt-text, #1e293b);margin:0}.plan-modal__close{background:transparent;border:none;color:var(--dt-text-muted, #94a3b8);font-size:16px;cursor:pointer;padding:4px;line-height:1}.plan-modal__close:hover{color:var(--dt-text, #1e293b)}.plan-modal__body{padding:var(--dt-space-4, 16px);display:flex;flex-direction:column;gap:var(--dt-space-3, 12px)}.plan-modal__target-item{margin:0;font-size:var(--dt-font-size-sm, .875rem);color:var(--dt-text-muted, #64748b)}.plan-modal__field{display:flex;flex-direction:column;gap:6px}.plan-modal__label{font-size:var(--dt-font-size-xs, .75rem);font-weight:var(--dt-weight-semibold, 600);color:var(--dt-text-muted, #64748b);text-transform:uppercase}.plan-modal__chips{display:flex;flex-wrap:wrap;gap:6px}.plan-modal__chip{padding:5px 10px;font-size:var(--dt-font-size-xs, .75rem);border-radius:var(--dt-radius-md, 6px);border:1px solid var(--dt-border, #cbd5e1);background:var(--dt-surface-2, #f8fafc);color:var(--dt-text, #334155);cursor:pointer}.plan-modal__chip.is-selected{background:var(--dt-primary, #3b82f6);color:#fff;border-color:var(--dt-primary, #3b82f6)}.plan-modal__footer{display:flex;justify-content:flex-end;gap:var(--dt-space-2, 8px);padding:var(--dt-space-3, 12px) var(--dt-space-4, 16px);border-top:1px solid var(--dt-border-light, #f1f5f9)}.plan-item-move-btn{background:transparent;border:none;color:var(--dt-text-muted, #94a3b8);font-size:13px;cursor:pointer;padding:0 3px;line-height:1;border-radius:2px}.plan-item-move-btn:hover{color:var(--dt-primary, #3b82f6);background:var(--dt-surface-3, #e2e8f0)}.is-drag-over{outline:2px dashed var(--dt-primary, #3b82f6)!important;background:var(--dt-surface-2, #f0f7ff)!important}.plan-item-draggable{cursor:grab}.plan-item-draggable:active{cursor:grabbing}.meal-import-modal-overlay{position:fixed;inset:0;z-index:var(--dt-z-modal);display:flex;align-items:center;justify-content:center;padding:var(--dt-space-4);background:var(--dt-overlay);font-family:system-ui,-apple-system,sans-serif}.meal-import-preview-card{display:flex;flex-direction:column;gap:var(--dt-space-3);width:min(40rem,100%);max-height:calc(100vh - 2rem);overflow-y:auto;padding:var(--dt-space-5);background:var(--dt-surface);border:1px solid var(--dt-border);border-radius:var(--dt-radius-2xl);box-shadow:var(--dt-shadow-lg);color:var(--dt-text)}.meal-import-card__header{display:flex;flex-direction:column;gap:var(--dt-space-1)}.meal-import-card__title-row{display:flex;align-items:center;justify-content:space-between;gap:var(--dt-space-2)}.meal-import-card__title{margin:0;font-size:var(--dt-font-size-lg);font-weight:var(--dt-weight-semibold)}.meal-import-card__close-btn{display:grid;place-items:center;min-width:2.25rem;min-height:2.25rem;border:none;border-radius:var(--dt-radius-md);background:transparent;color:var(--dt-text-muted);font-size:var(--dt-font-size-md);cursor:pointer}.meal-import-card__close-btn:hover{background:var(--dt-surface-2);color:var(--dt-text)}.meal-import-card__close-btn:focus-visible{outline:none;box-shadow:var(--dt-ring)}.meal-import-card__subtitle{margin:0;font-size:var(--dt-font-size-sm);color:var(--dt-text-muted)}.meal-import-card__ingredients{display:flex;flex-direction:column;gap:var(--dt-space-2)}.meal-import-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--dt-space-2);padding:var(--dt-space-3);background:var(--dt-primary-soft-2);border:1px solid var(--dt-border);border-radius:var(--dt-radius-md)}.meal-import-row__macros{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--dt-space-1)}.macro-badge{display:inline-block;padding:3px 10px;border-radius:var(--dt-radius-pill);font-size:var(--dt-font-size-xs);font-weight:var(--dt-weight-semibold);white-space:nowrap}.macro-badge--kcal{background:var(--dt-primary-soft);color:var(--dt-primary-active)}.macro-badge--protein{background:color-mix(in srgb,var(--dt-macro-protein) 15%,var(--dt-surface));color:var(--dt-macro-protein)}.macro-badge--carbs{background:color-mix(in srgb,var(--dt-macro-carbs) 15%,var(--dt-surface));color:var(--dt-macro-carbs)}.macro-badge--fat{background:color-mix(in srgb,var(--dt-macro-fat) 15%,var(--dt-surface));color:var(--dt-macro-fat)}.macro-portion{font-size:var(--dt-font-size-xs);color:var(--dt-text-muted)}.meal-import-row__labels{flex:1 1 8rem;display:flex;flex-direction:column;gap:2px;min-width:0}.meal-import-row__name{font-size:var(--dt-font-size-sm);font-weight:var(--dt-weight-medium);color:var(--dt-text);overflow-wrap:anywhere}.meal-import-row__bridge{font-size:var(--dt-font-size-xs);color:var(--dt-text-muted)}.meal-import-row__unnamed{font-size:var(--dt-font-size-sm);font-style:italic;color:var(--dt-text-subtle)}.meal-import-row__actions{margin-left:auto}.meal-import-card__totals{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:var(--dt-space-2);padding:var(--dt-space-3) var(--dt-space-4);background:var(--dt-surface-2);border-radius:var(--dt-radius-md)}.totals-label{font-size:var(--dt-font-size-sm);font-weight:var(--dt-weight-semibold)}.totals-value{font-size:var(--dt-font-size-sm);color:var(--dt-text-muted)}.meal-import-card__footer{display:flex;justify-content:flex-end;gap:var(--dt-space-2)}@media(max-width:25rem){.meal-import-row{flex-direction:column;align-items:flex-start}.meal-import-row__actions{margin-left:0;width:100%}.meal-import-row__actions .btn{width:100%}.meal-import-card__footer{flex-direction:column-reverse}.meal-import-card__footer .btn{width:100%}}@media(min-width:90rem){.meal-import-preview-card{width:min(48rem,100%)}}