:root { --ink:#15352b; --muted:#65756f; --paper:#f2f5f2; --card:#fff; --line:#dce4dd; --primary:#0b4f3a; --primary-soft:#e8f2ed; --protein:#d96943; --fat:#d49a23; --carb:#3d8b9d; --safe-bottom:env(safe-area-inset-bottom, 0px); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.language-switcher { position:fixed; z-index:80; top:10px; right:12px; display:flex; flex-direction:row; align-items:center; gap:7px; padding:6px 8px; color:var(--muted); background:rgba(255,255,255,.94); border:1px solid var(--line); border-radius:12px; box-shadow:0 5px 18px rgba(20,53,43,.06); backdrop-filter:blur(14px); }
.language-switcher span { font-size:.72rem; }
.language-switcher select { width:auto; min-height:34px; padding:4px 26px 4px 8px; border:0; background:transparent; font-size:.8rem; font-weight:800; }
.shell { width:min(100%, 1160px); margin:0 auto; padding:74px clamp(16px,3vw,36px) 64px; }
.hidden { display:none !important; }
.onboarding { min-height:80vh; display:flex; flex-direction:column; justify-content:center; }
.install-guide { width:min(100%,560px); margin:0 auto; }
.install-intro { margin:16px 0 26px; color:var(--muted); font-size:1.08rem; line-height:1.6; }
.install-steps { display:grid; gap:12px; margin:0; padding:0; list-style:none; }
.install-steps li { display:grid; grid-template-columns:42px 46px minmax(0,1fr); gap:10px; align-items:center; min-height:76px; padding:12px 16px; background:white; border:1px solid var(--line); border-radius:20px; box-shadow:0 5px 18px rgba(20,53,43,.04); }
.step-number, .step-icon { display:grid; place-items:center; width:42px; height:42px; border-radius:50%; }
.step-number { color:#123b30; background:#edf5ff; font-weight:850; }
.step-icon { color:#101b18; background:#f3f4f8; font-size:1.2rem; font-weight:850; }
.install-steps strong { font-size:1rem; line-height:1.4; }
.install-after { margin:20px 0 14px; color:var(--muted); line-height:1.5; }
.install-continue { width:min(100%,560px); margin:0 auto; }
.v2-body .install-continue{min-height:58px;border:1px solid rgba(104,247,242,.52);border-radius:18px;color:#031316;background:linear-gradient(135deg,#58eee5 0%,#28d7df 52%,#13b8d2 100%);box-shadow:inset 0 1px rgba(255,255,255,.46),0 12px 28px rgba(16,191,209,.26),0 0 22px rgba(49,221,228,.12);font-weight:900}.v2-body .install-continue:hover{transform:translateY(-1px);filter:brightness(1.04);box-shadow:inset 0 1px rgba(255,255,255,.5),0 16px 34px rgba(16,191,209,.32),0 0 26px rgba(49,221,228,.18)}.v2-body .install-continue:active{transform:translateY(1px);box-shadow:inset 0 3px 10px rgba(4,75,88,.2),0 7px 18px rgba(16,191,209,.22)}.v2-body .install-continue:focus-visible{outline:3px solid rgba(49,221,228,.36);outline-offset:3px}
.v2-body:has(#onboarding:not(.hidden)){min-height:100svh;color:#eef8fb;background:radial-gradient(circle at 50% -8%,#173b4d 0,#0b1c27 36%,#050c12 80%)}.v2-body:has(#onboarding:not(.hidden)) .onboarding{position:relative}.v2-body:has(#onboarding:not(.hidden)) .onboarding::before{content:"";position:absolute;z-index:-1;inset:4% 4% auto;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(38,225,232,.12),transparent 68%)}.v2-body:has(#onboarding:not(.hidden)) .install-guide>.eyebrow{color:#39e0e6}.v2-body:has(#onboarding:not(.hidden)) .install-intro,.v2-body:has(#onboarding:not(.hidden)) .install-after,.v2-body:has(#onboarding:not(.hidden)) .fineprint{color:#8fa3ad}.v2-body:has(#onboarding:not(.hidden)) .install-steps li{border-color:rgba(255,255,255,.09);color:#effafd;background:linear-gradient(145deg,rgba(24,43,54,.96),rgba(10,24,33,.98));box-shadow:inset 1px 1px rgba(255,255,255,.055),0 14px 34px rgba(0,0,0,.24)}.v2-body:has(#onboarding:not(.hidden)) .step-number{color:#06171c;background:linear-gradient(135deg,#58eee5,#1dc5d7);box-shadow:0 0 16px rgba(43,218,225,.2)}.v2-body:has(#onboarding:not(.hidden)) .step-icon{color:#b5c9d0;background:#132833}.v2-body:has(#onboarding:not(.hidden)) .denied-help{border-color:rgba(255,255,255,.09);color:#bfd0d6;background:#10232e}
.auth-gate { min-height:80vh; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; width:min(100%,520px); margin:0 auto; }
.auth-form { display:grid; gap:14px; width:100%; }
.setup-note { margin:0; padding:12px; color:var(--primary); background:#e1eee8; border-radius:10px; font-weight:700; }
.account-actions { display:flex; align-items:center; gap:8px; }
.user-list { display:grid; gap:10px; margin-top:14px; }
.user-row { display:grid; grid-template-columns:minmax(0,1fr) 130px 90px; gap:9px; align-items:center; padding:12px; border:1px solid var(--line); border-radius:11px; }
.user-row p { margin:0; }
.user-row small { color:var(--muted); }
.user-status { border:0; border-radius:9px; padding:10px; font:inherit; font-size:.8rem; font-weight:800; cursor:pointer; }
.user-status.active { color:#9c3c24; background:#f6e8e3; }
.user-status.inactive { color:var(--primary); background:#e1eee8; }
.user-status.protected-admin { color:#68756f; background:#edf1ef; cursor:not-allowed; }
.eyebrow { margin:0 0 8px; color:var(--primary); font-size:.75rem; font-weight:800; letter-spacing:.12em; }
h1 { margin:0; font-size:clamp(2rem, 8vw, 3rem); line-height:1.08; letter-spacing:-.04em; }
h2 { margin:0 0 8px; font-size:1.25rem; }
.lead { max-width:540px; margin:20px 0; color:var(--muted); font-size:1.1rem; line-height:1.65; }
.steps { margin:0 0 24px; padding-left:24px; line-height:1.85; }
.fineprint, .disclaimer { color:var(--muted); font-size:.82rem; line-height:1.6; }
.auto-note { margin:0; color:var(--primary); font-size:.9rem; font-weight:700; }
.target-mode-label { margin-top:18px; }
.message { min-height:24px; margin:12px 0 0; color:#9c3c24; font-weight:600; }
.button { border:0; border-radius:12px; padding:15px 20px; width:100%; font:inherit; font-weight:800; cursor:pointer; transition:transform .16s ease, opacity .16s ease, box-shadow .16s ease; touch-action:manipulation; }
.button:active, .small-button:active, .add-ingredient:active, .auto-portion:active { transform:scale(.985); }
.primary { color:white; background:var(--primary); }
.secondary { color:var(--primary); background:#e1eee8; }
.topbar { display:flex; align-items:flex-start; justify-content:space-between; margin:8px 0 24px; }
.topbar h1 { font-size:2rem; }
.plan-badge { padding:7px 10px; color:var(--primary); background:#dcece4; border-radius:999px; font-size:.8rem; font-weight:700; }
.role-selector { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-top:16px; }
.role-option { min-height:46px; border:1px solid var(--line); border-radius:11px; color:var(--ink); background:white; font:inherit; font-weight:800; cursor:pointer; }
.role-option.active { color:white; background:var(--primary); border-color:var(--primary); }
.section-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:16px; }
.small-button { border:0; border-radius:10px; padding:10px 12px; color:var(--primary); background:#e1eee8; font:inherit; font-weight:800; cursor:pointer; }
.compact-grid { margin-bottom:12px; }
.phone-search { display:grid; grid-template-columns:minmax(0,1fr) 110px; gap:9px; align-items:end; }
.phone-search .button { min-height:46px; padding:10px 14px; }
.client-search-results { display:grid; gap:7px; margin-top:10px; }
.client-search-result { display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; padding:11px 13px; border:1px solid var(--line); border-radius:10px; color:var(--primary); background:#f7faf8; font:inherit; text-align:left; cursor:pointer; }
.client-search-result strong, .client-search-result span { pointer-events:none; }
.client-search-result span { color:var(--muted); font-size:.82rem; }
.active-client { margin:10px 0 0; color:var(--muted); font-size:.84rem; font-weight:700; }
.client-actions { display:grid; grid-template-columns:1fr; }
.save-message { min-height:20px; margin:9px 0 0; color:var(--primary); font-size:.86rem; font-weight:700; }
.history-head { display:flex; align-items:center; justify-content:space-between; margin-top:20px; padding-top:16px; border-top:1px solid var(--line); }
.history-head h3 { margin:0; font-size:1rem; }
.history-head span { color:var(--muted); font-size:.8rem; }
.history-list { display:grid; gap:9px; margin-top:12px; }
.history-item { display:grid; grid-template-columns:1fr auto; gap:10px; align-items:center; padding:12px; border:1px solid var(--line); border-radius:11px; background:#f8faf8; }
.history-item p { margin:0; }
.personal-remark-label { margin-top:14px; }
.personal-history-remark { margin-top:5px !important; color:var(--primary); font-size:.86rem; font-weight:750; }
.history-summary { margin-top:4px !important; color:var(--muted); font-size:.78rem; line-height:1.45; }
.load-record { border:0; border-radius:9px; padding:9px 11px; color:var(--primary); background:#e1eee8; font:inherit; font-size:.8rem; font-weight:800; cursor:pointer; }
.history-actions { display:flex; gap:6px; }
.delete-record { border:0; border-radius:9px; padding:9px 11px; color:#9c3c24; background:#f6e8e3; font:inherit; font-size:.8rem; font-weight:800; cursor:pointer; }
.delete-record.confirm-delete { color:#fff; background:#9c3c24; box-shadow:0 0 0 3px rgba(156,60,36,.14); }
.delete-record:disabled { cursor:wait; opacity:.62; }
.card { margin:16px 0; padding:20px; background:var(--card); border:1px solid var(--line); border-radius:18px; box-shadow:0 5px 20px rgba(15,46,35,.04); }
.muted { color:var(--muted); line-height:1.55; }
.field-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin:20px 0; }
.carb-cycle-panel { margin:18px 0; padding:16px; border:1px solid var(--line); border-radius:14px; background:#f7faf8; }
.carb-cycle-panel h3 { margin:0; }
.carb-cycle-days { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:8px; margin-top:14px; }
.carb-cycle-days label { font-size:.78rem; }
.carb-cycle-days select { min-height:42px; padding:8px; }
.carb-cycle-days label > span { display:block; margin-bottom:5px; }
.carb-cycle-days .cycle-training-select { margin-top:6px; font-size:.74rem; }
.carb-cycle-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-top:14px; }
.cycle-summary-card { padding:11px; border-radius:11px; background:#e8f2ed; }
.cycle-summary-card strong, .cycle-summary-card span { display:block; }
.cycle-summary-card span { margin-top:5px; color:var(--muted); font-size:.75rem; line-height:1.5; }
.cycle-summary-card strong span, .cycle-summary-card strong b { display:inline; margin:0; color:inherit; font-size:inherit; }
.cycle-summary-macros i { font-style:normal; }
label { display:flex; flex-direction:column; gap:7px; font-weight:700; font-size:.9rem; }
input, select, textarea { min-height:48px; width:100%; padding:10px 12px; color:var(--ink); background:white; border:1px solid var(--line); border-radius:10px; font:inherit; transition:border-color .16s ease, box-shadow .16s ease; }
textarea { resize:vertical; }
input:focus, select:focus, textarea:focus { outline:none; border-color:#4f8a75; box-shadow:0 0 0 3px rgba(11,79,58,.11); }
.denied-help { margin:14px 0 0; padding:14px; color:#7d321f; background:#f6e8e3; border-radius:11px; line-height:1.55; }
.denied-help p { margin:6px 0 0; }
.notification-send { margin-top:14px; }
.food-price-list { display:grid; gap:18px; margin:18px 0; }
.food-category-group { display:grid; gap:10px; }
.food-category-group h3 { margin:0; padding:0 2px 8px; color:var(--primary); border-bottom:2px solid #dcece4; font-size:1rem; }
.food-category-items { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.add-food-panel { margin:18px 0; padding:14px; background:#f5f8f6; border:1px solid var(--line); border-radius:14px; }
.add-food-panel summary { color:var(--primary); font-weight:850; cursor:pointer; }
.add-food-panel form { margin-top:12px; }
.food-form-actions { display:flex; align-items:center; gap:9px; }
.food-form-actions .button { flex:1; }
.translation-action { display:flex; flex-direction:column; justify-content:flex-end; gap:6px; }
.translation-action small { color:var(--muted); font-size:.75rem; line-height:1.35; }
.custom-food-actions { display:flex; gap:6px; }
.custom-food-actions button { border:0; border-radius:8px; padding:8px 10px; font:inherit; font-size:.78rem; font-weight:800; cursor:pointer; }
.edit-food { color:var(--primary); background:#e1eee8; }
.delete-food { color:#9c3c24; background:#f6e8e3; }
.delete-food.confirming { color:white; background:#9c3c24; }
.food-price-row { display:grid; grid-template-columns:minmax(0,1fr) 125px auto; gap:9px; align-items:center; padding:12px; border:1px solid var(--line); border-radius:13px; }
.food-price-row:not(:has(.custom-food-actions)) { grid-template-columns:minmax(0,1fr) 125px; }
.food-price-row > span:first-child { display:flex; flex-direction:column; gap:3px; }
.food-price-row small { color:var(--muted); font-weight:600; }
.price-input { display:grid; grid-template-columns:auto 1fr; gap:7px; align-items:center; }
.price-input b { color:var(--primary); }
.extra-fee-panel { margin:18px 0; padding:16px; background:#f5f8f6; border:1px solid var(--line); border-radius:14px; }
.extra-fee-panel h3 { margin:0; font-size:1rem; }
.extra-fee-panel .muted { margin:6px 0 0; font-size:.82rem; }
.extra-fee-panel .field-grid { margin-bottom:0; }
.cycle-admin-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-top:14px; }
.cycle-admin-grid fieldset { display:grid; gap:10px; margin:0; padding:12px; border:1px solid var(--line); border-radius:12px; }
.cycle-admin-grid legend { padding:0 6px; color:var(--primary); font-weight:850; }
.daily-food-cost, .meal-food-cost { display:flex; align-items:center; justify-content:space-between; gap:12px; color:var(--primary); background:#e8f2ed; border-radius:12px; font-weight:800; }
.daily-food-cost { margin:12px 0; padding:13px 14px; }
.meal-food-cost { margin-top:10px; padding:11px 12px; font-size:.86rem; }
.meal-cost-breakdown { display:block; }
.meal-cost-breakdown > div { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:5px 0; }
.meal-cost-breakdown .meal-cost-total { margin-top:3px; padding-top:8px; border-top:1px solid rgba(11,79,58,.18); }
.order-total-card { margin:12px 0; padding:6px 14px; color:var(--primary); background:#e8f2ed; border-radius:12px; font-weight:800; }
.order-total-card > div { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:8px 0; }
.order-total-card .grand-total { border-top:1px solid rgba(11,79,58,.18); font-size:1.05rem; }
.calorie-card { text-align:center; background:var(--primary); color:white; }
.calorie-card .muted, .calorie-card #bmr-detail { color:#cde3d9; }
.calories { margin:7px 0; font-size:3.4rem; font-weight:850; letter-spacing:-.07em; }
.calories small { font-size:1rem; letter-spacing:0; }
.manual-calorie-check { display:grid; grid-template-columns:1fr auto; gap:5px 12px; margin:16px auto 0; padding:13px 15px; max-width:430px; text-align:left; color:#e8f5ef; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.18); border-radius:14px; }
.manual-calorie-check strong { text-align:right; }
.manual-calorie-check small { grid-column:1/-1; color:#ffe8a7; font-size:.86rem; font-weight:800; }
.manual-calorie-check.is-hit small { color:#aef0c8; }
.manual-calorie-check.is-over small { color:#ffc3b2; }
.macro-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.macro { margin:0; padding:16px; }
.macro p, .macro span { margin:0; color:var(--muted); font-size:.82rem; }
.macro strong { display:block; margin:6px 0; font-size:1.45rem; }
.protein strong { color:var(--protein); }.fat strong { color:var(--fat); }.carb strong { color:var(--carb); }
.meal-planner { margin-top:24px; }
.meal-mode-toggle { display:grid; grid-template-columns:1fr 1fr; gap:6px; margin:18px 0 12px; padding:5px; border-radius:14px; background:#e9f1ec; }
.meal-mode-button { min-height:44px; border:0; border-radius:10px; color:var(--muted); background:transparent; font:inherit; font-weight:850; cursor:pointer; }
.meal-mode-button.active { color:white; background:var(--primary); box-shadow:0 6px 14px rgba(11,79,58,.18); }
.week-controls { margin:0 0 18px; padding:14px; border:1px solid var(--line); border-radius:16px; background:#f7faf8; }
.week-day-tabs { display:flex; gap:7px; overflow-x:auto; padding:2px 1px 8px; scrollbar-width:none; }
.week-day-tabs::-webkit-scrollbar { display:none; }
.week-day-tab { flex:0 0 auto; min-width:76px; min-height:46px; padding:7px 10px; border:1px solid var(--line); border-radius:12px; color:var(--primary); background:white; font:inherit; font-size:.82rem; font-weight:800; cursor:pointer; }
.week-day-tab span, .week-day-tab small { display:block; }
.week-day-tab small { margin-top:2px; font-size:.66rem; font-weight:750; opacity:.75; }
.week-day-tab.active { color:white; background:var(--primary); border-color:var(--primary); }
.week-day-tab.locked::after { content:' 🔒'; font-size:.72rem; }
.week-controls.week-sticky-active { display:contents; }
.week-controls.week-sticky-active .week-day-tabs { position:sticky; z-index:18; top:12px; padding:10px 12px; background:rgba(242,247,244,.96); border:1px solid var(--line); border-radius:14px; box-shadow:0 8px 22px rgba(20,53,43,.1); backdrop-filter:blur(14px); }
.week-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:8px; }
.week-actions .button, .week-actions select { min-height:46px; }
.week-actions #random-week { grid-column:1/-1; }
.week-actions .clear-week-foods { grid-column:1/-1; color:#9c3c24; border-color:#e8c8be; background:#f9eeea; }
.week-actions .cycle-generate-control { grid-column:1/-1; }
.week-actions .clear-week-foods.confirming { color:#fff; border-color:#9c3c24; background:#9c3c24; }
.week-random-settings { margin-top:10px; }
.week-random-settings summary { color:var(--primary); font-weight:850; cursor:pointer; }
.week-settings-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:12px; }
.week-settings-grid .check-row { display:flex; align-items:center; flex-direction:row; gap:8px; }
.week-settings-grid .check-row input { width:20px; min-height:20px; }
.weekly-summary { margin-top:16px; }
.weekly-cost-total { display:flex; justify-content:space-between; gap:12px; margin-top:14px; padding:14px; color:white; background:var(--primary); border-radius:12px; font-weight:850; }
.meal-count-label { margin:18px 0; }
.meal-total-row { position:sticky; top:12px; z-index:8; display:flex; align-items:center; justify-content:space-between; margin:12px 0; padding:11px 14px; background:rgba(248,250,248,.96); border:1px solid rgba(205,219,210,.9); border-radius:12px; box-shadow:0 7px 18px rgba(20,53,43,.08); backdrop-filter:blur(12px); }
.meal-planner.week-mode-active .meal-total-row { top:82px; }
.meal-total-row.is-complete { display:none; }
#meal-total { color:var(--primary); font-weight:800; }
#meal-total.invalid { color:#9c3c24; }
.daily-total-banner { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:12px 0; padding:15px 16px; color:white; background:var(--primary); border-radius:14px; font-weight:850; }
.daily-total-banner strong { flex:none; font-size:1.15rem; }
.meal-planner.hide-pricing .daily-total-banner,
.meal-planner.hide-pricing .order-total-card,
.meal-planner.hide-pricing .meal-food-cost { display:none; }
.meal-list { display:grid; gap:12px; margin-top:14px; }
.mobile-meal-tabs { display:none; }
.meal-row { padding:16px; background:#f8faf8; border:1px solid var(--line); border-radius:14px; }
.meal-row-head { display:grid; grid-template-columns:1fr 108px; align-items:end; gap:12px; }
.meal-name { margin:0; font-weight:800; }
.meal-percent-label { gap:5px; }
.meal-percent-label span { color:var(--muted); font-size:.75rem; }
.meal-percent-label .percent-input { position:relative; display:block; }
.meal-percent-label .percent-input input { padding-right:30px; }
.meal-percent-label .percent-input b { position:absolute; top:50%; right:12px; color:var(--primary); font-size:.9rem; transform:translateY(-50%); pointer-events:none; }
.meal-macros { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin-top:14px; }
.meal-metric { display:flex; flex-direction:column; gap:3px; }
.meal-metric span { color:var(--muted); font-size:.72rem; }
.meal-metric strong { font-size:.95rem; }
.meal-section-title { margin:16px 0 8px; color:var(--muted); font-size:.76rem; font-weight:800; letter-spacing:.04em; }
.ingredient-list { display:grid; gap:8px; }
.daily-ingredient-summary { margin-top:18px; padding:18px; border:1px solid #cddbd2; border-radius:16px; background:#f7faf8; }
.daily-ingredient-summary-head { display:flex; align-items:flex-end; justify-content:space-between; gap:14px; margin-bottom:12px; }
.daily-ingredient-summary-head h3 { margin:2px 0 0; }
.daily-ingredient-summary-head > span { color:var(--muted); font-size:.78rem; }
.daily-ingredient-summary-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.daily-ingredient-summary-item { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:12px 14px; border-radius:11px; background:#e9f2ec; color:var(--primary); font-weight:750; }
.daily-ingredient-summary-item strong { white-space:nowrap; font-size:1rem; }
.daily-macro-balance { margin-top:14px; padding-top:14px; border-top:1px solid #cddbd2; }
.daily-macro-balance h4 { margin:0 0 9px; font-size:.88rem; }
.daily-macro-balance-list { display:flex; flex-wrap:wrap; gap:7px; }
.daily-balance-action { margin-top:11px; min-height:44px; padding:11px 14px; }
.share-meal-plan { margin-top:14px; }
@media (max-width:560px) { .daily-ingredient-summary-list { grid-template-columns:1fr; } .daily-ingredient-summary-head { align-items:flex-start; flex-direction:column; } }
.ingredient-row { display:grid; grid-template-columns:minmax(0,1fr) 42px 92px 38px; gap:8px; align-items:end; }
.ingredient-row label { gap:4px; color:var(--muted); font-size:.72rem; }
.ingredient-row select, .ingredient-row input { min-height:42px; }
.ingredient-lock { width:42px; height:42px; min-height:42px; padding:0; display:grid; place-items:center; border:1px solid var(--line); border-radius:12px; background:#f2f5f3; color:var(--muted); font-size:1rem; line-height:1; }
.ingredient-lock.is-locked { background:var(--primary); border-color:var(--primary); color:#fff; box-shadow:0 0 0 2px rgba(9,88,65,.1); }
.ingredient-lock:focus-visible { outline:3px solid rgba(9,88,65,.22); outline-offset:2px; }
.remove-ingredient { min-height:42px; border:0; border-radius:10px; color:#9c3c24; background:#f6e8e3; font-size:1.15rem; cursor:pointer; }
.ingredient-actions { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:9px; }
.add-ingredient, .auto-portion { border-radius:10px; padding:10px 12px; width:100%; font:inherit; font-weight:800; cursor:pointer; }
.add-ingredient { border:1px dashed #a8bcb1; color:var(--primary); background:transparent; }
.auto-portion { border:0; color:white; background:var(--primary); }
.auto-portion:disabled { cursor:not-allowed; opacity:.45; }
.random-portion { grid-column:1/-1; border:0; border-radius:10px; padding:11px 12px; width:100%; color:var(--primary); background:#dcece4; font:inherit; font-weight:850; cursor:pointer; }
.auto-portion-message { min-height:18px; margin:7px 0 0; color:var(--primary); font-size:.74rem; font-weight:700; }
.consumed-row { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; padding:12px; background:#edf4ef; border-radius:11px; }
.consumed-item { display:flex; flex-direction:column; gap:3px; }
.consumed-item span { color:var(--muted); font-size:.7rem; }
.consumed-item strong { font-size:.88rem; }
.remaining-list { display:flex; flex-wrap:wrap; gap:7px; margin-top:10px; }
.remaining-chip { padding:7px 9px; border-radius:999px; background:#e3f0e8; color:var(--primary); font-size:.75rem; font-weight:800; }
.remaining-chip.over { color:#9c3c24; background:#f6e8e3; }
.remaining-chip.done { color:#53665d; background:#e8ece9; }
.app-tabbar { display:none; }
.mobile-save-panel { display:none; }
@media (min-width:900px) {
  .calculator .field-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .client-workspace .compact-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .meal-list { grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; }
  .meal-total-row { justify-content:flex-start; gap:12px; padding-right:250px; }
  #admin-panel { width:min(100%,960px); margin:0 auto; }
}
@media (min-width:600px) and (max-width:899px) {
  .shell { padding-top:72px; }
  .field-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .card { padding:22px; }
}
@media (max-width:599px) {
  #app .mobile-page-hidden { display:none !important; }
  .mobile-save-panel { display:block; margin-top:16px; }
  .mobile-save-panel .button { width:100%; margin-top:12px; }
  .mobile-client-save-fields { display:grid; gap:10px; }
  #personal-history #save-personal-record,
  #personal-history .personal-remark-label,
  #personal-history > #personal-history-message,
  #client-workspace .client-actions,
  #client-workspace .compact-grid { display:none; }
  .language-switcher { position:absolute; top:8px; right:8px; }
  .language-switcher select { width:62px; padding:3px 22px 3px 7px; }
  html.android-device .language-switcher select { width:82px; min-width:82px; padding:3px 26px 3px 9px; font-size:.76rem; }
  body { background:linear-gradient(180deg,#eaf2ed 0,#f4f6f4 180px); }
  .shell { padding:0 12px calc(92px + var(--safe-bottom)); }
  #app { max-width:520px; margin:0 auto; }
  h1 { font-size:clamp(1.85rem,9vw,2.45rem); }
  #app > .topbar { position:sticky; top:0; z-index:20; margin:0 -12px 14px; padding:calc(14px + env(safe-area-inset-top, 0px)) 16px 13px; flex-direction:column; align-items:stretch; gap:10px; background:rgba(242,247,244,.92); border-bottom:1px solid rgba(220,228,221,.9); backdrop-filter:blur(16px); }
  .topbar h1 { font-size:1.65rem; }
  .account-actions { display:grid; grid-template-columns:auto auto auto; align-items:center; justify-content:end; justify-items:end; gap:6px; }
  .account-actions .plan-badge { grid-column:2; grid-row:1; padding:7px 9px; white-space:nowrap; }
  .account-actions .language-switcher { position:static; grid-column:1; padding:4px 6px; box-shadow:none; backdrop-filter:none; }
  .account-actions .language-switcher span { display:none; }
  .account-actions .language-switcher select { width:62px; min-height:36px; padding:3px 22px 3px 7px; }
  html.android-device .account-actions .language-switcher { padding-inline:5px; }
  .account-actions .logout-button { grid-column:3; grid-row:1; padding:9px 10px; }
  .field-grid { grid-template-columns:1fr; }
  #auto-target-fields { grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px 7px; }
  #auto-target-fields > label:nth-child(-n+6) { display:flex; min-width:0; flex-direction:column; gap:5px; text-align:center; font-size:.72rem; line-height:1.2; }
  #auto-target-fields > label:nth-child(-n+6) .field-label { display:flex; min-height:2.4em; align-items:flex-end; justify-content:center; }
  #auto-target-fields > label:nth-child(-n+6) input,
  #auto-target-fields > label:nth-child(-n+6) select { width:100%; min-width:0; height:52px; min-height:52px; padding:7px 9px; text-align:center; text-align-last:center; border-radius:13px; font-size:.78rem; }
  #auto-target-fields > label:nth-child(4) { order:1; }
  #auto-target-fields > label:nth-child(2) { order:2; }
  #auto-target-fields > label:nth-child(3) { order:3; }
  #auto-target-fields > label:nth-child(1) { order:4; }
  #auto-target-fields > label:nth-child(5) { order:5; }
  #auto-target-fields > label:nth-child(6) { order:6; }
  #auto-target-fields > label:nth-child(n+7) { grid-column:1/-1; order:7; }
  .logout-button { white-space:nowrap; }
  html[lang="ms"] .topbar h1 { font-size:clamp(1.05rem,4.7vw,1.3rem); letter-spacing:-.025em; white-space:nowrap; }
  html[lang="ms"] #auto-target-fields > label:nth-child(-n+6) { font-size:.68rem; }
  html[lang="ms"] #auto-target-fields > label:nth-child(-n+6) input,
  html[lang="ms"] #auto-target-fields > label:nth-child(-n+6) select { padding-inline:7px; font-size:.72rem; }
  .card { padding:17px; border:0; border-radius:20px; box-shadow:0 10px 32px rgba(20,53,43,.07); }
  .calculator { scroll-margin-top:88px; }
  #results, #meal-planner, #client-workspace { scroll-margin-top:88px; }
  input, select, textarea { min-height:52px; border-radius:13px; background:#fbfcfb; }
  select { touch-action:manipulation; -webkit-tap-highlight-color:transparent; }
  .button { min-height:52px; border-radius:15px; }
  .calorie-card { border-radius:22px; background:linear-gradient(145deg,#0b4f3a,#167054); box-shadow:0 16px 34px rgba(11,79,58,.22); }
  .calories { font-size:3rem; }
  .macro-grid { gap:7px; }
  .macro { padding:14px 10px; border-radius:17px; box-shadow:none; }
  .macro strong { font-size:1.2rem; }
  .meal-macros { grid-template-columns:repeat(2,1fr); }
  .week-actions, .week-settings-grid { grid-template-columns:1fr; }
  .carb-cycle-panel { padding:15px 0 2px; border-top:1px solid var(--line); }
  .carb-cycle-panel .section-heading { margin-bottom:4px; }
  .carb-cycle-panel .fineprint { margin:8px 0 12px; line-height:1.55; }
  .carb-cycle-days { display:block; margin-top:8px; overflow:hidden; border:1px solid var(--line); border-radius:16px; background:#fff; }
  .carb-cycle-days label { min-height:55px; padding:8px 10px; display:grid; grid-template-columns:minmax(54px,1fr) 88px 104px; align-items:center; gap:7px; border-bottom:1px solid #edf1ee; font-size:.88rem; font-weight:800; }
  .carb-cycle-days label:last-child { border-bottom:0; }
  .carb-cycle-days label > span { margin:0; }
  .carb-cycle-days select { width:100%; min-width:0; min-height:38px; height:38px; padding:5px 24px 5px 8px; border:0; border-radius:999px; text-align:center; text-align-last:center; font-size:.78rem; font-weight:850; }
  .carb-cycle-days .cycle-training-select { margin:0; font-size:.72rem; background-color:#f1f5f3; }
  .carb-cycle-days .cycle-type-select[data-cycle-type="high"] { color:#fff; background-color:#0b4f3a; }
  .carb-cycle-days .cycle-type-select[data-cycle-type="medium"] { color:#155942; background-color:#dceee5; }
  .carb-cycle-days .cycle-type-select[data-cycle-type="low"] { color:#596b63; background-color:#edf1ef; }
  .carb-cycle-summary { display:grid; grid-template-columns:1fr; gap:10px; margin:14px 0 0; padding:0; overflow:visible; }
  .cycle-summary-card { min-height:0; padding:12px 14px; border:1px solid var(--line); border-radius:14px; }
  .cycle-summary-card strong { display:flex; align-items:baseline; justify-content:flex-start; gap:0; font-size:.96rem; line-height:1.3; }
  .cycle-summary-card strong span::after { content:" · "; }
  .cycle-summary-card strong b { font-size:.96rem; }
  .cycle-summary-card .cycle-summary-macros { display:flex; flex-wrap:wrap; gap:0; margin-top:4px; }
  .cycle-summary-macros i { display:inline; color:var(--muted); font-size:.72rem; line-height:1.35; }
  .cycle-summary-macros i + i::before { content:" · "; }
  .cycle-summary-card.cycle-high { background:#e7f1ec; }
  .cycle-summary-card.cycle-medium { background:#eef5f1; }
  .cycle-summary-card.cycle-low { background:#f3f5f4; }
  .cycle-admin-grid { grid-template-columns:1fr; }
  .week-actions #random-week, .week-actions .clear-week-foods, .week-actions .cycle-generate-control { grid-column:auto; }
  .meal-total-row { top:calc(var(--mobile-topbar-height, 88px) + 6px); }
  .meal-planner.week-mode-active .meal-total-row { top:calc(var(--mobile-topbar-height, 88px) + 76px); }
  .week-controls.week-sticky-active .week-day-tabs { top:calc(var(--mobile-topbar-height, 88px) + 6px); }
  .mobile-meal-tabs { position:sticky; z-index:17; top:calc(var(--mobile-topbar-height, 88px) + 64px); display:flex; gap:7px; margin:12px 0 8px; padding:8px; overflow-x:auto; background:rgba(242,247,244,.96); border:1px solid var(--line); border-radius:14px; box-shadow:0 7px 18px rgba(20,53,43,.08); scrollbar-width:none; backdrop-filter:blur(12px); }
  .mobile-meal-tabs::-webkit-scrollbar { display:none; }
  .mobile-meal-tab { flex:1 0 auto; min-width:72px; min-height:42px; padding:8px 11px; border:1px solid var(--line); border-radius:10px; color:var(--primary); background:#fff; font:inherit; font-size:.78rem; font-weight:850; cursor:pointer; }
  .mobile-meal-tab.active { color:#fff; border-color:var(--primary); background:var(--primary); }
  .meal-planner:has(.meal-total-row.is-complete) .mobile-meal-tabs { top:calc(var(--mobile-topbar-height, 88px) + 6px); }
  .meal-planner.week-mode-active .mobile-meal-tabs { top:calc(var(--mobile-topbar-height, 88px) + 134px); }
  .meal-planner.week-mode-active:has(.meal-total-row.is-complete) .mobile-meal-tabs { top:calc(var(--mobile-topbar-height, 88px) + 76px); }
  .meal-list .meal-row { display:none; }
  .meal-list .meal-row.is-mobile-active { display:block; }
  .ingredient-row { grid-template-columns:minmax(0,1fr) 44px minmax(88px,.42fr) 44px; gap:8px; }
  .ingredient-row label { min-width:0; }
  .ingredient-row select, .ingredient-row input, .remove-ingredient, .ingredient-lock { min-height:46px; height:46px; }
  .consumed-row { grid-template-columns:repeat(2,1fr); }
  .phone-search, .user-row { grid-template-columns:1fr; }
  .food-category-items { grid-template-columns:1fr; }
  .food-price-row { grid-template-columns:minmax(0,1fr) 105px; }
  .food-price-row .custom-food-actions { grid-column:1/-1; justify-content:flex-end; }
  .history-item { grid-template-columns:1fr; }
  .history-actions { width:100%; }
  .history-actions button { flex:1; }
  .app-tabbar { position:fixed; z-index:40; left:50%; bottom:0; display:grid; grid-template-columns:repeat(4,1fr); width:min(100%,520px); padding:8px 10px calc(8px + var(--safe-bottom)); transform:translateX(-50%); background:rgba(255,255,255,.95); border-top:1px solid var(--line); box-shadow:0 -10px 30px rgba(20,53,43,.08); backdrop-filter:blur(18px); }
  .app-tabbar:has(.app-tab.hidden) { grid-template-columns:repeat(3,1fr); }
  .app-tab { display:flex; min-height:52px; flex-direction:column; align-items:center; justify-content:center; gap:2px; border:0; border-radius:14px; color:#718078; background:transparent; font:inherit; cursor:pointer; }
  .app-tab span { font-size:1.5rem; line-height:1; }
  .app-tab small { font-size:.76rem; font-weight:800; }
  .app-tab.active { color:var(--primary); background:var(--primary-soft); }
  .client-workspace.hidden + .calculator { margin-top:8px; }
  .onboarding { min-height:auto; padding:24px 6px 10px; justify-content:flex-start; }
  .onboarding h1 { font-size:1.8rem; }
  .install-intro { margin:12px 0 22px; font-size:1rem; }
  .install-steps li { grid-template-columns:40px 44px minmax(0,1fr); min-height:74px; padding:11px 13px; border-radius:18px; }
  .step-number, .step-icon { width:40px; height:40px; }
}
.password-reset-dialog { width:min(440px,calc(100% - 32px)); padding:0; border:0; border-radius:24px; color:var(--ink); background:var(--card); box-shadow:0 24px 70px rgba(4,46,34,.24); }
.password-reset-dialog::backdrop { background:rgba(3,29,22,.52); backdrop-filter:blur(3px); }
.password-reset-form { display:grid; gap:16px; padding:28px; }
.password-reset-form h2, .password-reset-form p { margin:0; }
.password-reset-form label { display:grid; gap:7px; font-weight:800; }
.password-reset-form input { width:100%; }
.password-reset-actions { display:grid; grid-template-columns:1fr 1.35fr; gap:10px; margin-top:4px; }
.password-reset-actions button { width:100%; }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *, *::before, *::after { transition:none !important; } }

/* PWA V2 authentication shell */
.v2-launch{position:fixed;inset:0;z-index:999;display:grid;place-items:center;align-content:center;gap:18px;padding:32px;color:#f7fbff;text-align:center;background:radial-gradient(circle at 50% 34%,#163343 0,#0b1b25 32%,#050b11 72%);transition:opacity .5s ease,visibility .5s ease}
.v2-launch.is-finished{opacity:0;visibility:hidden}.launch-mark{position:relative;z-index:2;display:grid;place-items:center;width:92px;height:92px;border:1px solid rgba(72,236,242,.62);border-radius:30px;color:#52eef2;background:linear-gradient(145deg,#18303d,#08141d);box-shadow:inset 8px 8px 18px rgba(255,255,255,.05),inset -10px -10px 24px rgba(0,0,0,.55),0 0 38px rgba(35,222,230,.28);font-size:2.3rem;font-weight:900}
.launch-orbit{position:absolute;top:calc(50% - 154px);left:50%;width:210px;height:210px;transform:translateX(-50%);border:1px solid rgba(64,226,234,.14);border-radius:50%;animation:v2-spin 9s linear infinite}.launch-orbit span{position:absolute;width:7px;height:7px;border-radius:50%;background:#3ee6ec;box-shadow:0 0 14px #3ee6ec}.launch-orbit span:nth-child(1){top:12px;left:64px}.launch-orbit span:nth-child(2){right:4px;top:105px}.launch-orbit span:nth-child(3){bottom:24px;left:28px}
.v2-launch p{z-index:2;margin:4px 0 0;font-size:.78rem;font-weight:850;letter-spacing:.42em}.v2-launch h1{z-index:2;margin:0;font-size:clamp(1.65rem,7vw,2.45rem);line-height:1.2}.v2-launch small{position:absolute;bottom:max(34px,env(safe-area-inset-bottom));font-size:.65rem;letter-spacing:.2em;color:#8097a5}.launch-loader{width:170px;height:3px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.1)}.launch-loader span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#15b7cc,#52f1e4);box-shadow:0 0 12px #27dce1;animation:v2-load 1.25s ease both}@keyframes v2-spin{to{transform:translateX(-50%) rotate(360deg)}}@keyframes v2-load{from{width:0}to{width:100%}}
.v2-body:has(.auth-gate:not(.hidden)){min-height:100svh;background:radial-gradient(circle at 50% -10%,#173b4d 0,#0b1c27 35%,#050c12 78%);color:#eef8fb}.auth-gate{position:relative;min-height:calc(100svh - 96px);width:min(100%,460px);padding:10px 0 28px;justify-content:flex-start}.auth-ambient{position:absolute;inset:8% 5% auto;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(38,225,232,.13),transparent 68%);pointer-events:none}.auth-heading{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;width:100%;margin:6px 0 42px}
.auth-brand{display:flex;align-items:center;gap:11px}.auth-brand p{margin:0;color:#f5fbfd;font-size:.86rem;font-weight:900;letter-spacing:.22em}.auth-brand small{display:block;margin-top:3px;color:#69808d;font-size:.52rem;letter-spacing:.14em}.auth-brand-mark{display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(64,229,235,.4);border-radius:13px;color:#38e1e8;background:#102632;box-shadow:0 0 18px rgba(24,204,214,.12);font-weight:900}
.theme-toggle{display:flex;gap:2px;padding:4px;border:1px solid rgba(255,255,255,.08);border-radius:999px;color:#9eb0ba;background:#132630;cursor:pointer}.theme-toggle span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%}.theme-toggle span:first-child{color:#051116;background:#35dce3;box-shadow:0 0 14px rgba(53,220,227,.45)}
.auth-card{position:relative;z-index:1;width:100%;padding:28px;border:1px solid rgba(255,255,255,.09);border-radius:28px;background:linear-gradient(145deg,rgba(24,43,54,.96),rgba(10,24,33,.98));box-shadow:inset 1px 1px rgba(255,255,255,.06),0 28px 70px rgba(0,0,0,.35)}.auth-card .eyebrow{color:#37dce3}.auth-card h1{color:#f6fbfd;font-size:clamp(1.8rem,7vw,2.4rem)}.auth-card .lead{margin:12px 0 24px;color:#8fa3ad;font-size:.93rem}
.auth-card-tools{display:flex;justify-content:flex-end;margin:-10px -10px 18px 0}.auth-card-tools .language-switcher{position:static;display:flex;min-height:42px;padding:4px 6px 4px 13px;border-color:rgba(75,224,231,.24);border-radius:999px;color:#8fa3ad;background:linear-gradient(145deg,rgba(28,49,61,.96),rgba(11,27,37,.98));box-shadow:inset 1px 1px rgba(255,255,255,.06),0 8px 24px rgba(0,0,0,.22)}.auth-card-tools .language-switcher span{font-size:.65rem;letter-spacing:.04em}.auth-card-tools .language-switcher select{min-width:66px;min-height:34px;color:#ecfbfd;background:transparent}.auth-card-tools .language-switcher:focus-within{border-color:#35dce3;box-shadow:0 0 0 3px rgba(53,220,227,.14),0 8px 24px rgba(0,0,0,.22)}
.auth-card label{color:#aebdc4;font-size:.78rem;font-weight:750}.auth-card input{min-height:54px;margin-top:7px;border:1px solid rgba(255,255,255,.08);border-radius:15px;color:#f5fbfd;background:#0d202b;box-shadow:inset 5px 5px 12px rgba(0,0,0,.28)}.auth-card input::placeholder{color:#607783}.auth-primary{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:5px;min-height:54px;border-radius:16px;color:#031316;background:linear-gradient(135deg,#4ce8df,#11b7d2);box-shadow:0 10px 26px rgba(20,196,210,.25)}
.auth-secondary-actions{display:flex;justify-content:space-between}.auth-secondary-actions button,.auth-back{padding:7px 0;border:0;color:#57dce2;background:transparent;font:inherit;font-size:.79rem;font-weight:750;cursor:pointer}.auth-back{width:100%;color:#8ca1ab}.register-role{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:0;border:0}.register-role legend{grid-column:1/-1;margin-bottom:4px;color:#aebdc4;font-size:.78rem;font-weight:750}.register-role label{position:relative}.register-role input{position:absolute;opacity:0}.register-role span{display:grid;place-items:center;min-height:48px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#0d202b}.register-role input:checked+span{border-color:#34dce3;color:#04191d;background:#35dce3}.auth-card .message{color:#ffad83;font-size:.8rem}.auth-footnote{position:relative;z-index:1;align-self:center;margin:22px 0 0;color:#5f7480;font-size:.66rem;letter-spacing:.08em}
html[data-theme="light"] .v2-body:has(.auth-gate:not(.hidden)){background:radial-gradient(circle at 50% -10%,#dffcff 0,#f3f8fa 42%,#e5ecef 100%);color:#102838}html[data-theme="light"] .auth-card{border-color:#dce8eb;background:linear-gradient(145deg,#fff,#edf4f6);box-shadow:0 25px 60px rgba(29,66,81,.16)}html[data-theme="light"] .auth-brand p,html[data-theme="light"] .auth-card h1{color:#102b3b}html[data-theme="light"] .auth-card label{color:#506b77}html[data-theme="light"] .auth-card input{border-color:#d6e3e7;color:#102b3b;background:#edf3f5}
@media(max-width:600px){.auth-gate{min-height:calc(100svh - 84px)}.auth-heading{margin-bottom:28px}.auth-card{padding:20px;border-radius:24px}.auth-card-tools{margin:-6px -6px 16px 0}.auth-card-tools .language-switcher{min-height:40px;padding-left:11px}.auth-card-tools .language-switcher select{width:62px;min-width:62px}}@media(prefers-reduced-motion:reduce){.launch-orbit,.launch-loader span{animation:none}.v2-launch{transition:none}}

/* V2 target wizard */
.v2-body .calculator{position:relative;overflow:hidden;border-color:rgba(92,231,237,.16);background:linear-gradient(145deg,#152f3d,#091923);box-shadow:inset 1px 1px rgba(255,255,255,.06),0 24px 60px rgba(1,12,19,.26)}.v2-body .calculator::before{content:"";position:absolute;right:-90px;top:-100px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(38,225,232,.14),transparent 68%);pointer-events:none}.v2-body .calculator>*{position:relative}.v2-body .calculator h2{color:#f4fbfd;font-size:clamp(1.65rem,6vw,2.15rem)}.v2-body .calculator .muted{color:#91a8b2}.v2-body .calculator .eyebrow{color:#3be0e6}.v2-target-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:26px 0 20px;padding:0;list-style:none}.v2-target-progress li{display:grid;justify-items:center;gap:6px;color:#657b86;font-size:.66rem;font-weight:750;text-align:center}.v2-target-progress span{display:grid;place-items:center;width:32px;height:32px;border:1px solid rgba(255,255,255,.1);border-radius:50%;background:#102630}.v2-target-progress li.active{color:#5cecf0}.v2-target-progress li.active span{color:#031518;background:#44e0e5;box-shadow:0 0 18px rgba(68,224,229,.36)}.v2-target-progress li.complete{color:#afd4d5}.v2-target-progress li.complete span{color:#06161c;border-color:rgba(76,233,226,.4);background:#215661}.v2-body .calculator .target-mode-label{margin-top:4px;color:#b8c9ce}.v2-body .calculator input,.v2-body .calculator select{border-color:rgba(255,255,255,.1);color:#effbfc;background:#0d222d;box-shadow:inset 4px 4px 12px rgba(0,0,0,.2)}.v2-body .calculator input:focus,.v2-body .calculator select:focus{border-color:#41dce3;box-shadow:0 0 0 3px rgba(65,220,227,.13)}.v2-body .calculator label{color:#b8c9ce}.v2-body .calculator .field-grid{margin:18px 0}.v2-target-step-actions{margin-top:4px}.v2-target-step-actions .button,.v2-confirm-actions .button{display:flex;justify-content:center;align-items:center;gap:12px;border-radius:16px;color:#031316;background:linear-gradient(135deg,#58eee5,#16b9d2);box-shadow:0 12px 28px rgba(16,191,209,.24)}.v2-target-step-actions>div{display:grid;gap:10px}.v2-target-back{min-height:44px;border:0;color:#84cdd0;background:transparent;font:inherit;font-size:.86rem;font-weight:800;cursor:pointer}.v2-target-confirm{margin-top:20px;padding:20px;border:1px solid rgba(73,230,235,.24);border-radius:22px;background:linear-gradient(145deg,rgba(25,54,66,.98),rgba(10,30,39,.98));box-shadow:inset 1px 1px rgba(255,255,255,.08),0 16px 35px rgba(0,0,0,.18)}.v2-target-confirm h3{margin:0;color:#f4fbfd;font-size:1.35rem}.v2-target-confirm p{margin:7px 0 0;color:#91a8b2;font-size:.84rem}.v2-target-kcal{display:flex;align-items:baseline;gap:8px;margin:22px 0 16px}.v2-target-kcal b{color:#5aeee7;font-size:2.35rem;letter-spacing:-.06em}.v2-target-kcal span{color:#b7c8ce;font-size:.82rem}.v2-target-macros{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.v2-target-macros span{padding:11px 8px;border-radius:13px;background:rgba(6,20,28,.42);text-align:center}.v2-target-macros i,.v2-target-macros b{display:block}.v2-target-macros i{color:#849ca7;font-size:.67rem;font-style:normal}.v2-target-macros b{margin-top:4px;color:#f0fbfc;font-size:.96rem}.v2-confirm-actions{display:grid;gap:8px;margin-top:18px}.v2-body .calculator [hidden]{display:none!important}html[data-theme="light"] .v2-body .calculator{border-color:#dce8eb;background:linear-gradient(145deg,#fff,#edf4f6);box-shadow:0 18px 42px rgba(29,66,81,.12)}html[data-theme="light"] .v2-body .calculator h2,html[data-theme="light"] .v2-target-confirm h3{color:#102b3b}html[data-theme="light"] .v2-body .calculator .muted,html[data-theme="light"] .v2-target-confirm p{color:#657c87}html[data-theme="light"] .v2-body .calculator input,html[data-theme="light"] .v2-body .calculator select{border-color:#d6e3e7;color:#102b3b;background:#f8fbfc;box-shadow:none}html[data-theme="light"] .v2-target-confirm{background:linear-gradient(145deg,#fafeff,#eaf6f7)}html[data-theme="light"] .v2-target-macros span{background:#eaf3f5}@media(max-width:600px){.v2-body .calculator{padding:20px 16px;border-radius:22px}.v2-target-progress{margin-top:22px}.v2-target-progress b{font-size:.62rem}.v2-target-confirm{padding:17px}.v2-target-kcal b{font-size:2.08rem}}

/* V2 app-style animated launch */
.v2-launch{overflow:hidden;gap:13px;background:radial-gradient(circle at 50% 34%,#123345 0,#071621 42%,#03090e 100%)}.v2-launch::before,.v2-launch::after{content:"";position:absolute;left:50%;width:min(112vw,620px);aspect-ratio:1;border:1px solid rgba(70,220,234,.13);border-radius:50%;transform:translateX(-50%);pointer-events:none}.v2-launch::before{top:12%;box-shadow:0 0 80px rgba(11,198,221,.12) inset}.v2-launch::after{bottom:-34%;border-color:rgba(68,207,235,.09)}.launch-orbit{position:relative;top:auto;left:auto;width:202px;height:202px;transform:none;border:0;border-radius:50%;background:conic-gradient(from 14deg,#32d9f1 0 28%,transparent 28% 34%,#49efd0 34% 62%,transparent 62% 68%,#24bceb 68% 96%,transparent 96% 100%);mask:radial-gradient(transparent 0 55%,#000 56%);-webkit-mask:radial-gradient(transparent 0 55%,#000 56%);filter:drop-shadow(0 0 14px rgba(52,222,231,.62));animation:v2-launch-spin 4.2s linear infinite}.launch-orbit::before{content:"";position:absolute;inset:15px;border:2px solid rgba(228,255,255,.28);border-radius:50%;filter:blur(.2px)}.launch-nutrients{position:absolute;z-index:3;top:calc(50% - 122px);left:50%;width:118px;height:118px;transform:translateX(-50%);border:1px solid rgba(78,235,229,.16);border-radius:50%;background:radial-gradient(circle,#132e3b 0,#0a1c27 68%);box-shadow:inset 7px 7px 18px rgba(255,255,255,.04),inset -8px -8px 20px rgba(0,0,0,.48),0 0 30px rgba(31,214,225,.15)}.launch-nutrients span{position:absolute;display:grid;place-items:center;font-weight:900;text-shadow:0 0 14px currentColor}.launch-fire{top:20px;left:49px;color:#ff9565;font-size:31px}.launch-water{bottom:25px;left:28px;color:#48dfff;font-size:21px}.launch-leaf{right:22px;bottom:24px;color:#46e5a6;font-size:32px;transform:rotate(-15deg)}.v2-launch p{margin-top:26px;color:#f6fcff;font-size:.88rem;letter-spacing:.48em;text-shadow:0 0 18px rgba(255,255,255,.14)}.v2-launch h1{color:#c7d5db;font-size:clamp(1rem,4.5vw,1.28rem);font-weight:500;line-height:1.5}.launch-loader{position:absolute;bottom:max(74px,calc(env(safe-area-inset-bottom) + 42px));width:35px;height:35px;border:4px solid rgba(141,169,181,.27);border-right-color:#33dce5;border-top-color:#52efe4;border-radius:50%;background:none;animation:v2-loader-rotate .82s linear infinite}.launch-loader span{display:none}.v2-launch small{bottom:max(34px,env(safe-area-inset-bottom));color:#71909d}.v2-launch.is-finished{transform:scale(1.03);filter:blur(2px);transition:opacity .58s ease,visibility .58s ease,transform .58s ease,filter .58s ease}@keyframes v2-launch-spin{to{transform:rotate(360deg)}}@keyframes v2-loader-rotate{to{transform:rotate(360deg)}}html[data-theme="light"] .v2-launch{color:#102e43;background:radial-gradient(circle at 50% 35%,#d5fcff 0,#f8fdff 48%,#e5f1f7 100%)}html[data-theme="light"] .v2-launch::before,html[data-theme="light"] .v2-launch::after{border-color:rgba(32,156,200,.15)}html[data-theme="light"] .launch-nutrients{background:radial-gradient(circle,#fff,#e9f6f8 70%);box-shadow:inset 7px 7px 18px rgba(255,255,255,.75),inset -8px -8px 20px rgba(78,151,169,.13),0 0 30px rgba(31,214,225,.18)}html[data-theme="light"] .v2-launch p{color:#0d2a5a;text-shadow:none}html[data-theme="light"] .v2-launch h1{color:#334f7d}html[data-theme="light"] .v2-launch small{color:#65829b}@media(prefers-reduced-motion:reduce){.launch-orbit,.launch-loader{animation:none!important}.v2-launch.is-finished{filter:none;transform:none}}