:root{--paper:#faf8f1;--ink:#303c33;--muted:#798078;--forest:#315547;--line:#e3e4d9;--sage:#e9eee0;--orange:#be7952;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}button,input,select{font:inherit}button,a,input,label{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;transition:background .15s,transform .15s}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #b99756;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1{font-size:28px;letter-spacing:-1px;font-weight:650;margin-bottom:0}h2{font-size:21px;letter-spacing:-.5px;font-weight:650;margin-bottom:14px}p{line-height:1.65}.shell{max-width:960px;margin:auto;padding:0 32px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:22px 0;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--forest);font-size:23px;letter-spacing:-.7px}.brand strong{font-weight:750}.brand small{display:block;font-size:8px;letter-spacing:1.8px;margin-top:3px;color:var(--muted)}.top-actions{display:flex;gap:5px}.quiet{padding:9px 10px;border-radius:8px;color:var(--forest);background:transparent;font-size:12px}.quiet:hover{background:var(--sage)}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;color:var(--forest);margin-bottom:10px}.tag{font-size:9px;letter-spacing:1.5px;font-weight:650;color:var(--forest)}.small{font-size:12px;color:var(--muted);line-height:1.6}.primary,.secondary{padding:15px 18px;border-radius:12px;font-size:14px;font-weight:650;min-height:48px}.primary{background:var(--forest);color:#fff}.primary:hover{background:#244437}.secondary{background:var(--sage);color:var(--forest)}.full{width:100%}.positive{color:#b77753}.negative{color:var(--forest)}
.welcome{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px;min-height:calc(100vh - 100px);padding:42px 0}.welcome-art{background:var(--sage);border-radius:180px 180px 20px 20px;display:flex;flex-direction:column;align-items:center;padding:42px 24px 30px}.welcome-art img{width:100%;max-width:430px;margin:10px 0}.art-note{font-size:14px;color:var(--forest)}.welcome-copy h1{font-size:clamp(36px,4.5vw,56px);letter-spacing:-2.5px;line-height:1.22;margin:20px 0 24px}.intro{color:var(--muted);font-size:15px;margin-bottom:36px}.welcome-footer{margin-top:34px;font-size:10px;letter-spacing:.5px}.code-row{display:flex;flex-direction:column;gap:10px}.code-row .primary{display:flex;justify-content:space-between}.code-row input{background:#fff}.demo-banner{padding:10px 0;margin:0;font-size:10px;color:var(--muted);border-bottom:1px solid var(--line)}
.page-heading{display:flex;align-items:baseline;justify-content:space-between;padding:26px 0 20px;gap:12px}.deer-card{background:var(--sage);border-radius:28px;padding:28px 32px 25px;overflow:hidden}.deer-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.camera-button{display:flex;align-items:center;gap:9px;padding:15px 18px;background:var(--forest);color:#fff;border-radius:17px;box-shadow:0 4px 12px #31554715;font-size:14px;font-weight:650;min-height:52px}.camera-button:hover{background:#244437}.camera-button svg,.photo-action svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.today-energy{text-align:right}.today-energy>.today-label{font-size:11px;color:#657360}.balance-value{display:flex;align-items:baseline;justify-content:flex-end;gap:6px;margin:2px 0 5px}.balance-value strong{font-size:38px;letter-spacing:-1.5px;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}.balance-value>span{font-size:12px;color:#657360}.today-energy>small{display:block;font-size:10px;color:#73806c;white-space:nowrap}.unrecorded{color:#8e9b80}.deer-stage{display:grid;grid-template-columns:minmax(0,1fr) 112px;align-items:center;gap:24px;margin:0 auto;max-width:680px}.deer-stage>img{display:block;width:100%;aspect-ratio:1;max-width:510px;justify-self:center}.movement-buttons{display:grid;gap:12px}.workout{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;min-height:108px;padding:12px 7px;border-radius:21px;background:#fff9;color:var(--forest);box-shadow:0 3px 9px #34432b04}.workout:hover{background:#fff}.workout-icon{font-size:25px;line-height:1.1;margin-bottom:3px}.workout>strong{font-size:12px;font-weight:650;white-space:nowrap}.workout-kcal{font-size:10px;color:#7b856f}.workout-count{font-size:10px;font-weight:600;color:var(--forest)}.workout-count:empty{display:none}.deer-bottom{text-align:center;padding:4px 0 0}.deer-bottom h2{font-size:26px;letter-spacing:-.8px;margin:0}
.history-card{margin-top:20px;padding:25px 28px 20px;border:1px solid var(--line);border-radius:24px;background:#fffdf8}.history-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.history-heading h2{margin:0}.periods{display:flex;gap:3px;padding:4px;border-radius:13px;background:#eceee5}.periods button{padding:10px 17px;border-radius:10px;background:transparent;color:var(--muted);font-size:12px;min-height:40px}.periods button[aria-pressed=true]{background:#fff;color:var(--forest);box-shadow:0 1px 5px #263b1710}.history-summary{display:flex;align-items:baseline;gap:12px;margin:22px 0 5px}.history-summary>span{font-size:11px;color:var(--muted)}.history-summary>strong{font-size:24px;letter-spacing:-.8px;font-weight:650}.history-summary>small{font-size:10px;color:var(--muted);margin-left:auto}.chart svg{display:block;width:100%;height:auto;overflow:visible}.chart-grid{stroke:#eaebe1;stroke-width:1;stroke-dasharray:3 5}.chart-baseline{stroke:#bbc8b7;stroke-width:1.3}.axis-label{fill:#858b80;font-size:12px}.today-label{fill:var(--forest);font-weight:650}.bar-positive{fill:#c9906c}.bar-negative{fill:#72937e}.day-mark.selected .bar-positive{fill:#ad6b43}.day-mark.selected .bar-negative{fill:var(--forest)}.day-hit{cursor:pointer}.day-hit:focus{outline:none}.day-mark.selected .day-hit{fill:#31554706}.day-hit:focus-visible{stroke:#a4b897;stroke-width:1.5;rx:6}.missing-mark{stroke:#c5cbbb;stroke-width:2.5;stroke-linecap:round}.chart-empty-title{fill:var(--forest);font-size:17px;font-weight:550}.legend{display:flex;justify-content:center;gap:22px;font-size:10px;color:var(--muted);margin:5px 0 17px}.legend>span{display:flex;align-items:center;gap:6px}.legend i{display:inline-block;width:8px;height:8px;border-radius:3px}.legend .warm{background:#c9906c}.legend .green{background:#72937e}.legend .missing{background:#c5cbbb;height:2px}.history-day{display:grid;grid-template-columns:1fr auto;gap:5px 10px;align-items:center;padding:14px 17px;background:#f0f2e9;border-radius:13px}.history-day>span{font-size:11px;color:var(--forest)}.history-day>strong{font-size:18px;font-weight:650;font-variant-numeric:tabular-nums}.history-day>small{grid-column:1/-1;color:var(--muted);font-size:10px}.history-note{font-size:10px;color:var(--muted);text-align:center;margin:12px 0 0}
.journal{padding:22px 0;border-bottom:1px solid var(--line)}.journal>summary{font-size:14px;font-weight:650}.journal>summary span{font-size:11px;font-weight:400;margin-left:8px}.journal[open]>summary{margin-bottom:10px}.empty{text-align:center;color:var(--muted);padding:24px;font-size:12px}.entry{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.entry:last-child{border-bottom:0}.entry-dot{display:grid;place-items:center;width:34px;height:34px;background:var(--sage);border-radius:11px;color:var(--forest);font-size:15px;flex-shrink:0}.entry-body{flex:1;min-width:0}.entry-body strong{display:block;font-size:13px;overflow-wrap:anywhere}.entry-body small{font-size:10px;color:var(--muted);display:block;margin-top:4px}.entry-value{font-size:13px;white-space:nowrap;font-weight:650}.remove{background:transparent;color:var(--muted);padding:8px;font-size:19px;min-width:40px;min-height:40px}.how-it-works{padding:20px 0;font-size:12px;color:var(--muted)}summary{cursor:pointer;color:var(--forest);min-height:24px}.how-it-works p{max-width:800px;margin-top:16px}footer{display:flex;justify-content:space-between;padding:16px 0 28px;color:var(--muted);font-size:10px;gap:10px}.status{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);width:max-content;max-width:90vw;background:var(--forest);color:#fff;border-radius:12px;padding:12px 20px;font-size:13px;z-index:10;box-shadow:0 4px 20px #192d2120;text-align:center}.status:empty{display:none}
dialog{width:min(480px,calc(100vw - 28px));max-height:90dvh;padding:26px;border:1px solid var(--line);border-radius:24px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#1f302955;backdrop-filter:blur(4px)}.dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;gap:12px}.dialog-heading h2{font-size:24px;margin-bottom:0}.dialog-heading .eyebrow{margin-bottom:6px}.close{padding:2px 7px;font-size:26px;color:var(--muted);background:none;border-radius:7px;min-width:36px;min-height:36px}label{display:block;font-size:12px;font-weight:550;color:var(--forest);margin-bottom:16px}input:not([type=file]),select{display:block;width:100%;min-height:46px;padding:11px 12px;border:1px solid #d6dbcd;border-radius:9px;background:#fffdf8;color:var(--ink);margin-top:8px;font-size:14px}input::placeholder{color:#9a9f94;font-size:12px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.error{color:#a45338;font-size:12px;line-height:1.6}.error:empty{display:none}.photo-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.photo-action{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:96px;border-radius:17px;background:var(--sage);color:var(--forest);font-size:13px;font-weight:650}.photo-action:hover{background:#dfe7d3}.photo-action svg{width:27px;height:27px}.food-photo{display:block;width:100%;max-height:190px;object-fit:contain;border-radius:14px;background:#ebece3;margin-top:18px}.photo-status{font-size:13px;color:var(--forest);text-align:center;margin:18px 0}.photo-status:empty{display:none}.photo-status:not(:empty)::before{content:"";display:inline-block;width:13px;height:13px;vertical-align:-2px;margin-right:8px;border:2px solid #ccd5c0;border-top-color:var(--forest);border-radius:50%;animation:spin .9s linear infinite}.photo-result{text-align:center;padding-top:18px}.photo-result h3{font-size:15px;font-weight:550;margin:0 0 8px;overflow-wrap:anywhere}.estimate-number{display:flex;align-items:baseline;justify-content:center;gap:7px;color:var(--forest)}.estimate-number strong{font-size:42px;letter-spacing:-1.5px;line-height:1.1}.estimate-number span{font-size:13px}.photo-result>.small{font-size:10px;margin:8px 0 18px}.photo-result details{text-align:left;border-top:1px solid var(--line);padding:12px 0;font-size:12px}.photo-result summary{font-size:11px}.photo-result summary>span{float:right;color:var(--muted)}.portion-buttons{display:flex;gap:7px;margin-top:12px}.portion-buttons button{flex:1;background:var(--sage);color:var(--forest);padding:11px 5px;border-radius:10px;font-size:12px;min-height:42px}.portion-buttons button[aria-pressed=true]{background:var(--forest);color:#fff}.analysis-details{color:var(--muted);line-height:1.7}.analysis-details ul{padding-left:18px;font-size:11px}.analysis-details p{font-size:11px;margin-bottom:0}#save-food,#photo-retry{margin-top:10px}.photo-help{font-size:10px;color:var(--muted);text-align:center;margin:16px 0 0;line-height:1.6}
@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:600px){.shell{padding:0 16px}.topbar{padding:16px 0}.brand{font-size:19px;gap:8px}.brand img{width:33px;height:33px}.brand small{font-size:6px;letter-spacing:1.3px}.top-actions{gap:0}.quiet{font-size:10px;padding:8px 6px}.welcome{grid-template-columns:1fr;gap:28px;min-height:auto;padding:26px 0 30px}.welcome-art{padding:26px 16px 22px;border-radius:140px 140px 16px 16px}.welcome-art img{max-width:260px;margin:0}.welcome-copy h1{font-size:38px;line-height:1.2;margin:12px 0 18px}.intro{font-size:13px;margin-bottom:24px}.welcome-footer{margin:26px 0 0}.page-heading{padding:22px 0 16px}.page-heading h1{font-size:22px}.page-heading>.small{font-size:10px;white-space:nowrap}.deer-card{padding:20px 16px 21px;border-radius:24px}.camera-button{gap:6px;font-size:11px;padding:11px 12px;border-radius:14px;min-height:46px}.camera-button svg{width:20px;height:20px}.balance-value strong{font-size:29px;letter-spacing:-1px}.balance-value>span{font-size:10px}.today-energy>.today-label{font-size:10px}.today-energy>small{font-size:8px}.deer-stage{grid-template-columns:minmax(0,1fr) 78px;gap:4px;margin:15px -4px 12px}.movement-buttons{gap:8px}.workout{min-height:79px;border-radius:17px;padding:8px 4px;gap:3px}.workout-icon{font-size:19px;margin-bottom:1px}.workout>strong{font-size:10px}.workout-kcal,.workout-count{font-size:8px}.deer-bottom h2{font-size:20px;letter-spacing:-.6px}.history-card{padding:19px 16px 17px;margin-top:16px;border-radius:22px}.history-heading h2{font-size:19px}.periods{padding:3px}.periods button{padding:8px 11px;font-size:11px;min-height:36px}.history-summary{gap:8px;margin-top:17px}.history-summary>span{font-size:9px}.history-summary>strong{font-size:20px;letter-spacing:-.5px}.history-summary>small{font-size:8px}.axis-label{font-size:17px}.chart-empty-title{font-size:21px}.legend{font-size:9px;gap:14px;margin-bottom:15px}.history-day{padding:12px 13px}.history-day>strong{font-size:16px}.history-note{font-size:9px}.entry{gap:9px}.entry-body strong{font-size:12px}.entry-body small{font-size:9px}.entry-value{font-size:11px}.journal{padding:19px 0}.status{font-size:12px}footer{font-size:9px}dialog{padding:22px}.dialog-heading h2{font-size:22px}}
@media(max-width:600px){.workout>strong{font-size:11px}.workout-kcal,.workout-count,.today-energy>small{font-size:9px}}
@media(max-width:360px){.shell{padding:0 12px}.brand{font-size:17px}.brand img{width:29px;height:29px}.quiet{font-size:9px;padding:8px 4px}.deer-card{padding:18px 13px}.camera-button{font-size:10px;padding:10px;gap:5px}.balance-value strong{font-size:26px}.today-energy>small{font-size:8px}.history-summary>strong{font-size:18px}.history-summary>small{font-size:7.5px}.deer-bottom h2{font-size:18px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}.photo-status::before{animation:none!important}}