:root{font-family:Segoe UI,system-ui,sans-serif;color:#213e32;background:#f5f4ee;font-synthesis:none;line-height:1.5;font-weight:400;-webkit-font-smoothing:antialiased;--green: #214b3c;--muted: #647169;--line: #e1e5da;--lime: #e0f1ab}*{box-sizing:border-box}body{margin:0;min-width:280px}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #7c9b47;outline-offset:4px}input:focus-visible{outline:3px solid #b6cd8f;outline-offset:2px;border-color:#54724a}::selection{background:#d8e9b0;color:#173d30}h1,h2,h3,p{margin:0}main{max-width:39rem;margin:0 auto;padding:0 1.25rem 2.5rem}.site-header{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;color:var(--green);text-decoration:none;font-size:1.25rem;font-weight:800;letter-spacing:-.055em;white-space:nowrap}.brand-icon{width:33px;height:33px;margin-right:.45rem}.brand-icon svg{width:100%;height:100%}.brand-dot,.footer-brand span{color:#779748}.header-note{color:var(--muted);font-size:.72rem}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:.75rem;padding:2rem 0 1.5rem}.eyebrow{font-size:.65rem;line-height:1.5;letter-spacing:.14em;font-weight:750}.page-heading .eyebrow{color:var(--muted);margin-bottom:.6rem}h1{font-size:clamp(1.95rem,6.8vw,2.65rem);line-height:1.12;letter-spacing:-.055em;font-weight:750}.date-label{color:var(--muted);font-size:.75rem;white-space:nowrap;padding-bottom:.15rem}.protein-card{position:relative;border-radius:24px;padding:1.6rem;background:var(--green);color:#f4f7ed;scroll-margin-top:1rem}.hero-topline{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.hero-topline .eyebrow{color:#d2dfd3;font-weight:650;letter-spacing:.12em}.today-tag{display:inline-flex;align-items:center;gap:.4rem;padding:.28rem .6rem;border:1px solid #55705f;border-radius:20px;font-size:.65rem}.today-tag>span{width:5px;height:5px;border-radius:50%;background:var(--lime)}.protein-range{padding:1.1rem 0 1.4rem}.range-number{font-size:clamp(2.75rem,11.4vw,4.7rem);line-height:1.13;font-weight:750;letter-spacing:-.065em;font-variant-numeric:tabular-nums}.range-dash{padding:0 .08em;color:#c2d2b6;font-weight:400}.range-unit{font-size:.44em;letter-spacing:-.04em;font-weight:500;margin-left:.22em}.range-placeholder{font-size:clamp(2.4rem,9vw,3.5rem);line-height:1.05;letter-spacing:-.055em;font-weight:700}.hero-caption{color:#c4d4c6;font-size:.78rem;margin-top:.5rem}.protein-checkin{display:flex;align-items:center;gap:.9rem;min-height:80px}.bot-wrap{color:var(--lime);position:relative;width:70px;flex:0 0 70px}.fuel-bot{display:block;width:100%;overflow:visible}.bot-happy-eyes,.bot-neutral{display:none}[data-mood=in] .bot-happy-eyes{display:block}[data-mood=in] .bot-eyes,[data-mood=over] .bot-smile{display:none}[data-mood=over] .bot-neutral{display:block}[data-mood=under] .bot-eyes{transform:translateY(1px)}[data-mood=over] .bot-eyes{transform:translate(-2px)}.logged-protein{color:#c4d4c6;font-size:.78rem}.logged-protein strong{color:#f4f7ed;font-size:1.3rem;font-weight:700;margin-right:.2rem;font-variant-numeric:tabular-nums}.status-copy{color:#dae5d7;font-size:.76rem;margin-top:.15rem;text-wrap:pretty}[data-mood=in] .status-copy{color:var(--lime)}.protein-progress{margin:.9rem 0 1.25rem}.progress-rail{position:relative;height:8px;border-radius:8px;background:#426351}.range-band{position:absolute;right:15%;height:100%;background:#9bb078}.progress-fill{position:absolute;inset:0 auto 0 0;background:var(--lime);border-radius:8px;transition:width .35s ease}.range-tick{position:absolute;top:-3px;width:2px;height:14px;background:#e3eed4}.range-end{left:85%}.progress-labels{display:flex;justify-content:space-between;margin-top:.6rem;color:#c4d4c6;font-size:.65rem;font-variant-numeric:tabular-nums}.weight-row{display:flex;justify-content:space-between;align-items:center;gap:.8rem;border-top:1px solid #4d6b59;padding-top:1.25rem;margin-top:1rem}.weight-row label{font-size:.85rem;color:#f4f7ed;margin-bottom:.2rem}.weight-row p{color:#c4d4c6;font-size:.7rem;max-width:220px}.weight-input{position:relative;flex:0 0 98px}.weight-input input{background:#315544;color:#fff;border:1px solid #708976;padding:.7rem 2rem .7rem .8rem;font-weight:650;border-radius:12px}.weight-input input::placeholder{color:transparent}.weight-input>span{position:absolute;right:.8rem;top:50%;transform:translateY(-50%);font-size:.8rem;color:#d2dfd3;pointer-events:none}.weight-input input[aria-invalid=true]{border-color:#f3cbb3}.weight-error{font-size:.75rem;color:#ffe1c7}.weight-error:not(:empty){margin-top:.65rem}.meal-note{color:#c4d4c6;font-size:.72rem;margin-top:.9rem}.meal-note strong{color:#f4f7ed;font-weight:600}.spark{position:absolute;width:5px;height:8px;border-radius:2px;background:var(--lime);opacity:0;pointer-events:none}.spark-one{left:2px;top:13px;--spark-x: -12px;--spark-y: -17px}.spark-two{right:3px;top:5px;--spark-x: 10px;--spark-y: -20px}.spark-three{right:-5px;top:32px;--spark-x: 17px;--spark-y: -8px}.celebrating .fuel-bot{animation:happy-hop .65s ease-in-out 2;transform-origin:50% 100%}.celebrating .spark{animation:spark-pop 1.4s ease-out both}.celebrating .spark-two{animation-delay:.1s}.celebrating .spark-three{animation-delay:.2s}@keyframes happy-hop{0%,to{transform:translateY(0) rotate(0)}40%{transform:translateY(-7px) rotate(-5deg)}70%{transform:translateY(-2px) rotate(3deg)}}@keyframes spark-pop{0%{opacity:0;transform:translateY(5px) scale(.4)}25%{opacity:1}to{opacity:0;transform:translate(var(--spark-x),var(--spark-y)) rotate(55deg)}}.card{background:#fffefa;border:1px solid var(--line);border-radius:24px;padding:1.6rem;margin-top:1.25rem}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.section-heading .eyebrow{color:var(--muted);font-size:.6rem;margin-bottom:.35rem}h2{font-size:1.3rem;font-weight:700;letter-spacing:-.035em;line-height:1.25}.section-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#eef2e4;color:#5a7346;font-size:1.7rem;font-weight:350}.section-intro{font-size:.8rem;color:var(--muted);margin-top:.6rem;margin-bottom:1.4rem}label{display:block;font-size:.8rem;font-weight:650;margin-bottom:.45rem}label span{color:var(--muted);font-size:.75rem;font-weight:400}input{width:100%;min-width:0;min-height:48px;padding:.75rem .85rem;border:1px solid #d6dcd0;border-radius:12px;background:#fcfcf8;color:#213e32;font-size:1rem;line-height:1.35;transition:border-color .15s}input::placeholder{color:#7d857b;font-size:.85rem;opacity:1}input:hover{border-color:#8e9f85}input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-top:1rem}.add-button{display:flex;justify-content:center;align-items:center;gap:.5rem;min-height:50px;width:100%;border:0;border-radius:12px;background:var(--green);color:#f4f7ed;font-size:.88rem;font-weight:650;margin-top:1.1rem;transition:background .15s,transform .15s}.add-button>span{font-size:1.25rem;font-weight:400}.add-button:hover{background:#173b2e}.add-button:active{transform:translateY(1px)}.goal-row{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1rem}.goal-button{border:1px solid rgba(255,255,255,.35);background:transparent;color:#f4f7ed;border-radius:999px;padding:.45rem .75rem;font-size:.78rem;font-weight:650}.goal-button.on{background:#e0f1ab;color:#173d30;border-color:#e0f1ab}.goal-note{color:#d7e4d4;font-size:.82rem;margin:.7rem 0 0}.photo-box{position:relative;border:1px dashed var(--line);border-radius:16px;padding:.9rem;margin:.4rem 0 1rem}.photo-label{display:block;font-weight:650;margin:0 0 .55rem}.photo-actions{display:flex;flex-wrap:wrap;gap:.5rem}.photo-button{flex:1 1 8rem;min-height:48px;border:0;border-radius:12px;background:var(--green);color:#f4f7ed;font-size:.88rem;font-weight:650}.photo-upload{background:#fcfcf8;color:#213e32;border:1px solid var(--line)}.photo-button:disabled{opacity:.6}.photo-file{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.log-heading{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:1.25rem;margin-top:1.5rem}.log-heading h3{font-size:.85rem;font-weight:650}.log-heading>span{color:var(--muted);font-size:.7rem}.empty-log{display:flex;align-items:center;justify-content:center;gap:.8rem;padding:1.5rem .5rem .4rem}.empty-icon{display:grid;place-items:center;border:1px dashed #b5c1a9;border-radius:12px;width:36px;height:40px;color:#8c9e7d;font-size:1.4rem}.empty-log p{color:#516349;font-size:.82rem;font-weight:600}.empty-log div>span{color:var(--muted);font-size:.75rem}.food-list{list-style:none;margin:.5rem 0 0;padding:0}.food-list li{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.9rem 0;border-bottom:1px solid var(--line)}.food-list li:last-child{border-bottom:0;padding-bottom:0}.food-detail{min-width:0;display:grid;gap:.2rem}.food-name{font-size:.9rem;font-weight:600;overflow-wrap:anywhere}.food-detail>span+span{color:var(--muted);font-size:.72rem}.food-detail strong{color:#526845;font-weight:600}.food-detail span[aria-hidden]{padding:0 .3rem;color:#9ba88f}.remove-button{flex-shrink:0;min-height:44px;padding:.5rem .2rem .5rem .5rem;background:none;border:0;color:#62725b;font-size:.72rem;text-decoration:underline;text-underline-offset:3px;border-radius:8px}.remove-button:hover{color:#7b3e2e}.calories-topline{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.calories-topline h2{font-size:1.1rem}.quiet-tag{background:#eef1e7;padding:.3rem .5rem;border-radius:8px;font-size:.53rem;letter-spacing:.08em;color:#526349;font-weight:650}.calorie-total{color:var(--muted);font-size:.8rem;margin:.75rem 0 1.2rem}.calorie-total>strong{color:#213e32;font-size:1.8rem;font-weight:650;letter-spacing:-.04em;margin-right:.25rem}.coach-target{display:block;margin-top:.15rem}.coach-input{position:relative}.coach-input input{padding-right:3rem}.coach-input>span{position:absolute;top:50%;right:.85rem;transform:translateY(-50%);color:var(--muted);font-size:.75rem;pointer-events:none}.note{color:var(--muted);font-size:.72rem;line-height:1.65;margin-top:.9rem}.guidance{display:flex;gap:.8rem;padding:1.65rem .25rem}.info-icon{display:grid;place-items:center;flex:0 0 20px;height:20px;border:1px solid #8d9b82;border-radius:50%;color:#617256;font-family:Georgia,serif;font-size:.85rem;margin-top:.1rem}.guidance h2{font-size:.83rem;letter-spacing:0;line-height:1.5}.guidance p{color:#647061;font-size:.73rem;line-height:1.7;margin-top:.5rem}footer{border-top:1px solid var(--line);padding:1.5rem 0 0;color:var(--muted);font-size:.68rem;line-height:1.7}.footer-brand{color:var(--green);font-weight:750;font-size:1rem;letter-spacing:-.04em;margin-bottom:.4rem}footer p+p{margin-top:.3rem}footer .source{font-size:.63rem;color:#6e7868;margin-top:.8rem}@media(min-width:600px){main{padding-inline:1.75rem}.site-header{min-height:108px}.page-heading{padding-top:2.5rem;padding-bottom:1.8rem}.protein-card,.card{padding:2rem}.protein-range{padding-top:1.4rem}.range-number{font-size:4.7rem}.weight-row p{max-width:none}.weight-input{flex-basis:112px}}@media(max-width:359px){main{padding-inline:.85rem}.protein-card,.card{padding:1.15rem;border-radius:20px}.header-note{max-width:70px;text-align:right}.range-number{font-size:2.75rem}.hero-topline .eyebrow,.today-tag{font-size:.58rem}.weight-input{flex-basis:85px}.bot-wrap{width:58px;flex-basis:58px}.protein-checkin{gap:.6rem}.coach-input input::placeholder{font-size:.68rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}