:root{--page-bg:#eef1f6;--app-bg:#f9fafb;--surface:#fff;--surface-muted:#f3f4f6;--surface-inset:#f9fafb;--track:#d1d5db;--border:#e5e7eb;--hairline:transparent;--text-primary:#030712;--text-secondary:#6b7280;--text-muted:#9ca3af;--accent:#10b981;--accent-strong:#047857;--accent-soft:#bbf7d0;--accent-soft-text:#047857;--accent-protein:#3b82f6;--accent-protein-soft:#eff6ff;--strong-bg:#030712;--on-strong:#fff;--icon-btn-bg:#fff;--icon-btn-text:#111827;--clean-bg:#ecfdf5;--clean-text:#047857;--clean-dot:#10b981;--warn-bg:#fffbeb;--warn-text:#b45309;--warn-dot:#f59e0b;--danger-bg:#fef2f2;--danger-text:#dc2626;--danger-dot:#ef4444;--streak-low:#6ee7b7;--streak-mid:#34d399;--ring:rgba(16,185,129,.35);--overlay:rgba(15,23,42,.55);--shadow-sm:0 1px 2px rgba(15,23,42,.08);--shadow-xl:0 24px 48px rgba(15,23,42,.18);--menu-shadow:0 18px 40px rgba(15,23,42,.22)}[data-theme=dark]{--page-bg:#05070c;--app-bg:#0b0f17;--surface:#161c27;--surface-muted:#1c2330;--surface-inset:#10151e;--track:#2a3342;--border:#262f3d;--hairline:hsla(0,0%,100%,.06);--text-primary:#f3f5f8;--text-secondary:#9aa6b6;--text-muted:#6b7686;--accent:#34d399;--accent-strong:#6ee7b7;--accent-soft:rgba(52,211,153,.14);--accent-soft-text:#6ee7b7;--accent-protein:#60a5fa;--accent-protein-soft:rgba(96,165,250,.14);--strong-bg:#e8ebf0;--on-strong:#0b0f17;--icon-btn-bg:#1c2330;--icon-btn-text:#e5e7eb;--clean-bg:rgba(52,211,153,.14);--clean-text:#6ee7b7;--clean-dot:#34d399;--warn-bg:rgba(245,158,11,.16);--warn-text:#fbbf24;--warn-dot:#f59e0b;--danger-bg:rgba(239,68,68,.16);--danger-text:#f87171;--danger-dot:#ef4444;--streak-low:#064e3b;--streak-mid:#059669;--ring:rgba(52,211,153,.4);--overlay:rgba(0,0,0,.6);--shadow-sm:0 1px 2px rgba(0,0,0,.5);--shadow-xl:0 24px 48px rgba(0,0,0,.55);--menu-shadow:0 18px 40px rgba(0,0,0,.6)}:root{color:var(--text-primary);background:var(--page-bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--page-bg);transition:background .2s ease}button,input{font:inherit}button{border:0;cursor:pointer}:root{--radius-sm:.5rem;--radius:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-pill:999px}.app{position:relative;max-width:28rem;min-height:100dvh;margin:0 auto;background:var(--app-bg);color:var(--text-primary);overflow:hidden}.app__content{padding:1.5rem 1.25rem 7rem}.stack>*+*{margin-top:1.25rem}.stack-lg>*+*{margin-top:1.5rem}.stack-sm>*+*{margin-top:.75rem}.stack-xs>*+*{margin-top:.5rem}.page-head__title{margin:0;font-size:1.625rem;font-weight:800;letter-spacing:-.025em}.page-head__sub{margin:.25rem 0 0;font-size:.875rem;font-weight:600;color:var(--text-secondary)}.section-title{margin:0 0 .75rem;font-size:1rem;font-weight:700}.muted{color:var(--text-secondary)}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:var(--shadow-sm)}.card-tight{padding:1rem}.card-row,.row-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.row-head{margin-bottom:.75rem}.metric__value{font-size:.875rem;font-weight:700;color:var(--text-secondary)}.progress{height:.625rem;background:var(--track)}.progress,.progress__fill{border-radius:var(--radius-pill);overflow:hidden}.progress__fill{position:relative;height:100%;background:var(--accent);transition:width .5s cubic-bezier(.4,0,.2,1);--intensity:0;--bubbles:0;box-shadow:inset 0 1px rgba(255,255,255,calc(.12 + var(--intensity)*.18))}.progress__fill.is-protein{background:var(--accent-protein)}.progress__fill:after{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(100deg,transparent 0,transparent 10px,rgba(255,255,255,calc(.1 + var(--intensity)*.32)) 22px,transparent 34px,transparent 46px);background-size:46px 100%;opacity:calc(.45 + var(--intensity)*.55);animation:nitro-sweep calc(3.2s - var(--intensity)*1.8s) linear infinite;pointer-events:none}@keyframes nitro-sweep{0%{background-position:0 0}to{background-position:-46px 0}}.progress__fill.is-complete:after{background-image:linear-gradient(100deg,transparent,hsla(0,0%,100%,.6) 45%,transparent 75%);background-size:200% 100%;opacity:.9;animation:nitro-pingpong 4.8s ease-in-out infinite alternate}@keyframes nitro-pingpong{0%{background-position:120% 0}to{background-position:-20% 0}}.progress__bubbles{position:absolute;inset:0;overflow:hidden;opacity:var(--bubbles);pointer-events:none}.progress__bubble{position:absolute;bottom:1px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fffffff2,#ffffff26 70%);animation-name:nitro-bubble-rise;animation-timing-function:ease-in;animation-iteration-count:infinite}@keyframes nitro-bubble-rise{0%{transform:translateY(2px) scale(.6);opacity:0}15%{opacity:1}85%{opacity:.55}to{transform:translateY(-.7rem) scale(1);opacity:0}}@media(prefers-reduced-motion:reduce){.progress__bubble,.progress__fill:after{animation:none}.progress__bubbles{opacity:0}}.goal-badge{display:inline-flex;gap:.25rem;padding:.125rem .5rem;border-radius:var(--radius-pill);font-size:.6875rem;font-weight:800;letter-spacing:.02em;text-transform:uppercase}.goal-badge,.goals-banner{align-items:center;background:var(--accent-soft);color:var(--accent-soft-text)}.goals-banner{display:flex;gap:.625rem;padding:.875rem 1.125rem;border-radius:var(--radius-lg);font-weight:700;font-size:.9375rem}.goals-banner__icon{font-size:1.375rem;flex-shrink:0}.meal-info{min-width:0;flex:1}.meal-name{margin:0;font-weight:700;overflow-wrap:anywhere}.meal-portion-prefix{margin-right:.25em}.meal-meta,.meal-portion-prefix{font-weight:600;color:var(--text-secondary)}.meal-meta{margin:.125rem 0 0;font-size:.75rem}.meal-secondary{margin:.125rem 0 0;font-weight:500}.meal-secondary,.meal-time{font-size:.6875rem;color:var(--text-muted)}.meal-time{font-weight:600;white-space:nowrap;align-self:flex-end;padding-bottom:.1rem}.meal-remove{flex-shrink:0}.meal-remove:hover{color:var(--danger-text)}.skeleton-row{height:4rem;background:linear-gradient(90deg,var(--surface-muted) 25%,var(--surface) 50%,var(--surface-muted) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:0 1.125rem;border:1px solid transparent;border-radius:var(--radius);font-size:.9375rem;font-weight:700;cursor:pointer;transition:transform .12s ease,opacity .15s ease,background .15s ease,border-color .15s ease}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.55;cursor:progress;transform:none}.btn-block{width:100%}.btn-pill{border-radius:var(--radius-pill)}.btn-primary{background:var(--accent);color:#fff}.btn-strong{background:var(--strong-bg);color:var(--on-strong)}.btn-soft{background:var(--surface-muted);color:var(--text-primary);border-color:var(--border)}.btn-danger{background:var(--danger-text);color:#fff}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;min-height:0;padding:0;border:1px solid transparent;border-radius:var(--radius-pill);background:var(--surface-muted);color:var(--text-secondary);cursor:pointer;transition:background .15s ease,color .15s ease}.icon-btn:hover{color:var(--text-primary)}.icon-btn-overlay{background:#00000073;color:#fff;border-color:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.field{display:block}.field__label{display:block;margin-bottom:.375rem;font-size:.75rem;font-weight:700;color:var(--text-secondary)}.input,.textarea{width:100%;min-height:48px;padding:.75rem .875rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-inset);color:var(--text-primary);font-size:.9375rem;font-weight:600;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.textarea{min-height:6rem;resize:none;line-height:1.5}.input::-moz-placeholder,.textarea::-moz-placeholder{color:var(--text-muted);font-weight:500}.input::placeholder,.textarea::placeholder{color:var(--text-muted);font-weight:500}.input:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--ring)}.input-icon{position:relative}.input-icon .input{padding-left:2.75rem}.input-icon__icon{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.input-icon__spinner{position:absolute;right:.875rem;top:50%;margin-top:-.5625rem}.input-line{width:100%;min-height:0;padding:.375rem 0;border:0;border-bottom:1px solid var(--border);border-radius:0;background:transparent;color:var(--text-primary);font-size:1rem;font-weight:700;outline:none;transition:border-color .15s ease}.input-line:focus{border-color:var(--accent)}.input-line.is-protein{color:var(--accent)}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.quantity-panel{padding:.75rem .875rem;background:var(--surface-inset);border:1px solid var(--border);border-radius:var(--radius)}.quantity-panel .field__label{color:var(--text-muted)}.segmented{display:flex;gap:.25rem;padding:.25rem;border-radius:var(--radius);background:var(--surface-muted);border:1px solid var(--border)}.segmented__item{flex:1 1 0%;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:40px;padding:0 .5rem;border:0;border-radius:calc(var(--radius) - .25rem);background:transparent;color:var(--text-secondary);font-size:.875rem;font-weight:700;cursor:pointer;transition:background .16s ease,color .16s ease,box-shadow .16s ease}.segmented__item.is-active{background:var(--surface);color:var(--accent-strong);box-shadow:var(--shadow-sm)}.photo-cta{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;width:100%;padding:2rem 1.5rem;border-radius:var(--radius-xl);background:linear-gradient(135deg,#0f172a,#1e293b);box-shadow:var(--shadow-xl);cursor:pointer;overflow:hidden;transition:transform .2s ease}.photo-cta:active{transform:scale(.985)}.photo-cta__glow{position:absolute;width:9rem;height:9rem;border-radius:var(--radius-pill);filter:blur(40px);opacity:.55}.photo-cta__glow--a{top:-3rem;right:-3rem;background:#10b981}.photo-cta__glow--b{bottom:-3rem;left:-3rem;background:#3b82f6}.photo-cta__icon{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:var(--radius-pill);background:#ffffff1f;border:1px solid hsla(0,0%,100%,.22);color:#fff}.photo-cta__text{position:relative;z-index:1;text-align:center}.photo-cta__title{display:block;margin-bottom:.25rem;font-size:1.125rem;font-weight:800;letter-spacing:-.02em;color:#fff}.photo-cta__sub{font-size:.8125rem;font-weight:600;color:#ffffffd1}.photo-source-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.photo-source-btn{display:flex;flex-direction:column;align-items:center;gap:.625rem;padding:1.25rem .75rem;border-radius:var(--radius-lg);background:var(--surface-muted);border:1px solid var(--border);color:var(--text-primary);font-size:.875rem;font-weight:700}.photo-source-btn:active{transform:scale(.98)}.photo-source-btn__icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent-soft-text)}.photo-preview{position:relative;width:100%;aspect-ratio:16/10;border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow-sm)}.photo-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.photo-preview__close{position:absolute;top:.75rem;right:.75rem;z-index:2}.photo-preview__status{position:absolute;left:.75rem;right:.75rem;bottom:.75rem;z-index:2;display:flex;align-items:center;justify-content:center;gap:.625rem;padding:.875rem;border-radius:var(--radius);background:#0009;border:1px solid hsla(0,0%,100%,.18);color:#fff;font-size:.875rem;font-weight:700;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ai-modal-backdrop{position:fixed;inset:0;z-index:200;background:#00000052;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.ai-modal-wrap{position:fixed;inset:0;z-index:201;justify-content:center;pointer-events:none}.ai-modal,.ai-modal-wrap{display:flex;align-items:center}.ai-modal{pointer-events:auto;width:clamp(252px,74vw,306px);padding:1.875rem 1.75rem 1.625rem;border-radius:28px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-xl);flex-direction:column}.ai-modal__svg{width:100%;max-width:160px;height:auto;margin-bottom:1.125rem}.ai-modal__title{margin:0;font-size:1rem;font-weight:700;color:var(--text-primary);text-align:center}.ai-modal__sub{margin:.3rem 0 0;font-size:.8125rem;color:var(--text-secondary);text-align:center}.divider{display:flex;align-items:center;gap:.75rem;color:var(--text-muted);font-size:.75rem;font-weight:700;letter-spacing:.08em}.divider:after,.divider:before{content:"";flex:1;height:1px;background:var(--border)}.chip{display:inline-flex;align-items:center;gap:.4rem;padding:.375rem .75rem;border-radius:var(--radius-pill);background:var(--surface-muted);border:1px solid var(--border);color:var(--text-primary);font-size:.8125rem;font-weight:700}.chip__remove{display:inline-flex;min-height:0;padding:0;background:transparent;border:0;color:var(--text-muted);cursor:pointer}.chip__remove:hover{color:var(--text-primary)}.chip-btn{min-height:40px;padding:0 .875rem;border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--warn-text);color:var(--warn-text);font-size:.8125rem;font-weight:700;cursor:pointer}.chip-options{display:flex;flex-direction:column;gap:.5rem}.chip-options .chip-btn{width:100%;height:auto;padding:.625rem .875rem;white-space:normal;text-align:left;line-height:1.3}.callout{padding:1.125rem;border-radius:var(--radius-lg);background:var(--warn-bg);border:1px solid var(--warn-text)}.callout__title{margin:0 0 .5rem;font-size:.9375rem;font-weight:800;color:var(--warn-text)}.callout__body{margin:0 0 .875rem;font-size:.875rem;font-weight:600;color:var(--warn-text)}.result{display:flex;align-items:center;gap:.75rem;padding:.625rem;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);cursor:pointer;transition:background .15s ease}.result:active,.result__thumb{background:var(--surface-muted)}.result__thumb{width:3rem;height:3rem;flex-shrink:0;border-radius:var(--radius-sm);-o-object-fit:cover;object-fit:cover;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.result__name{display:block;font-size:.875rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result__meta{font-size:.75rem;font-weight:600;color:var(--text-secondary)}.recipe-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.recipe-card__img{display:block;width:100%;height:9rem;-o-object-fit:cover;object-fit:cover;background:var(--surface-muted)}.recipe-card__body{padding:1.25rem}.recipe-card__head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.recipe-card__title{font-size:1.0625rem;font-weight:800;margin:0}.recipe-card__time{flex-shrink:0;font-size:.75rem;font-weight:700;color:var(--accent-soft-text);background:var(--accent-soft);padding:.125rem .5rem;border-radius:var(--radius-pill)}.recipe-card__desc{margin:.5rem 0 0;font-size:.875rem;font-weight:600;color:var(--text-secondary)}.recipe-card__macros{margin:.625rem 0 0;font-size:.8125rem;font-weight:700;color:var(--accent-strong)}.recipe-card__section{margin-top:1rem}.recipe-card__label{display:block;font-size:.6875rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.375rem}.recipe-card__list{margin:0;padding-left:1.125rem;font-size:.875rem;font-weight:600;color:var(--text-primary)}.recipe-card__list li{margin-top:.25rem}.recipe-card__list--ordered li{margin-top:.5rem}.recipe-card__credit{display:inline-block;margin-top:1rem;font-size:.6875rem;font-weight:600;color:var(--text-muted);text-decoration:none}.recipe-card__credit:hover{text-decoration:underline}.kv-row{display:flex;align-items:center;justify-content:space-between;padding:.625rem 0}.kv-row+.kv-row{border-top:1px solid var(--border)}.kv-row__key{font-size:.875rem;font-weight:700;color:var(--text-secondary)}.kv-row__val{font-weight:700;text-align:right}.badge{display:inline-block;margin-left:.5rem;padding:.125rem .5rem;border-radius:999px;font-size:.75rem;font-weight:700}.badge--athletic,.badge--defined{background:var(--accent-soft);color:var(--accent-soft-text)}.badge--slightlyElevated{background:var(--warn-bg);color:var(--warn-text)}.badge--elevated{background:var(--danger-bg);color:var(--danger-text)}.badge--on-track{background:var(--accent-soft);color:var(--accent-soft-text)}.badge--off-track{background:var(--warn-bg);color:var(--warn-text)}.sync-feature-list{display:flex;flex-direction:column;gap:.625rem;margin-top:.25rem}.sync-feature{display:flex;align-items:center;gap:.625rem;font-size:.8125rem;font-weight:600;color:var(--text-secondary)}.sync-feature .icon{color:var(--accent);flex-shrink:0}.bf-badge-wrap{position:relative;display:inline-flex;align-items:center}.bf-pulse{position:absolute;inset:0;margin-left:.5rem;border-radius:999px;border:2px solid transparent;opacity:0;pointer-events:none}.step-ring{position:relative;width:9.5rem;height:9.5rem;margin:.875rem auto 0}.step-ring__svg{width:100%;height:100%}.step-ring__track{fill:none;stroke:var(--track);stroke-width:8}.step-ring__progress{fill:none;stroke:var(--accent);stroke-width:8;stroke-linecap:round}.step-ring__center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.step-ring__value{font-size:1.5rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.step-ring__label{font-size:.6875rem;font-weight:700;color:var(--text-secondary);margin-top:.125rem}.step-ring__goal{font-size:.625rem;font-weight:600;color:var(--text-muted)}.stat-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem;margin:.875rem 0 0}.stat-tile{display:flex;flex-direction:column;gap:.125rem;padding:.875rem;border-radius:var(--radius);background:var(--accent-soft)}.stat-tile--protein{background:var(--accent-protein-soft)}.stat-tile__value{font-size:1.5rem;font-weight:800;letter-spacing:-.02em;color:var(--accent-soft-text)}.stat-tile--protein .stat-tile__value{color:var(--accent-protein)}.stat-tile__label{font-size:.75rem;font-weight:700;color:var(--text-secondary)}.chart{margin-top:1.25rem}.chart__head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:.5rem}.chart__title{font-size:.8125rem;font-weight:700;color:var(--text-secondary)}.chart__meta{font-size:.6875rem;font-weight:600;color:var(--text-muted)}.chart__selected{font-size:.75rem;font-weight:600;color:var(--text-secondary);margin:-.125rem 0 .5rem}.chart__selected strong{color:var(--text-primary);font-weight:800}.chart__bars{display:flex;align-items:flex-end;gap:.25rem;height:5rem}.chart__col{flex:1;display:flex;flex-direction:column;align-items:center;gap:.25rem;min-width:0;height:100%;cursor:pointer;border-radius:.375rem;transition:background-color .15s ease}.chart__col:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.chart__col--selected{background:var(--accent-soft)}.chart__col--selected .chart__label{color:var(--accent-soft-text);font-weight:700}.chart__track{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center}.chart__bar{width:100%;max-width:1.25rem;min-height:2px;border-radius:3px 3px 0 0;background:var(--accent);transition:height .5s cubic-bezier(.22,1,.36,1)}.chart__bar--protein{background:var(--accent-protein)}.chart__bar--estimated{background:repeating-linear-gradient(135deg,var(--accent-protein) 0 4px,transparent 4px 8px);opacity:.6}.chart__label{font-size:.5625rem;font-weight:600;color:var(--text-muted)}.icon{width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-lg{width:2rem;height:2rem}.icon-sm{width:1rem;height:1rem}.spinner{width:1.125rem;height:1.125rem;border-radius:var(--radius-pill);border:2px solid var(--accent);border-top:2px solid transparent;animation:spin .7s linear infinite}.spinner-light{border-color:transparent #34d399 #34d399}.spinner-muted{border-color:var(--border);border-top-color:var(--text-muted);animation-duration:.6s}@keyframes spin{to{transform:rotate(1turn)}}.stepper{position:relative;width:100%}.stepper__input::-webkit-inner-spin-button,.stepper__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.stepper__input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.stepper__input{padding-right:2.5rem}.stepper--line .stepper__input{padding-right:1.75rem}.stepper__controls{position:absolute;top:50%;right:.375rem;transform:translateY(-50%);display:grid;grid-template-rows:1fr 1fr;width:1.5rem;height:1.875rem;border-radius:var(--radius-sm);background:var(--surface-muted);border:1px solid var(--border);overflow:hidden}.stepper--line .stepper__controls{right:0;background:transparent;border:0}.stepper__btn{display:flex;align-items:center;justify-content:center;min-height:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--text-muted);cursor:pointer;transition:background .12s ease,color .12s ease}.stepper__btn:hover{color:var(--accent-strong);background:var(--surface-inset)}.stepper__btn:active{color:var(--accent-strong);background:var(--accent-soft)}.stepper__btn+.stepper__btn{border-top:1px solid var(--border)}.stepper--line .stepper__btn+.stepper__btn{border-top:0}.stepper__icon{width:.875rem;height:.875rem}.bottom-nav{position:fixed;left:50%;bottom:0;z-index:20;width:100%;max-width:28rem;transform:translate(-50%);padding:.625rem .75rem calc(.625rem + env(safe-area-inset-bottom,0px));background:var(--surface);border-top:1px solid var(--border)}.bottom-nav__inner{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.25rem}.nav-tab{display:flex;flex-direction:column;align-items:center;gap:.25rem;min-height:0;padding:.5rem .25rem;border-radius:var(--radius);background:transparent;color:var(--text-secondary);font-size:.625rem;font-weight:700;cursor:pointer;transition:background .18s ease,color .18s ease}.nav-tab.is-active{background:var(--accent-soft);color:var(--accent-soft-text)}.nav-tab__icon{width:1.375rem;height:1.375rem}.auth-screen{display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:1.25rem;background:var(--page-bg);color:var(--text-primary)}.auth-card{width:100%;max-width:28rem;padding:1.75rem;border-radius:var(--radius-xl);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.choice__desc{display:block;margin-top:.2rem;font-size:.6875rem;font-weight:500;color:var(--text-muted);line-height:1.4}.choice.is-active .choice__desc{color:var(--accent-soft-text);opacity:.8}.choice{width:100%;min-height:0;padding:.875rem 1rem;text-align:left;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-inset);color:var(--text-primary);font-weight:700;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.choice.is-active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-soft-text)}.error-text{color:var(--danger-text)}.error-text,.link-btn{font-size:.875rem;font-weight:700}.link-btn{min-height:0;padding:0;background:transparent;border:0;color:var(--text-secondary);cursor:pointer}.dialog-backdrop{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog{width:100%;max-width:24rem;max-height:calc(100dvh - 2.5rem);overflow-y:auto;display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl)}.dialog__head{display:block}.dialog__title{margin:0;font-size:1.125rem;font-weight:800;letter-spacing:-.01em;color:var(--text-primary)}.dialog__body{font-size:.9375rem;font-weight:600;line-height:1.5;color:var(--text-secondary)}.dialog__foot{display:flex;gap:.75rem}.dialog__foot>.btn{flex:1}.dialog-enter-active,.dialog-leave-active{transition:opacity .18s ease}.dialog-enter-active .dialog,.dialog-leave-active .dialog{transition:transform .18s ease,opacity .18s ease}.dialog-enter-from,.dialog-leave-to{opacity:0}.dialog-enter-from .dialog,.dialog-leave-to .dialog{opacity:0;transform:translateY(8px) scale(.98)}.streak-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.streak-badge{font-size:.75rem;font-weight:700;color:var(--accent-strong);background:var(--accent-soft);padding:.2rem .625rem;border-radius:var(--radius-pill)}.streak-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:3px}.streak-weekdays span{text-align:center;font-size:.5625rem;font-weight:700;color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase}.streak-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.streak-cell{aspect-ratio:1;border-radius:var(--radius-sm);background:var(--track);position:relative;display:flex;align-items:center;justify-content:center;transition:background .3s ease,box-shadow .3s ease}.streak-cell--logged{background:var(--streak-low)}.streak-cell--protein{background:var(--streak-mid)}.streak-cell--both{background:var(--accent)}.streak-cell--future{background:transparent;border:1px dashed var(--border);opacity:.45}.streak-cell--tier-cold{background:var(--streak-low)}.streak-cell--tier-warm{background:#f59e0b;transition:background .4s ease}.streak-cell--tier-hot{background:#f97316;transition:background .4s ease}.streak-cell--tier-blazing{background:#ef4444;transition:background .4s ease}.streak-cell--tier-inferno{background:#dc2626;transition:background .4s ease}.streak-cell--tier-stellar{background:#3b82f6;transition:background .4s ease}.streak-cell--today.streak-cell--none{box-shadow:inset 0 0 0 2px var(--text-muted)}.streak-cell--today.streak-cell--logged{box-shadow:inset 0 0 0 2px var(--streak-mid)}.streak-cell--today.streak-cell--protein{box-shadow:inset 0 0 0 2px var(--accent)}.streak-cell--today.streak-cell--both{box-shadow:inset 0 0 0 2px var(--accent-strong)}.streak-check{width:52%;height:52%;color:#fff;flex-shrink:0}.streak-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:.25rem .75rem;margin-top:.625rem;font-size:.6875rem;color:var(--text-muted)}.streak-legend__item{display:inline-flex;align-items:center;gap:.3rem}.streak-legend__dot{width:.625rem;height:.625rem;border-radius:var(--radius-sm);flex-shrink:0}.streak-fire{width:1.375rem;height:1.375rem;flex-shrink:0;transition:color .4s ease;transform-origin:bottom center}.streak-fire--cold{color:var(--text-muted)}.streak-fire--warm{color:#f59e0b}.streak-fire--hot{color:#f97316}.streak-fire--blazing{color:#ef4444}.streak-fire--inferno{color:#dc2626;animation:fire-flicker 1.4s ease-in-out infinite}.streak-fire--stellar{color:#3b82f6;animation:fire-stellar 2.2s ease-in-out infinite}@keyframes fire-flicker{0%,to{transform:scale(1);opacity:1}35%{transform:scale(1.12);opacity:.88}70%{transform:scale(.96);opacity:.95}}@keyframes fire-stellar{0%{transform:rotate(-3deg) scale(1);opacity:1}19%{transform:rotate(4deg) scale(1.05);opacity:.93}37%{transform:rotate(-5deg) scale(.98);opacity:.97}58%{transform:rotate(3deg) scale(1.04);opacity:.91}76%{transform:rotate(-4deg) scale(1.02);opacity:.95}to{transform:rotate(-3deg) scale(1);opacity:1}}.scanner-panel{transition:background .16s ease,border-color .16s ease}.scanner-panel.light-red{border-color:#ef4444;background:#fef2f2}.scanner-panel.light-green{border-color:#22c55e;background:#f0fdf4}.scanner-video{width:100%;max-height:220px;border-radius:var(--radius);background:var(--surface-inset);-o-object-fit:cover;object-fit:cover}