:root{--ink:#14211a;--paper:#f4f0dc;--card:#fffdf3;--green:#2c8c55;--lime:#c9ff55;--berry:#c93e68;--line:#aeb5a2;--muted:#5f685f}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,system-ui,sans-serif;line-height:1.55}a{color:inherit}header{background:var(--ink);color:white}nav{max-width:1120px;margin:auto;padding:17px 22px;display:flex;justify-content:space-between;align-items:center}.brand{font:900 1.1rem ui-monospace,monospace;text-decoration:none}.brand b{color:var(--lime)}.navlinks{display:flex;gap:18px}.navlinks a{text-decoration:none;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em}.hero{max-width:1120px;margin:auto;padding:65px 22px 34px;display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:end}.kicker{font:800 .75rem ui-monospace,monospace;text-transform:uppercase;letter-spacing:.16em}.hero h1,.content h1{font:900 clamp(3.2rem,8vw,7rem)/.84 Arial Black,Impact,sans-serif;letter-spacing:-.075em;margin:18px 0}.hero h1 em{font-style:normal;color:var(--green)}.hero p{font-size:1.15rem;max-width:690px}.fact{background:var(--lime);border:3px solid var(--ink);padding:23px;box-shadow:8px 8px 0 var(--ink);transform:rotate(1deg)}.fact strong{font:900 3.4rem Arial;display:block}.workspace{max-width:1120px;margin:12px auto 70px;padding:0 22px;display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.panel{background:var(--card);border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink)}.panel-title{padding:14px 17px;border-bottom:2px solid var(--ink);font:900 .82rem ui-monospace,monospace;display:flex;justify-content:space-between}.panel-body{padding:18px}.goal-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}label{display:block;font:800 .78rem ui-monospace,monospace;text-transform:uppercase}input{width:100%;border:2px solid var(--ink);background:white;padding:11px;margin-top:5px;font:1rem ui-monospace,monospace}.food-row{display:grid;grid-template-columns:1fr 120px 92px 38px;gap:8px;align-items:end;margin:10px 0}.food-row button{padding:10px;background:white}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}button{border:2px solid var(--ink);background:var(--lime);color:var(--ink);padding:11px 16px;font:900 .82rem ui-monospace,monospace;cursor:pointer;box-shadow:3px 3px 0 var(--ink)}button.secondary{background:white}.summary{text-align:center;padding:12px 0 22px}.ring{--p:0;width:190px;height:190px;margin:0 auto 15px;border-radius:50%;background:conic-gradient(var(--green) calc(var(--p)*1%),#d8d7c8 0);display:grid;place-items:center}.ring:after{content:"";width:142px;height:142px;border-radius:50%;background:var(--card);position:absolute}.ring-text{position:relative;z-index:1}.ring-text strong{display:block;font:900 2.4rem Arial}.ring-text small{font-weight:800}.metrics{display:grid;grid-template-columns:repeat(3,1fr);border:2px solid var(--ink)}.metric{padding:12px 8px;border-right:1px solid var(--ink)}.metric:last-child{border:0}.metric strong{display:block;font-size:1.25rem}.ramp{margin-top:18px;border-top:2px solid var(--ink);padding-top:15px}.day{display:grid;grid-template-columns:55px 1fr 54px;gap:8px;align-items:center;margin:8px 0;font:800 .75rem ui-monospace,monospace}.bar{height:12px;background:#d8d7c8}.bar i{display:block;height:100%;background:var(--berry)}.explain{max-width:1120px;margin:0 auto 80px;padding:0 22px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.explain article{border-top:7px solid var(--ink)}.explain h2{font:900 1.6rem Arial;margin-bottom:8px}.source{font-size:.78rem;color:var(--muted)}.content{max-width:800px;margin:65px auto;padding:0 22px 100px}.content h1{font-size:clamp(3rem,7vw,5.5rem)}.content h2{margin-top:2.3rem}.note{border:2px solid var(--ink);background:var(--lime);padding:18px}footer{background:var(--ink);color:white;padding:28px 22px}.footer{max-width:1120px;margin:auto;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.footer a{margin-right:14px}@media(max-width:800px){.hero,.workspace,.explain{grid-template-columns:1fr}.fact{transform:none}.navlinks{display:none}.food-row{grid-template-columns:1fr 90px 80px 38px}.goal-grid{grid-template-columns:1fr}.metrics{grid-template-columns:1fr}.metric{border-right:0;border-bottom:1px solid var(--ink)}}