.nutrition-page{min-height:100vh;background:radial-gradient(ellipse at 75% 0%,rgba(8,120,255,.13),transparent 38%),#05080b;padding:0 22px 50px}
.nutrition-page .eyebrow{font-size:10px;letter-spacing:.28em;margin:0 0 15px;color:#1680ff}
.nutrition-hero,.calorie-section,.library-section,.nutrition-cta,.nutrition-footer{width:min(100%,1100px);margin:0 auto}
.nutrition-hero{padding:150px 0 70px;min-height:420px}
.nutrition-hero h1,.section-heading h2,.nutrition-cta h2{font-size:clamp(42px,10vw,76px);line-height:.98;letter-spacing:-.05em;margin:0 0 18px;font-weight:900}
.nutrition-hero h1 em{font-style:normal;color:#1680ff}
.hero-copy,.section-heading>p:last-child,.nutrition-cta>p:not(.eyebrow){color:#aeb7c0;font-size:16px;line-height:1.6;max-width:590px}
.hero-link{display:inline-flex;gap:20px;align-items:center;margin-top:20px;padding:14px 0;border-bottom:1px solid #53616e;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:#f5f7fa}
.hero-link span{color:#1680ff;font-size:18px}
.calorie-section,.library-section{padding:54px 0 70px;border-top:1px solid #202a33}
.section-heading{margin-bottom:28px}
.section-heading h2,.nutrition-cta h2{font-size:clamp(34px,7vw,52px);max-width:700px}
.section-heading>p:last-child{margin:0}
.calorie-panel{padding:22px;border:1px solid #263642;border-radius:8px;background:linear-gradient(140deg,#101923,#080d12);box-shadow:0 22px 70px rgba(0,0,0,.2)}
.form-grid{display:grid;grid-template-columns:1fr;gap:16px}
.form-grid label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:700;color:#dfe4e9}
.form-grid label span{display:inline;color:#87929d;font-weight:400}
.form-grid input,.form-grid select,.search-wrap input{width:100%;min-height:48px;padding:12px 13px;border:1px solid #35424d;border-radius:4px;background:#080d12;color:#f5f7fa;font:inherit}
.form-grid input:focus,.form-grid select:focus,.search-wrap input:focus{outline:2px solid #1680ff;outline-offset:1px}
.calculate-button{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:22px;padding:16px 18px;border:0;border-radius:3px;background:#0878ff;color:#fff;text-transform:uppercase;letter-spacing:.07em;font-size:11px;font-weight:800;cursor:pointer}
.calculate-button span{font-size:18px}
.privacy-note,.estimate-note,.food-disclaimer{color:#87929d;font-size:11px;line-height:1.6}
.privacy-note{margin:13px 0 0}
.calorie-results{padding-top:24px;margin-top:25px;border-top:1px solid #2a3540}
.results-label{margin:0 0 14px;color:#1680ff;font-weight:800;letter-spacing:.2em;font-size:10px}
.target-grid{display:grid;grid-template-columns:1fr;gap:10px}
.target-grid article{display:flex;flex-direction:column;gap:8px;padding:17px;border:1px solid #28343e;border-radius:5px;background:#0b1117}
.target-grid article span{color:#aeb7c0;font-size:12px;font-weight:700}
.target-grid article strong{font-size:31px;letter-spacing:-.04em}
.target-grid article small{color:#87929d;font-size:10px;line-height:1.4}
.target-grid .target-maintenance{border-color:#126fd7;background:linear-gradient(145deg,rgba(8,120,255,.15),#0b1117)}
.estimate-note{margin:16px 0 0}
.library-tools{margin:0 0 20px}
.search-label{display:block;color:#dfe4e9;font-size:12px;font-weight:700;margin-bottom:8px}
.search-wrap{position:relative;display:flex;align-items:center}
.search-wrap>span{position:absolute;left:14px;color:#1680ff;font-size:25px;pointer-events:none}
.search-wrap input{padding-left:45px;padding-right:44px}
.search-wrap input::placeholder{color:#707b85}
.search-wrap button{position:absolute;right:8px;width:34px;height:34px;border:0;background:transparent;color:#cbd2d8;font-size:24px;cursor:pointer}
.filter-row{display:flex;gap:8px;overflow-x:auto;padding:15px 0 8px;scrollbar-width:thin}
.filter-chip{flex:0 0 auto;padding:9px 13px;border:1px solid #34404a;border-radius:99px;background:#0a1016;color:#aeb7c0;font-size:11px;font-weight:700;cursor:pointer}
.filter-chip.active{border-color:#1680ff;background:rgba(8,120,255,.14);color:#fff}
.food-count{margin:8px 0 0;color:#87929d;font-size:11px}
.food-grid{display:grid;grid-template-columns:1fr;gap:12px}
.food-card{min-width:0;padding:17px;border:1px solid #26333e;border-radius:6px;background:linear-gradient(145deg,#101820,#080d12)}
.food-card-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.food-card h3{margin:0;color:#f5f7fa;font-size:18px;line-height:1.25;letter-spacing:-.02em}
.food-category{flex:0 0 auto;color:#1680ff;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.food-meta{margin:7px 0 14px;color:#87929d;font-size:10px}
.food-serving{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 0;border-top:1px solid #25303a;border-bottom:1px solid #25303a}
.food-serving label{color:#9ba5ae;font-size:10px}
.food-serving select{max-width:64%;padding:8px 26px 8px 9px;border:1px solid #34404a;border-radius:3px;background:#080d12;color:#fff;font-size:10px}
.food-calories{display:flex;justify-content:space-between;align-items:baseline;padding:14px 0 10px}
.food-calories strong{font-size:25px;letter-spacing:-.03em}
.food-calories span{color:#aeb7c0;font-size:10px}
.macro-row{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}
.macro-row div{padding:9px 6px;border-radius:3px;background:#0a1016;text-align:center}
.macro-row b{display:block;color:#dfe4e9;font-size:12px}
.macro-row span{display:block;margin-top:4px;color:#75818b;font-size:9px}
.empty-state{grid-column:1/-1;padding:34px 18px;border:1px dashed #35424d;color:#9ba5ae;text-align:center;font-size:13px;line-height:1.6}
.pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px;margin:24px 0}
.pagination button{min-width:38px;height:38px;padding:0 10px;border:1px solid #303c46;border-radius:3px;background:#0b1117;color:#cdd4da;font-size:11px;font-weight:700;cursor:pointer}
.pagination button[aria-current="page"]{border-color:#1680ff;background:#0878ff;color:#fff}
.pagination button:disabled{opacity:.4;cursor:not-allowed}
.pagination .page-gap{padding:0 3px;color:#75818b}
.food-disclaimer{max-width:700px;margin:16px 0 0}
.nutrition-cta{padding:48px 0 56px;border-top:1px solid #202a33}
.nutrition-cta>p:not(.eyebrow){margin:0}
.nutrition-footer{padding:18px 0 0;border-top:1px solid #26313b;display:flex;justify-content:space-between;align-items:center;gap:16px}
.nutrition-footer img{width:48px;height:36px;object-fit:contain;mix-blend-mode:screen;filter:brightness(1.2) contrast(1.08)}
.nutrition-footer span{color:#78838d;font-size:9px;text-align:right}
@media(min-width:640px){.nutrition-page{padding-left:40px;padding-right:40px}.nutrition-hero{padding-top:180px;min-height:500px}.form-grid{grid-template-columns:1fr 1fr}.activity-field{grid-column:1/-1}.target-grid{grid-template-columns:repeat(3,1fr)}.food-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.calorie-panel{padding:30px}.nutrition-cta{padding-top:62px;padding-bottom:68px}}
@media(min-width:960px){.nutrition-page{padding-left:7vw;padding-right:7vw}.nutrition-hero{padding-top:190px}.food-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.food-card{padding:19px}.hero-copy,.section-heading>p:last-child,.nutrition-cta>p:not(.eyebrow){font-size:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
