@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#1b231c;background:#f5f4ee;font-synthesis:none;--ink: #1b231c;--muted: #6a7169;--line: #d9dbd2;--acid: #e8f357;--green: #214f3a;--orange: #ff8d4d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at 18% 5%,#fbfcee 0,transparent 27%),#f5f4ee}button,input,select{font:inherit}button{color:inherit}.topbar{max-width:1180px;margin:0 auto;padding:24px 28px;display:flex;align-items:center;justify-content:space-between}.brand{color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:10px;font:800 21px Manrope;letter-spacing:-1px}.brand-mark{width:38px;height:38px;border-radius:12px;background:var(--acid);display:grid;place-items:center;transform:rotate(-3deg)}.hero{text-align:center;max-width:720px;margin:36px auto 50px;padding:0 24px}.eyebrow{display:inline-flex;gap:6px;align-items:center;text-transform:uppercase;letter-spacing:1.8px;font-size:11px;font-weight:700;color:#476253}.hero h1{margin:18px 0 17px;font:800 clamp(48px,7vw,78px)/.96 "Manrope";letter-spacing:-5px}.hero h1 em{color:var(--green);font-style:normal;position:relative}.hero h1 em:after{content:"";position:absolute;left:5%;right:2%;bottom:0;height:8px;border-radius:50%;background:var(--acid);z-index:-1;transform:rotate(-1deg)}.hero>p{font-size:17px;color:var(--muted);line-height:1.55;max-width:530px;margin:0 auto}.route-line{color:#78817a;margin:32px auto 0;display:flex;align-items:center;justify-content:center;gap:10px;max-width:310px}.route-line span{height:1px;flex:1;background-image:linear-gradient(to right,#b3b7af 55%,transparent 45%);background-size:8px 1px}.workspace{max-width:1080px;margin:0 auto;padding:0 24px 60px;display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.panel{background:#ffffffc2;border:1px solid #dedfd7;border-radius:25px;box-shadow:0 18px 50px #29362a0f;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.form-panel{padding:34px}.section-heading{display:flex;align-items:center;gap:15px;margin-bottom:34px}.section-heading>span,.settings-number{width:37px;height:37px;display:grid;place-items:center;background:var(--ink);color:#fff;border-radius:50%;font-size:12px;font-weight:700}.section-heading p{margin:0 0 3px;text-transform:uppercase;letter-spacing:1.7px;color:#777d76;font-size:10px;font-weight:700}.section-heading h2{margin:0;font:700 20px Manrope;letter-spacing:-.6px}.field-group{margin:0 0 32px}.field-label,.field-label-row{font-size:13px;font-weight:700}.field-label{display:flex;align-items:center;gap:7px;margin:0 0 12px}.field-label-row{display:flex;align-items:center;justify-content:space-between}.field-label-row>span{color:var(--green);background:#e6efdf;border-radius:8px;padding:5px 8px}.choice-grid{display:grid;gap:7px}.choice-grid button,.segmented button{border:1px solid var(--line);background:#fafaf7;border-radius:10px;cursor:pointer;transition:.16s ease}.choice-grid button:hover,.segmented button:hover{border-color:#9ca39b}.choice-grid button.active{background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:0 5px 13px #161f1729}.duration-grid{grid-template-columns:repeat(5,1fr)}.duration-grid button{min-height:43px;font-size:12px;font-weight:600}.target-grid{grid-template-columns:repeat(4,1fr);margin-top:12px}.target-grid button{min-height:60px;display:flex;align-items:baseline;justify-content:center;gap:3px}.target-grid strong{font:700 20px Manrope}.target-grid small{font-size:10px;opacity:.7}.range-row{display:grid;grid-template-columns:1fr 68px;gap:15px;align-items:center;margin-top:12px}input[type=range]{accent-color:var(--green);width:100%}.range-row output{font-size:12px;font-weight:700;text-align:center;background:#eef0e9;padding:7px;border-radius:8px}.target-hint{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:11px;margin-top:10px}.split-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-bottom:31px}select{width:100%;padding:12px 13px;border:1px solid var(--line);background:#fafaf7;border-radius:10px;color:var(--ink)}.last-group{margin-bottom:0}.segmented{display:grid;grid-template-columns:repeat(3,1fr);padding:3px;border-radius:11px;background:#edeee8}.segmented button{border:0;background:transparent;padding:9px 6px;font-size:11px}.segmented button.active{background:#fff;box-shadow:0 2px 8px #161f1717;font-weight:700}.result-panel{background:var(--green);color:#fff;padding:30px 34px 34px}.result-topline{text-transform:uppercase;letter-spacing:1.5px;font-size:10px;font-weight:700;display:flex;justify-content:space-between;color:#c8d8cd}.result-topline span:last-child{color:var(--acid)}.goal-ring{width:184px;height:184px;margin:26px auto 16px;padding:10px;border-radius:50%;background:conic-gradient(var(--acid) var(--progress),rgba(255,255,255,.13) 0);position:relative}.goal-ring:after{content:"";position:absolute;top:9px;right:9px;bottom:9px;left:9px;background:var(--green);border-radius:50%}.goal-ring>div{position:relative;z-index:1;height:100%;display:grid;align-content:center;justify-items:center}.goal-ring strong{font:800 58px/.9 Manrope;letter-spacing:-4px}.goal-ring span{color:#ccd9cf;font-size:11px;margin-top:7px}.goal-caption{display:flex;justify-content:center;gap:10px;align-items:center;font-size:12px;color:#c6d4ca}.goal-caption span{border:1px solid rgba(255,255,255,.18);border-radius:20px;padding:3px 7px}.goal-caption span.good{color:var(--acid);border-color:#e8f35759}.recipe-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:30px 0}.recipe-card{border-radius:14px;padding:14px;color:var(--ink);display:flex;align-items:center;gap:12px}.recipe-card.yellow{background:var(--acid)}.recipe-card.orange{background:#ffb47e}.recipe-icon{width:39px;height:45px;display:grid;place-items:center;border:1px solid rgba(0,0,0,.12);border-radius:10px}.recipe-card>div:last-child{display:grid}.recipe-card span{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.recipe-card strong{font:800 25px Manrope;letter-spacing:-1px}.recipe-card small{font-size:9px;opacity:.72}.instructions,.during-ride{border-top:1px solid rgba(255,255,255,.14);padding-top:22px;margin-top:22px}.instructions h3,.during-ride h3{margin:0 0 15px;font:700 13px Manrope}.instructions ol{list-style:none;padding:0;margin:0;display:grid;gap:13px}.instructions li{display:flex;gap:11px;align-items:flex-start}.instructions li>span{flex:0 0 auto;width:23px;height:23px;border-radius:50%;border:1px solid rgba(255,255,255,.25);display:grid;place-items:center;color:var(--acid);font-size:10px}.instructions p{display:grid;gap:2px;margin:1px 0 0;color:#bfcfc4;font-size:11px;line-height:1.4}.instructions strong{color:#fff;font-size:12px}.during-ride p{font-size:11px;color:#bfcfc4}.time-chips{display:flex;gap:6px;flex-wrap:wrap}.time-chips span{border:1px solid rgba(255,255,255,.16);background:#ffffff12;padding:6px 8px;border-radius:7px;font-size:9px;color:#e4ebe6}.recovery-toggle{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;margin-top:24px;cursor:pointer}.recovery-toggle input{position:absolute;opacity:0}.switch{width:34px;height:20px;background:#607869;border-radius:20px;position:relative;transition:.2s}.switch:after{content:"";width:14px;height:14px;background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;transition:.2s}.recovery-toggle input:checked+.switch{background:var(--acid)}.recovery-toggle input:checked+.switch:after{transform:translate(14px);background:var(--green)}.recovery-toggle>span:last-child{display:grid}.recovery-toggle strong{font-size:11px}.recovery-toggle small{color:#adbbb1;font-size:9px;margin-top:2px}.recovery-card{margin-top:12px;border:1px solid rgba(232,243,87,.23);border-radius:11px;background:#e8f35712;padding:12px 13px;display:grid;gap:3px}.recovery-card>span{text-transform:uppercase;color:var(--acid);letter-spacing:1.3px;font-size:8px;font-weight:700}.recovery-card strong{font-size:12px}.recovery-card small{font-size:9px;color:#bfcec3}.product-settings{max-width:1080px;margin:0 auto 70px;padding:0 24px}.product-settings details{border:1px solid var(--line);border-radius:18px;background:#ffffff8c;overflow:hidden}.product-settings summary{padding:20px 24px;list-style:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.product-settings summary::-webkit-details-marker{display:none}.product-settings summary>span{display:flex;align-items:center;gap:13px}.product-settings summary small{display:block;text-transform:uppercase;letter-spacing:1.3px;font-size:8px;color:var(--muted);margin-bottom:2px}.product-settings summary strong{font:700 14px Manrope}.product-settings details[open] summary>svg{transform:rotate(180deg)}.settings-number{width:32px;height:32px}.settings-content{border-top:1px solid var(--line);padding:25px}.settings-content>p{color:var(--muted);font-size:12px;margin:0 0 22px}.settings-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px}fieldset{border:1px solid var(--line);border-radius:12px;padding:16px}legend{font-size:11px;font-weight:700;padding:0 5px}.number-field{display:grid;grid-template-columns:1fr 108px;gap:10px;align-items:center;margin:8px 0;font-size:11px;color:var(--muted)}.number-field>div{display:grid;grid-template-columns:1fr 28px;align-items:center;border:1px solid var(--line);border-radius:7px;background:#fff;overflow:hidden}.number-field input{min-width:0;width:100%;border:0;padding:7px;background:transparent}.number-field small{font-size:9px}.reset-button{margin-top:20px;border:0;background:transparent;color:var(--green);font-size:11px;font-weight:700;display:flex;align-items:center;gap:6px;cursor:pointer}footer{max-width:1080px;margin:0 auto;padding:0 24px 36px;display:flex;justify-content:space-between;gap:30px;color:#858a84;font-size:10px}footer p{margin:0;max-width:620px;line-height:1.5}footer span{text-transform:uppercase;letter-spacing:1.5px;font-weight:700}@media(max-width:800px){.workspace{grid-template-columns:1fr;max-width:590px}.hero{margin-top:25px}.settings-grid{grid-template-columns:1fr}}@media(max-width:520px){.topbar{padding:18px}.hero{margin-bottom:35px}.hero h1{letter-spacing:-3.5px}.workspace,.product-settings{padding-left:12px;padding-right:12px}.form-panel,.result-panel{padding:25px 20px;border-radius:20px}.duration-grid{grid-template-columns:repeat(3,1fr)}.duration-grid button:last-child{grid-column:span 2}.split-fields{grid-template-columns:1fr}.recipe-cards{grid-template-columns:1fr 1fr}.recipe-card{padding:11px;gap:8px}.recipe-icon{display:none}.segmented button{font-size:10px}footer{flex-direction:column}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.compact-hero{margin-top:28px;margin-bottom:42px}.compact-hero h1{font-size:clamp(43px,6vw,68px)}.manual-workspace{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)}.program-divider{display:flex;align-items:center;gap:12px;margin:3px 0 6px;color:#7d837c;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px}.program-divider:before,.program-divider:after{content:"";height:1px;background:var(--line);flex:1}.steppers{display:grid}.stepper-row,.recovery-choice{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.stepper-label{display:flex;align-items:center;gap:12px;min-width:0}.stepper-label>span:last-child{display:grid;gap:3px}.stepper-label strong{font:700 13px Manrope}.stepper-label small{color:var(--muted);font-size:10px}.stepper-icon{width:40px;height:40px;flex:0 0 auto;display:grid;place-items:center;color:var(--green);background:#edf3df;border-radius:12px}.stepper-icon.recovery-icon{background:#eee8fa;color:#664a83}.stepper{display:grid;grid-template-columns:34px 43px 34px;align-items:center;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff;flex:0 0 auto}.stepper button{width:34px;height:36px;border:0;background:#f2f3ed;display:grid;place-items:center;cursor:pointer}.stepper button:hover:not(:disabled){background:var(--acid)}.stepper button:disabled{opacity:.35;cursor:default}.stepper output{text-align:center;font:800 15px Manrope}.recovery-choice{border-bottom:0;padding-bottom:0}.two-choice{display:grid;grid-template-columns:1fr 1fr;padding:3px;border-radius:10px;background:#edeee8;flex:0 0 auto}.two-choice button{border:0;background:transparent;padding:8px 10px;border-radius:8px;font-size:10px;cursor:pointer}.two-choice button.active{background:#fff;box-shadow:0 2px 8px #161f171a;font-weight:700}.balance-panel{padding-bottom:30px}.balance-total{text-align:center;margin:40px 0 30px}.balance-total>span{display:block;color:#b8c8bd;text-transform:uppercase;letter-spacing:1.6px;font-size:9px;font-weight:700}.balance-total>strong{display:block;font:800 75px/.95 Manrope;letter-spacing:-5px;color:#fff;margin:7px 0 3px}.balance-total>strong small{color:var(--acid);font-size:25px;letter-spacing:-1px;margin-left:5px}.balance-total p{color:#c2d0c6;font-size:11px;margin:0}.contribution-list{border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14);padding:8px 0}.contribution-list>div{display:flex;justify-content:space-between;align-items:center;padding:10px 0;font-size:11px}.contribution-list>div>span{display:flex;align-items:center;gap:7px;color:#e1e9e3}.contribution-list small{color:#96aa9d;font-size:9px;margin-left:2px}.contribution-list strong{font:700 12px Manrope}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.iso-dot{background:var(--acid)}.fruit-dot{background:#ffad72}.recovery-dot{background:#bba2d4}.balance-verdict{margin-top:25px;border-radius:14px;background:#ffffff12;padding:18px;border:1px solid rgba(255,255,255,.12)}.balance-verdict.on-target{border-color:#e8f35757;background:#e8f35712}.balance-verdict.under{border-color:#ffad724d}.balance-verdict.over{border-color:#bba2d452}.balance-meter{height:5px;border-radius:9px;background:#ffffff21;position:relative;margin:0 0 17px}.balance-meter span{display:block;height:100%;border-radius:inherit;background:var(--acid)}.balance-meter i{width:11px;height:11px;border:2px solid var(--green);border-radius:50%;background:var(--acid);position:absolute;top:50%;transform:translate(-50%,-50%)}.verdict-heading{display:flex;justify-content:space-between;gap:15px;align-items:center}.verdict-heading span{font:700 13px Manrope}.verdict-heading strong{color:var(--acid);font:800 18px Manrope}.balance-verdict>p{margin:6px 0 0;color:#aebfb3;font-size:10px;display:flex;gap:5px}.balance-verdict>p strong{color:#fff}.effective-rate{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding:0 3px}.effective-rate span{color:#aebfb3;font-size:10px}.effective-rate strong{color:#fff;font:700 13px Manrope}.recovery-note{display:flex;align-items:flex-start;gap:8px;color:#c8d5cc;border-top:1px solid rgba(255,255,255,.13);margin-top:20px;padding-top:18px}.recovery-note svg{flex:0 0 auto;color:#bba2d4}.recovery-note p{margin:0;font-size:9px;line-height:1.45}@media(max-width:800px){.manual-workspace{grid-template-columns:1fr}}@media(max-width:520px){.compact-hero{padding:0 18px}.compact-hero h1{font-size:43px}.stepper-row,.recovery-choice{gap:10px}.stepper-label small{max-width:150px}.two-choice button{padding:8px 7px}.balance-total>strong{font-size:66px}}