:root{
  --fuel-bg:#0b0e0c;
  --fuel-panel:#121713;
  --fuel-panel-2:#171d18;
  --fuel-line:rgba(235,240,231,.12);
  --fuel-text:#f4f5f0;
  --fuel-muted:#a7afa6;
  --fuel-accent:#d6a96b;
  --fuel-accent-soft:rgba(214,169,107,.12);
}
*{box-sizing:border-box}
html{background:var(--fuel-bg);color-scheme:dark}
body{margin:0;background:radial-gradient(circle at 80% -10%,rgba(214,169,107,.12),transparent 34%),var(--fuel-bg);color:var(--fuel-text);font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}
a{color:inherit}.fuel-shell{width:min(920px,100%);margin:0 auto;padding:calc(14px + env(safe-area-inset-top)) 18px calc(112px + env(safe-area-inset-bottom))}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px}.brand{display:flex;align-items:center;gap:9px;min-height:44px;text-decoration:none;font-weight:800;letter-spacing:.08em}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(214,169,107,.45);border-radius:10px;color:var(--fuel-accent)}.back-link{display:flex;align-items:center;min-height:44px;padding:0 2px;color:var(--fuel-muted);text-decoration:none;font-weight:700}.hero{padding:38px 2px 24px}.eyebrow,.planner-card small,.status-card small,.fuel-card small,.next-card small,.meal-card small,.context-card small,.basis-card small,.checklist-card small,.math-card small,.cadence-card small{font-size:11px;letter-spacing:.16em;font-weight:800;color:var(--fuel-accent)}.hero h1{font-size:clamp(42px,10vw,72px);line-height:.94;letter-spacing:-.055em;margin:8px 0 18px;max-width:700px}.hero p:last-child{max-width:650px;color:var(--fuel-muted);font-size:17px}.planner-card,.status-card,.next-card,.meal-card,.fuel-card,.context-card,.basis-card,.checklist-card,.math-card,.cadence-card{border:1px solid var(--fuel-line);background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.008)),var(--fuel-panel);border-radius:24px;box-shadow:0 18px 50px rgba(0,0,0,.18)}.planner-card{padding:22px}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:20px}.section-heading h2,.status-card h2,.next-card h2,.meal-card h2,.fuel-card h2,.context-card h2,.basis-card h2,.checklist-card h2,.math-card h2,.cadence-card h2{margin:4px 0 0;font-size:23px;line-height:1.1;letter-spacing:-.025em}.estimate-chip{border:1px solid rgba(214,169,107,.25);background:var(--fuel-accent-soft);color:#e9c694;border-radius:999px;padding:7px 10px;font-size:10px;letter-spacing:.11em;font-weight:800;white-space:nowrap}form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}label{display:grid;gap:7px;color:var(--fuel-muted);font-size:12px;font-weight:700}.optional-field em{font-style:normal;font-size:10px;font-weight:700;color:#7f887f;margin-left:5px}.field-help{color:#7f887f;font-size:11px;font-weight:600}input,select{width:100%;min-height:50px;border:1px solid var(--fuel-line);border-radius:14px;background:var(--fuel-panel-2);color:var(--fuel-text);padding:0 14px;font:inherit;font-weight:700;outline:none}input:focus,select:focus{border-color:rgba(214,169,107,.6);box-shadow:0 0 0 3px rgba(214,169,107,.1)}input[aria-invalid="true"]{border-color:rgba(240,130,120,.7);box-shadow:0 0 0 3px rgba(240,130,120,.08)}.field-wrap{position:relative}.field-wrap input{padding-right:48px}.field-wrap b{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--fuel-muted);font-size:12px}.quick-values{display:flex;gap:7px;flex-wrap:wrap}.quick-values button{min-width:46px;min-height:44px;border:1px solid var(--fuel-line);border-radius:12px;background:rgba(255,255,255,.025);color:var(--fuel-muted);font:inherit;font-size:12px;font-weight:800;cursor:pointer}.quick-values button:focus-visible,.quick-values button:hover{border-color:rgba(214,169,107,.5);color:var(--fuel-text);outline:none}.quick-values button[aria-pressed="true"]{border-color:rgba(214,169,107,.62);background:var(--fuel-accent-soft);color:#f0d2a9;box-shadow:inset 0 0 0 1px rgba(214,169,107,.12)}.primary-btn,.secondary-btn{min-height:52px;border-radius:15px;border:0;padding:0 18px;font:inherit;font-weight:850;cursor:pointer}.primary-btn{grid-column:1/-1;background:var(--fuel-accent);color:#17110a}.secondary-btn{background:var(--fuel-panel-2);color:var(--fuel-text);border:1px solid var(--fuel-line)}.primary-btn:focus-visible,.secondary-btn:focus-visible,.bottom-nav a:focus-visible,.brand:focus-visible,.back-link:focus-visible{outline:3px solid rgba(214,169,107,.42);outline-offset:3px}.status-card{padding:22px;margin-top:16px}.status-card p,.next-card p,.meal-card p,.fuel-card p,.context-card p,.basis-card p,.checklist-card p,.math-card p,.cadence-card p{color:var(--fuel-muted);margin:10px 0 0}.status-card.is-error{border-color:rgba(240,130,120,.28)}.status-card .secondary-btn{margin-top:16px}.plan{display:grid;gap:14px;margin-top:18px;scroll-margin-top:16px}.next-card{padding:24px;background:linear-gradient(135deg,rgba(214,169,107,.15),rgba(214,169,107,.03)),var(--fuel-panel)}.next-card:focus{outline:none}.next-card:focus-visible{box-shadow:0 0 0 3px rgba(214,169,107,.22),0 18px 50px rgba(0,0,0,.18)}.next-card h2{font-size:28px;max-width:740px}.next-card p{font-size:12px}.basis-card{padding:20px;display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.8fr);gap:18px}.timing-callout{padding-left:18px;border-left:1px solid var(--fuel-line)}.timing-callout strong{display:block;margin-top:5px;font-size:19px;letter-spacing:-.02em}.timing-callout p{font-size:13px}.context-card{padding:20px}.context-card .context-main{color:var(--fuel-text);font-size:16px;font-weight:800}.context-card .uncertainty-note,.math-card .uncertainty-note{padding-top:10px;border-top:1px solid var(--fuel-line);font-size:12px}.timeline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fuel-card{display:grid;grid-template-columns:auto 1fr;gap:15px;padding:20px}.step{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--fuel-accent-soft);color:var(--fuel-accent);font-weight:900}.fuel-card ul,.meal-card ul,.checklist-card ul,.cadence-card ul{padding-left:18px;margin:13px 0 0;color:#d7dcd4}.fuel-card li,.meal-card li,.checklist-card li,.cadence-card li{margin:6px 0}.micro-guide{display:grid;gap:5px;margin-top:14px;padding:12px;border-radius:14px;background:rgba(214,169,107,.07);border:1px solid rgba(214,169,107,.13)}.micro-guide strong{font-size:12px;color:#e9c694}.micro-guide span{font-size:12px;color:var(--fuel-muted)}.meal-card,.checklist-card,.math-card,.cadence-card{padding:22px}.checklist-card{background:linear-gradient(145deg,rgba(214,169,107,.08),rgba(255,255,255,.008)),var(--fuel-panel)}.math-card{background:linear-gradient(135deg,rgba(214,169,107,.11),rgba(255,255,255,.01)),var(--fuel-panel)}.math-card .math-range{font-size:19px;font-weight:850;letter-spacing:-.02em;color:var(--fuel-text)}.math-card[data-state="not-needed"] .math-range,.math-card[data-state="not-needed"] #carbServingCopy{display:none}.cadence-card{background:linear-gradient(145deg,rgba(255,255,255,.03),rgba(214,169,107,.025)),var(--fuel-panel)}.bottom-nav{position:fixed;z-index:20;left:50%;bottom:calc(10px + env(safe-area-inset-bottom));transform:translateX(-50%);display:grid;grid-template-columns:repeat(5,1fr);width:min(560px,calc(100% - 20px));padding:8px;border:1px solid rgba(255,255,255,.11);border-radius:22px;background:rgba(14,18,15,.88);backdrop-filter:blur(18px);box-shadow:0 14px 50px rgba(0,0,0,.35)}.bottom-nav a{min-height:54px;display:grid;place-items:center;align-content:center;gap:2px;border-radius:15px;text-decoration:none;color:var(--fuel-muted);font-size:10px;font-weight:800}.bottom-nav a span{font-size:18px;line-height:1}.bottom-nav a.active{background:rgba(214,169,107,.12);color:var(--fuel-text)}[hidden]{display:none!important}@media(max-width:620px){.fuel-shell{padding-left:14px;padding-right:14px}.hero{padding-top:28px}.hero h1{font-size:48px}.section-heading{display:grid}.estimate-chip{justify-self:start}form,.timeline,.basis-card{grid-template-columns:1fr}.planner-card,.status-card,.next-card,.meal-card,.fuel-card,.context-card,.basis-card,.checklist-card,.math-card,.cadence-card{border-radius:20px}.next-card h2{font-size:24px}.timing-callout{padding:14px 0 0;border-left:0;border-top:1px solid var(--fuel-line)}.fuel-card{grid-template-columns:34px minmax(0,1fr);gap:12px;padding:18px}.step{width:34px;height:34px}.fuel-card p,.fuel-card li,.meal-card p,.meal-card li,.checklist-card li,.cadence-card li,.math-card p{overflow-wrap:anywhere}.quick-values{display:grid;grid-template-columns:repeat(4,1fr)}.quick-values button{min-width:0;width:100%}.math-card .math-range{font-size:17px}}@media(max-width:360px){.fuel-shell{padding-left:12px;padding-right:12px}.hero h1{font-size:42px}.planner-card,.status-card,.next-card,.meal-card,.fuel-card,.context-card,.basis-card,.checklist-card,.math-card,.cadence-card{padding-left:16px;padding-right:16px}.bottom-nav{width:calc(100% - 12px);padding:6px}.bottom-nav a{min-width:0}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


/* NUTRITION DESKTOP WORKSPACE X6 — planner + timeline workspace, mobile order unchanged */
@media(min-width:1180px){
  .fuel-shell{width:min(1240px,calc(100% - 240px));padding-left:26px;padding-right:26px}
  .hero{padding:46px 4px 30px}
  .hero h1{font-size:clamp(66px,6vw,86px);max-width:820px}
  .hero p:last-child{max-width:760px;font-size:18px}
  .planner-card{padding:28px 30px}
  #fuelForm{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 16px}
  #fuelForm>label:first-child{grid-column:span 2}
  #fuelForm>.optional-field{grid-column:span 3}
  #fuelForm>.primary-btn{grid-column:1/-1}
  #fuelPlan{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);gap:14px 18px;align-items:start}
  #fuelPlan>.next-card{grid-column:1/-1;grid-row:1}
  #fuelPlan>.basis-card{grid-column:1/-1;grid-row:2}
  #fuelPlan>.timeline{grid-column:1;grid-row:3/span 4;grid-template-columns:repeat(2,minmax(0,1fr));align-self:start}
  #fuelPlan>.context-card{grid-column:2;grid-row:3}
  #fuelPlan>.math-card{grid-column:2;grid-row:4}
  #fuelPlan>.cadence-card{grid-column:2;grid-row:5}
  #fuelPlan>.checklist-card{grid-column:2;grid-row:6}
  #fuelPlan>.meal-card{grid-column:1/-1;grid-row:7}
  .fuel-card{min-height:250px}
}


/* NUTRITION DESKTOP NAV X11 — promote mobile bottom bar to desktop side rail */
@media(min-width:1180px){
  .fuel-shell{padding-bottom:56px}
  .bottom-nav{
    left:max(18px,calc((100vw - 1480px)/2));
    top:50%;
    bottom:auto;
    transform:translateY(-50%);
    width:84px;
    height:auto;
    grid-template-columns:1fr;
    gap:5px;
    padding:8px;
    border-radius:24px;
  }
  .bottom-nav a{
    position:relative;
    min-height:68px;
    padding:7px 4px;
    font-size:10px;
    line-height:1.15;
    text-align:center;
  }
  .bottom-nav a span{font-size:20px;line-height:1}
  .bottom-nav .active{position:relative}
  .bottom-nav .active:after{
    content:"";
    position:absolute;
    left:6px;
    top:18px;
    bottom:18px;
    width:2px;
    border-radius:999px;
    background:linear-gradient(180deg,transparent,var(--fuel-accent),transparent);
    box-shadow:0 0 14px rgba(214,169,107,.30);
  }
}
@media(min-width:1180px) and (max-height:720px){
  .bottom-nav{gap:3px;padding:7px}
  .bottom-nav a{min-height:58px}
  .bottom-nav .active:after{top:14px;bottom:14px}
}