:root{--page-bg:#eef1f6;--app-bg:#f9fafb;--surface:#fff;--surface-muted:#f3f4f6;--surface-inset:#f9fafb;--track:#e5e7eb;--border:#e5e7eb;--hairline:transparent;--text-primary:#030712;--text-secondary:#6b7280;--text-muted:#9ca3af;--accent:#10b981;--accent-strong:#047857;--accent-soft:#ecfdf5;--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;--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;--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{min-height:42px;border:0;border-radius:8px;background:#111827;color:#fff;padding:0 16px;font-weight:700;cursor:pointer}button:disabled{cursor:wait;opacity:.6}input{width:100%;min-height:42px;border:1px solid #d1d5db;border-radius:8px;padding:8px 10px;background:#fff}.shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:28px 0 48px}.hero{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:26px 0}.hero h1{margin:0;font-size:clamp(40px,6vw,72px);line-height:.95}.hero-copy{max-width:680px;color:#4b5563;font-size:18px}.eyebrow{margin:0 0 8px;color:#2563eb;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.grid.two{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.panel{border:1px solid #e5e7eb;border-radius:8px;background:#fff;padding:18px}.panel h2,.panel h3{margin:0 0 14px}.auth-panel{max-width:480px}.form{display:grid;gap:12px}.form.compact{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));align-items:end;margin-top:12px}label{display:grid;gap:6px;color:#374151;font-size:14px;font-weight:700}.button-row,.metric-row,.score-strip{display:flex;flex-wrap:wrap;gap:8px}.metric-row span,.score-strip span{border:1px solid #dbeafe;border-radius:999px;background:#eff6ff;padding:8px 12px}.ghost-button,.secondary-button{border:1px solid #d1d5db;background:#fff;color:#111827}.link-button{min-height:auto;margin-top:12px;background:transparent;color:#2563eb;padding:0}.ghost-button{margin-top:18px}.hint,.notice{margin:12px 0 0;color:#4b5563}.last-call{display:flex;gap:12px;align-items:center;margin-bottom:16px;border-radius:8px;background:#fef3c7;color:#78350f;padding:14px 16px}.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}.photo-preview,.scanner-video{width:100%;max-height:220px;border-radius:8px;background:#111827;-o-object-fit:cover;object-fit:cover}.checkin-list,.product-result,.recipe-list{display:grid;gap:10px;margin-top:12px}.traffic-light{width:-moz-fit-content;width:fit-content;border-radius:999px;background:#111827;color:#fff;padding:4px 10px}.checkin-list article,.leaderboard li,.recipe-list article{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #e5e7eb;padding-top:10px}.squad-section{margin-top:16px}.section-heading{display:flex;justify-content:space-between;gap:16px;align-items:end;margin-bottom:12px}.leaderboard{display:grid;gap:10px;margin:0;padding-left:22px}.leaderboard em{color:#dc2626;font-style:normal}.checkin-list article{justify-content:start}.checkin-list img{width:86px;height:86px;border-radius:8px;-o-object-fit:cover;object-fit:cover}@media(max-width:720px){.hero,.section-heading{align-items:start;flex-direction:column}.shell{width:min(100% - 20px,1180px);padding-top:16px}}: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);overflow:hidden}.progress,.progress__fill{border-radius:var(--radius-pill)}.progress__fill{height:100%;background:var(--accent);transition:width .5s cubic-bezier(.4,0,.2,1)}.progress__fill.is-protein{background:var(--accent-protein)}.meal-info{min-width:0}.meal-name{margin:0;font-weight:700;overflow-wrap:anywhere}.meal-meta{margin:.125rem 0 0;font-size:.75rem;font-weight:600;color:var(--text-secondary)}.meal-remove{flex-shrink:0}.meal-remove:hover{color:var(--danger-text)}.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{left:.875rem;color:var(--text-muted);pointer-events:none}.input-icon__icon,.input-icon__spinner{position:absolute;top:50%;transform:translateY(-50%)}.input-icon__spinner{right:.875rem}.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}.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-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:grid;grid-template-columns:repeat(auto-fit,minmax(5rem,1fr));gap:.5rem}.chip-options .chip-btn{min-width:0;padding:0 .625rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.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;color:var(--text-secondary)}.kv-row__key,.kv-row__val{font-weight:700}.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}@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(4,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{max-width:28rem;padding:1.75rem;border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-sm)}.auth-card,.choice{width:100%;border:1px solid var(--border)}.choice{min-height:0;padding:.875rem 1rem;text-align:left;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)}