:root{--ink:#17352d;--muted:#687a74;--cream:#f7f5ee;--paper:#fffefa;--green:#166b55;--lime:#b9d76b;--peach:#ef9c75;--line:#dedfd7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif}.site-header{height:80px;padding:0 max(5vw,24px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dddcd4;background:rgba(247,245,238,.93);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.brand{color:var(--ink);text-decoration:none;font:800 23px Manrope;display:flex;align-items:center;gap:9px}.brand-mark{display:grid;place-items:center;background:var(--green);color:white;border-radius:50% 50% 46% 54%;width:32px;height:32px;font-size:20px;font-style:italic}.site-header nav{display:flex;gap:38px}.site-header nav a{color:var(--muted);text-decoration:none;font-size:14px;font-weight:600}.site-header nav a.active,.site-header nav a:hover{color:var(--green)}button{font:inherit}.save-button{border:1px solid var(--green);background:transparent;border-radius:8px;color:var(--green);font-weight:700;padding:11px 18px;cursor:pointer}.hero{text-align:center;padding:84px 20px 50px;background:radial-gradient(circle at 50% 0,#e7edcd 0,transparent 42%)}.eyebrow,.section-kicker{font-size:12px;letter-spacing:2.2px;font-weight:700;color:var(--green)}.eyebrow span{color:#e49564}.hero h1,.nutrients>h2{font:800 clamp(42px,6vw,74px)/1.05 Manrope;margin:20px 0 22px;letter-spacing:-3px}.hero h1 em,.nutrients h2 em{font-family:Georgia,serif;font-weight:400;color:var(--green)}.hero p,.section-copy{max-width:610px;margin:auto;color:var(--muted);font-size:17px;line-height:1.7}.calculator-shell{max-width:1180px;margin:8px auto 110px;background:var(--paper);border:1px solid #dedfd8;border-radius:18px;box-shadow:0 18px 60px rgba(31,63,53,.08);overflow:hidden}.steps{height:94px;padding:0 12%;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--line)}.step{display:flex;align-items:center;gap:11px;color:#8b9994;white-space:nowrap;font-size:13px}.step span{display:grid;place-items:center;border:1px solid #b9c1bc;width:29px;height:29px;border-radius:50%}.step.active{color:var(--green)}.step.active span{color:#fff;background:var(--green);border-color:var(--green)}.step-line{height:1px;background:#d9ddd9;width:110px;margin:0 20px}.calculator-grid{display:grid;grid-template-columns:1.55fr .9fr}.controls{padding:46px 55px}.section-title{display:flex;gap:17px;align-items:start;margin-bottom:28px}.section-title>span{color:var(--peach);font:800 12px Manrope;margin-top:6px}.section-title h2{font:700 21px Manrope;margin:0 0 6px}.section-title p{margin:0;color:var(--muted);font-size:13px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 24px}.field-grid label,.field-block label{font-size:12px;color:#405850;font-weight:700}.input-wrap{height:47px;border:1px solid var(--line);border-radius:7px;background:white;display:flex;align-items:center;margin-top:8px}.input-wrap:focus-within{border-color:var(--green);box-shadow:0 0 0 3px rgba(22,107,85,.08)}.input-wrap input{min-width:0;width:100%;border:0;outline:0;padding:0 13px;font:600 14px DM Sans;color:var(--ink);background:transparent}.input-wrap span{padding-right:13px;color:#8a9893;font-size:12px}.split-input{display:grid;grid-template-columns:1fr 1fr;gap:8px}.segmented{height:47px;display:grid;grid-template-columns:1fr 1fr;margin-top:8px;background:#eef0eb;border-radius:7px;padding:3px}.segmented button{border:0;background:transparent;border-radius:5px;color:var(--muted);cursor:pointer}.segmented button.active{background:white;color:var(--green);font-weight:700;box-shadow:0 1px 4px #ccd3cc}.divider{height:1px;background:var(--line);margin:42px 0}.goal-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.goal{height:112px;background:white;border:1px solid var(--line);border-radius:9px;color:var(--ink);display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;cursor:pointer}.goal:hover,.goal.active{border:2px solid var(--green);background:#f6faf5}.goal-icon{font-size:24px;color:var(--green)}.goal b{font-size:13px;margin:5px 0 2px}.goal small{font-size:10px;color:var(--muted)}.goal i{position:absolute;top:-9px;background:var(--green);color:white;font-style:normal;font-size:8px;letter-spacing:1px;padding:3px 7px;border-radius:8px}.field-block{margin-top:29px}.label-row{display:flex;justify-content:space-between;align-items:center}.label-row>span{font-size:11px;color:var(--green);font-weight:700}.field-block input[type=range]{width:100%;accent-color:var(--green);margin:15px 0 5px}.range-ends,.balance-symbols{display:flex;justify-content:space-between;color:#91a09a;font-size:10px}.accent-block{background:#f3f6e7;padding:19px;border-radius:9px}.balance-symbols{margin-top:14px;color:#526c62}.results{background:#193f35;color:white;padding:47px 38px}.results-heading{display:flex;justify-content:space-between;align-items:center}.results-heading span{font-size:10px;letter-spacing:1.8px;color:var(--lime);font-weight:700}.results-heading small{font-size:9px;color:#90a69e}.calorie-total{display:flex;align-items:end;margin-top:22px}.calorie-total>strong{font:800 51px/1 Manrope;letter-spacing:-2px}.calorie-total>span{font-size:12px;color:#c6d1cd;margin-left:8px}.calorie-total small{display:block;font-size:9px;margin-top:3px}.goal-note{font-size:10px;color:#bfd2ca;margin:13px 0 27px}.goal-note span{color:var(--lime)}.macro-ring{width:190px;height:190px;border-radius:50%;margin:12px auto 31px;display:grid;place-items:center;background:conic-gradient(var(--lime) 0 25%,#e9976f 25% 70%,#62a99a 70% 100%);position:relative}.macro-ring:before{content:"";position:absolute;width:126px;height:126px;background:#193f35;border-radius:50%}.macro-ring div{position:relative;text-align:center}.macro-ring strong{font:700 26px Manrope}.macro-ring small{display:block;color:#9eb2aa;font-size:10px}.macro-list>div{display:flex;align-items:center;border-top:1px solid rgba(255,255,255,.12);padding:14px 0}.dot{width:9px;height:9px;border-radius:50%;margin-right:12px}.dot.protein{background:var(--lime)}.dot.carbs{background:#e9976f}.dot.fat{background:#62a99a}.macro-list p{display:flex;flex-direction:column;margin:0;flex:1}.macro-list b{font-size:12px}.macro-list p small{color:#8ea59d;font-size:9px}.macro-list>div>strong{font:700 19px Manrope}.macro-list>div>strong small{font-size:10px;color:#99aaa4}.tip{display:flex;gap:12px;background:rgba(255,255,255,.06);padding:14px;border-radius:8px;margin-top:20px}.tip span{color:var(--lime)}.tip p{font-size:9px;line-height:1.6;color:#b8c7c1;margin:0}.tip b{color:white}.nutrients{max-width:1180px;margin:0 auto;padding:30px 20px 100px;text-align:center}.nutrients>h2{font-size:48px;margin:14px 0}.nutrient-layout{display:grid;grid-template-columns:1.25fr .85fr;text-align:left;margin-top:48px;gap:22px}.food-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}.food-card{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:18px;display:grid;grid-template-columns:45px 1fr auto;align-items:center;gap:12px;cursor:pointer;transition:.2s}.food-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(31,63,53,.08)}.food-card.selected{border-color:var(--green);background:#f5f9ef}.food-emoji{width:44px;height:44px;border-radius:9px;background:#edf1dc;display:grid;place-items:center;font-size:23px}.food-card h3{font-size:13px;margin:0 0 3px}.food-card p{font-size:10px;color:var(--muted);margin:0}.food-card button{width:25px;height:25px;border:1px solid #bdc8c2;background:white;color:var(--green);border-radius:50%;cursor:pointer}.food-card.selected button{background:var(--green);color:white}.coverage-card{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:27px}.coverage-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:20px}.coverage-head span{font-size:9px;letter-spacing:1.4px;color:var(--green);font-weight:700}.coverage-head h3{margin:5px 0 0;font:700 18px Manrope}.coverage-head>strong{font:800 38px Manrope;color:var(--green)}.coverage-head>strong small{font-size:13px}.nutrient-row{margin:17px 0}.nutrient-row div:first-child{display:flex;justify-content:space-between;font-size:11px;font-weight:700}.nutrient-row small{font-size:10px;color:var(--muted)}.bar{height:7px;background:#e8ebe5;border-radius:6px;margin-top:7px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--green),var(--lime));border-radius:6px;transition:width .4s}.coverage-note{font-size:9px;color:#84938e;border-top:1px solid var(--line);padding-top:15px;margin:20px 0 0}.how{background:var(--green);color:white;padding:45px 7%;display:flex;justify-content:space-around;font-size:12px;letter-spacing:2px}.toast{position:fixed;right:24px;bottom:24px;background:#17352d;color:white;padding:14px 20px;border-radius:8px;box-shadow:0 8px 30px #17352d44;transform:translateY(90px);transition:.3s;z-index:30;font-size:13px}.toast.show{transform:translateY(0)}
@media(max-width:850px){.site-header nav{display:none}.calculator-shell{margin:8px 14px 70px}.calculator-grid,.nutrient-layout{grid-template-columns:1fr}.results{order:-1}.controls{padding:35px 25px}.food-list{grid-template-columns:1fr 1fr}.hero{padding-top:55px}.hero h1{font-size:48px}.steps{padding:0 5%}.step-line{width:40px}.nutrients>h2{font-size:39px}}
@media(max-width:560px){.site-header{height:66px}.save-button{font-size:11px;padding:9px}.hero h1{font-size:40px;letter-spacing:-2px}.hero p{font-size:14px}.steps{height:76px}.step strong{display:none}.step-line{width:55px}.field-grid,.food-list{grid-template-columns:1fr}.goal-cards{gap:6px}.controls{padding:30px 18px}.results{padding:35px 25px}.nutrients>h2{font-size:34px}.how{flex-direction:column;align-items:center;gap:20px}}