*{box-sizing:border-box}html,body{margin:0}body{background:#06120e;color:#e8fff3;font:17px/1.6 Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:#86efac}.wrap{max-width:860px;margin:auto;padding:22px 18px 60px}
.nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:26px}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:850;font-size:19px}.brand img{width:34px;height:34px;border-radius:50%;border:1px solid #6befa8}.brand span{color:#22e07d}
.crumbs{font-size:14px;color:#8fb5a4;margin-bottom:8px}.crumbs a{color:#8fb5a4}
h1{font-size:clamp(30px,6vw,46px);line-height:1.08;letter-spacing:-.02em;margin:0 0 10px}h2{font-size:22px;margin:34px 0 12px}
.lead{font-size:20px;color:#cfe7dc;margin:0 0 20px}.aka{color:#8fb5a4;font-size:15px}
.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:16px;margin:22px 0}.card{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:20px;padding:18px}
.kcal b{display:block;font-size:44px;letter-spacing:-.02em;line-height:1.1}.kcal small{color:#8fb5a4}
.macros{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.macros div{background:#ffffff0d;border-radius:14px;padding:10px;text-align:center}.macros b{display:block;font-size:22px}.macros small{color:#8fb5a4}
.score{display:flex;align-items:center;gap:16px}.score .n{width:96px;height:96px;border-radius:50%;display:grid;place-items:center;font-size:34px;font-weight:900;flex:none}
.ex{background:#22e07d33;color:#86efac;border:3px solid #22e07d}.gd{background:#84cc1633;color:#d9f99d;border:3px solid #84cc16}.fr{background:#f59e0b33;color:#fde68a;border:3px solid #f59e0b}.pr{background:#f43f5e33;color:#fda4af;border:3px solid #f43f5e}
.bar{display:grid;grid-template-columns:110px 1fr 80px;grid-template-rows:auto auto;column-gap:12px;align-items:center;margin:10px 0}.bar small{grid-column:2/4;color:#8fb5a4;font-size:13px}.bar b{text-align:right}
.track{height:10px;border-radius:99px;background:#ffffff14;overflow:hidden}.track i{display:block;height:100%;border-radius:inherit}.lim{background:linear-gradient(90deg,#f59e0b,#f43f5e)}.goal{background:linear-gradient(90deg,#22e07d,#2aabee)}
ul.flags{list-style:none;padding:0;margin:0}ul.flags li{padding:10px 14px;border-radius:12px;margin:8px 0}li.warn{background:#f59e0b14;border:1px solid #f59e0b44}li.good{background:#22e07d14;border:1px solid #22e07d44}
ol.swaps{padding-left:22px}ol.swaps li{margin:6px 0}
.cta{margin:34px 0;padding:22px;border-radius:22px;background:linear-gradient(135deg,#22e07d26,#2aabee1f);border:1px solid #22e07d55;text-align:center}.cta h2{margin-top:0}
.btns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:14px}.btn{display:inline-block;padding:14px 22px;border-radius:999px;font-weight:800;text-decoration:none}.tg{background:linear-gradient(135deg,#2aabee,#1f8fd6);color:#fff}.wa{background:#25d366;color:#04210f}
.faq h3{font-size:18px;margin:18px 0 4px}.faq p{margin:0;color:#cfe7dc}
.related{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.related a{display:block;padding:12px 14px;border-radius:14px;background:#ffffff0a;border:1px solid #ffffff1a;text-decoration:none;color:#e8fff3}.related small{display:block;color:#8fb5a4}
.note{color:#8fb5a4;font-size:14px;margin-top:30px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;margin:10px 0 24px}.grid a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px;border-radius:14px;background:#ffffff0a;border:1px solid #ffffff1a;text-decoration:none;color:#e8fff3}.grid a small{color:#8fb5a4}.pill{font-size:12px;font-weight:800;padding:3px 9px;border-radius:999px;border-width:1px}
@media(max-width:700px){.hero{grid-template-columns:1fr}.bar{grid-template-columns:90px 1fr 70px}}
.w0{width:0%}.w5{width:5%}.w10{width:10%}.w15{width:15%}.w20{width:20%}.w25{width:25%}.w30{width:30%}.w35{width:35%}.w40{width:40%}.w45{width:45%}.w50{width:50%}.w55{width:55%}.w60{width:60%}.w65{width:65%}.w70{width:70%}.w75{width:75%}.w80{width:80%}.w85{width:85%}.w90{width:90%}.w95{width:95%}.w100{width:100%}