@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&display=swap";:root{font-family:DM Sans,ui-sans-serif,system-ui,sans-serif;color:#1d1b17;background:#f4f1eb;font-synthesis:none;--bg: #f4f1eb;--panel: #fbfaf7;--panel-strong: #fff;--ink: #1d1b17;--muted: #6b655b;--soft: #9a9388;--line: #ded8cc;--line-soft: #ebe6dc;--green: #356b55;--green-soft: #e0ebe4;--rust: #bd5a3d;--rust-soft: #f4dfd8;--gold: #a37728;--gold-soft: #f3e9d1;--night: #121315;--radius: 12px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:320px;background:var(--bg)}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--green);outline-offset:2px}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.appShell{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:100vh}.sidebar{background:#eae6dd;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:24px 14px;position:sticky;top:0;height:100vh}.brandLockup{display:flex;align-items:center;gap:12px}.brandMark{align-items:center;background:var(--green);border-radius:10px;color:#fff;display:flex;height:40px;justify-content:center;width:40px}.brandLockup small{color:var(--muted);display:block;font-size:9px;font-weight:700;letter-spacing:.18em;line-height:1}.brandLockup h1{font-family:"Instrument Serif",serif;font-size:27px;font-weight:400;line-height:1;margin:4px 0 0}.sidebarBrand{padding:0 10px 27px}.sidebar nav,.sidebarFooter{display:grid;gap:5px}.sidebar nav button,.sidebarFooter button{align-items:center;background:transparent;border:0;border-radius:9px;color:var(--muted);display:flex;font-size:14px;font-weight:600;gap:11px;padding:11px 12px;text-align:left;width:100%}.sidebar nav button:hover,.sidebarFooter button:hover{background:#ffffff8c;color:var(--ink)}.sidebar nav button.active,.sidebarFooter button.active{background:var(--panel-strong);box-shadow:0 1px 2px #1e190f0f;color:var(--green)}.sidebarFooter{border-top:1px solid var(--line);margin-top:auto;padding-top:14px}.workspace{min-width:0;padding-bottom:32px}.topbar{align-items:center;background:#f4f1ebe0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);display:flex;height:65px;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:20}.topbar h2{font-size:15px;margin:0}.mobileLore{display:none}.iconButton{align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:8px;color:var(--muted);display:flex;height:36px;justify-content:center;width:36px}.content{margin:0 auto;max-width:1280px;padding:36px 40px}.pageStack{display:grid;gap:34px}.heroHeader,.pageHeader{align-items:end;display:flex;gap:30px;justify-content:space-between}.heroHeader h1,.pageHeader h1{font-family:"Instrument Serif",serif;font-size:clamp(36px,4vw,53px);font-weight:400;letter-spacing:-.02em;line-height:.98;margin:5px 0 10px}.heroHeader>div>p:last-child,.pageHeader>div>p:last-child{color:var(--muted);font-size:14px;line-height:1.6;margin:0;max-width:630px}.eyebrow,.sectionHeading p{color:var(--rust);font-size:10px;font-weight:700;letter-spacing:.14em;margin:0;text-transform:uppercase}.heroActions,.buttonRow{display:flex;flex:0 0 auto;gap:9px}.primaryButton,.secondaryButton,.nightButton{align-items:center;border-radius:9px;display:inline-flex;font-size:13px;font-weight:700;gap:7px;justify-content:center;min-height:41px;padding:0 16px}.primaryButton{background:var(--green);border:1px solid var(--green);color:#fff}.primaryButton:hover{background:#2c5947}.primaryButton:disabled{cursor:not-allowed;opacity:.58}.secondaryButton{background:var(--panel-strong);border:1px solid var(--line);color:var(--ink)}.nightButton{background:var(--night);border:1px solid var(--night);color:#fff}.full{width:100%}.buttonRow{flex-wrap:wrap;justify-content:end}.todayGrid{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.metricCard{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);min-height:170px;padding:20px;position:relative}.metricLabel{align-items:center;color:var(--muted);display:flex;font-size:12px;font-weight:600;gap:8px;margin-bottom:23px}.metricCard>strong{display:block;font-family:"Instrument Serif",serif;font-size:32px;font-weight:400;line-height:1}.metricCard>strong small{color:var(--soft);font-family:DM Sans,sans-serif;font-size:12px;font-weight:500}.metricCard>p{color:var(--muted);font-size:11px;margin:10px 0 0}.progressTrack{background:var(--line-soft);border-radius:8px;height:6px;margin-top:22px;overflow:hidden}.progressTrack span{background:var(--rust);border-radius:inherit;display:block;height:100%}.progressCard.green .progressTrack span{background:var(--green)}.progressCard.gold .progressTrack span{background:var(--gold)}.progressCard.rust{background:linear-gradient(145deg,var(--panel) 45%,var(--rust-soft))}.progressCard.green{background:linear-gradient(145deg,var(--panel) 45%,var(--green-soft))}.progressCard.gold{background:linear-gradient(145deg,var(--panel) 45%,var(--gold-soft))}.sourceTag{align-items:center;bottom:17px;color:var(--soft);display:flex;font-size:10px;gap:4px;left:20px;position:absolute}.alcoholCard{background:#22211f;border-color:#22211f;color:#fff}.alcoholCard .metricLabel,.alcoholCard p{color:#b9b3a9}.macroCard{display:grid;gap:13px}.macroCard>div{align-items:center;border-bottom:1px solid var(--line-soft);display:flex;justify-content:space-between;padding-bottom:12px}.macroCard>div:last-child{border:0;padding:0}.macroCard span{color:var(--muted);font-size:11px}.macroCard strong{font-family:"Instrument Serif",serif;font-size:21px;font-weight:400}.sectionBlock{display:grid;gap:15px}.sectionHeading h2{font-family:"Instrument Serif",serif;font-size:27px;font-weight:400;margin:4px 0 0}.timelineList,.entryList{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.timelineItem{align-items:center;border-bottom:1px solid var(--line-soft);display:grid;gap:12px;grid-template-columns:auto 1fr auto;padding:13px 16px}.timelineItem:last-child{border:0}.timelineIcon,.logIcon{align-items:center;background:var(--green-soft);border-radius:8px;color:var(--green);display:flex;height:34px;justify-content:center;width:34px}.timelineItem strong,.timelineItem small{display:block}.timelineItem strong{font-size:13px}.timelineItem small{color:var(--soft);font-size:10px;margin-top:3px;text-transform:capitalize}.timelineItem b{font-size:12px}.quickGrid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.quickCard{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);display:grid;grid-template-columns:minmax(0,1fr) auto;min-height:171px;overflow:hidden;transition:transform .15s,box-shadow .15s}.quickCard:hover{box-shadow:0 8px 24px #2d271b14;transform:translateY(-1px)}.quickCardBody{background:transparent;border:0;color:inherit;min-width:0;padding:17px;text-align:left}.quickTop{align-items:center;display:flex;justify-content:space-between}.quickTop svg{color:var(--gold)}.kindBadge{background:var(--green-soft);border-radius:999px;color:var(--green);font-size:9px;font-weight:700;letter-spacing:.07em;padding:4px 7px;text-transform:uppercase}.kindBadge.recipe,.kindBadge.batch{background:var(--gold-soft);color:#815d19}.kindBadge.alcohol{background:var(--rust-soft);color:#8f3b27}.kindBadge.ordinary{background:#e2e8ed;color:#445e71}.quickCard h3{font-family:"Instrument Serif",serif;font-size:23px;font-weight:400;margin:16px 0 3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quickCardBody>p{color:var(--muted);font-size:11px;margin:0}.nutritionLine{align-items:center;display:flex;flex-wrap:wrap;gap:7px;margin-top:17px}.nutritionLine strong{font-size:12px}.nutritionLine span{border-left:1px solid var(--line);color:var(--muted);font-size:10px;padding-left:7px;text-transform:capitalize}.nutritionLine .estimate{color:var(--rust);font-weight:600}.quickPlus{align-items:center;align-self:stretch;background:var(--panel-strong);border:0;border-left:1px solid var(--line-soft);color:var(--green);display:flex;justify-content:center;min-width:50px}.quickPlus:hover{background:var(--green);color:#fff}.logRow{align-items:center;border-bottom:1px solid var(--line-soft);display:grid;gap:12px;grid-template-columns:auto minmax(0,1fr) auto auto auto auto;padding:12px 14px}.logRow:last-child{border:0}.logMain strong,.logMain small{display:block}.logMain strong{font-size:13px}.logMain small{color:var(--muted);font-size:10px;margin-top:4px}.logMeta{min-width:80px;text-align:right}.logMeta time{display:block;font-size:11px;font-weight:600}.syncBadge{color:var(--soft);font-size:9px;text-transform:capitalize}.syncBadge.synced{color:var(--green)}.syncBadge.failed{color:var(--rust)}.rowAction{align-items:center;background:transparent;border:0;border-radius:7px;color:var(--muted);display:flex;height:32px;justify-content:center;width:32px}.rowAction:hover{background:var(--line-soft);color:var(--ink)}.rowAction.danger:hover,.textButton.danger{color:#a13f31}.emptyState{align-items:center;background:#fbfaf780;border:1px dashed var(--line);border-radius:var(--radius);display:flex;flex-direction:column;padding:34px 20px;text-align:center}.emptyState>span{align-items:center;background:var(--green-soft);border-radius:50%;color:var(--green);display:flex;height:38px;justify-content:center;width:38px}.emptyState h3{font-size:14px;margin:12px 0 5px}.emptyState p{color:var(--muted);font-size:11px;line-height:1.5;margin:0;max-width:390px}.emptyState .primaryButton{margin-top:15px}.chartGrid{display:grid;gap:13px;grid-template-columns:repeat(2,minmax(0,1fr))}.chartCard{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);min-height:330px;padding:21px}.chartCard.wide{grid-column:span 2}.chartHeading h2{font-family:"Instrument Serif",serif;font-size:26px;font-weight:400;margin:0}.chartHeading p{color:var(--muted);font-size:10px;margin:4px 0 0}.chartWrap{height:210px;margin:20px 0 5px;width:100%}.recharts-cartesian-axis-tick-value{fill:var(--soft);font-size:9px}.trendStats{border-top:1px solid var(--line-soft);display:grid;grid-template-columns:repeat(3,1fr);margin-top:15px;padding-top:15px}.trendStats span{border-right:1px solid var(--line-soft);padding:0 15px}.trendStats span:first-child{padding-left:0}.trendStats span:last-child{border:0}.trendStats small,.trendStats strong{display:block}.trendStats small{color:var(--soft);font-size:9px}.trendStats strong{font-size:13px;margin-top:3px}.chartFoot{color:var(--muted);font-size:10px;margin:11px 0 0}.heroNumber{display:block;font-family:"Instrument Serif",serif;font-size:44px;font-weight:400;margin:32px 0 25px}.heroNumber small{color:var(--muted);font-family:DM Sans;font-size:11px;font-weight:500}.tdeeRows{border-top:1px solid var(--line-soft);display:grid}.tdeeRows span{color:var(--muted);display:flex;font-size:11px;justify-content:space-between;padding:10px 0}.tdeeRows span+span{border-top:1px solid var(--line-soft)}.tdeeRows b{color:var(--ink)}.associationNote{align-items:start;color:var(--soft);display:flex;font-size:9px;gap:6px;line-height:1.5;margin:15px 0 0}.comparison{align-items:center;display:grid;gap:20px;grid-template-columns:1fr auto 1fr 1fr;margin:38px 0 27px}.comparison>div{display:grid;gap:5px}.comparison span,.comparison small{color:var(--muted);font-size:10px}.comparison strong{font-family:"Instrument Serif",serif;font-size:30px;font-weight:400}.comparison .difference{background:var(--green-soft);border-radius:9px;padding:14px}.comparison .difference strong{color:var(--green);font-size:24px}.segmented{background:#e9e4da;border-radius:9px;display:flex;padding:3px}.segmented button{background:transparent;border:0;border-radius:7px;color:var(--muted);font-size:11px;font-weight:600;padding:7px 11px}.segmented button.active{background:var(--panel-strong);box-shadow:0 1px 3px #14120c14;color:var(--ink)}.nightMode{background:var(--night);border-radius:16px;color:#f6f3ed;min-height:calc(100vh - 138px);overflow:hidden;padding:30px}.nightHeader{align-items:start;display:flex;justify-content:space-between}.nightHeader p{color:#c97a55;font-size:10px;font-weight:700;letter-spacing:.14em;margin:0}.nightHeader h1{font-family:"Instrument Serif";font-size:46px;font-weight:400;margin:3px 0}.nightHeader span{color:#777a7c;font-size:11px}.nightHeader button{background:transparent;border:1px solid #3b3e40;border-radius:8px;color:#b8b8b4;font-size:11px;padding:9px 13px}.nightTotals{border:1px solid #303234;border-radius:12px;display:grid;grid-template-columns:repeat(3,1fr);margin:28px 0 18px}.nightTotals>div{border-right:1px solid #303234;padding:18px}.nightTotals>div:last-child{border:0}.nightTotals span,.nightTotals small{color:#777a7c;display:block;font-size:9px}.nightTotals strong{font-family:"Instrument Serif";font-size:35px;font-weight:400}.nightButtons{display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.nightButtons button{align-items:center;background:#1b1d1f;border:1px solid #303234;border-radius:11px;color:#fff;display:grid;grid-template-columns:1fr auto;min-height:93px;padding:15px;text-align:left}.nightButtons button:hover{background:#24272a;border-color:#4a4e51}.nightButtons button span,.nightButtons button small{display:block;grid-column:1}.nightButtons button span{font-family:"Instrument Serif";font-size:21px}.nightButtons button small{color:#777a7c;font-size:9px;margin-top:5px}.nightButtons button svg{color:#c97a55;grid-column:2;grid-row:1 / 3}.nightLog{margin-top:28px}.nightLogHeading{align-items:center;border-bottom:1px solid #303234;display:flex;justify-content:space-between;padding-bottom:10px}.nightLogHeading h2{font-family:"Instrument Serif";font-size:25px;font-weight:400;margin:0}.nightLogHeading button{align-items:center;background:transparent;border:0;color:#c97a55;display:flex;font-size:10px;gap:5px}.nightLog>div:not(.nightLogHeading){align-items:center;border-bottom:1px solid #252729;display:grid;font-size:11px;gap:12px;grid-template-columns:50px 1fr 75px 50px 26px;padding:12px 0}.nightLog time,.nightLog em{color:#777a7c;font-style:normal}.nightLog b{font-weight:500}.nightLog>div button{background:transparent;border:0;color:#777a7c}.nightEmpty{color:#777a7c;font-size:11px;padding:20px 0}.settingsPage{max-width:850px}.settingsCard{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:22px}.targetGrid{display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin:20px 0}.targetGrid>label>span{color:var(--muted);display:block;font-size:10px;margin-bottom:6px;text-transform:capitalize}.targetGrid>label>div{align-items:center;background:var(--panel-strong);border:1px solid var(--line);border-radius:8px;display:flex;padding:0 10px}.targetGrid input{background:transparent;border:0;min-width:0;outline:0;padding:10px 0;width:100%}.targetGrid small{color:var(--soft);font-size:9px;white-space:nowrap}.providerStatus{align-items:center;display:flex;gap:13px;margin:20px 0}.providerStatus>span{align-items:center;background:#e5e3de;border-radius:10px;display:flex;height:42px;justify-content:center;width:42px}.providerStatus>span.connected{background:var(--green-soft);color:var(--green)}.providerStatus strong,.providerStatus p{display:block}.providerStatus strong{font-size:13px}.providerStatus p{color:var(--muted);font-size:10px;margin:4px 0 0}.providerExplanation{color:var(--muted);font-size:11px;line-height:1.65;margin:0 0 16px;max-width:650px}.providerActions{align-items:center;display:flex;flex-wrap:wrap;gap:9px}.permissionList{border:1px solid var(--line);border-radius:9px;overflow:hidden}.permissionList button{align-items:center;background:var(--panel-strong);border:0;color:inherit;display:flex;justify-content:space-between;padding:13px;text-align:left;width:100%}.permissionList button+button{border-top:1px solid var(--line-soft)}.permissionList strong,.permissionList small{display:block}.permissionList strong{font-size:12px}.permissionList small{color:var(--muted);font-size:9px;margin-top:3px}.permissionMessage{align-items:center;color:var(--green);display:flex;font-size:10px;gap:6px}.privacyCard>p{color:var(--muted);font-size:11px;line-height:1.7}.textButton{align-items:center;background:transparent;border:0;display:flex;font-size:11px;gap:6px;padding:10px 0}.modalBackdrop{align-items:center;background:#1a18148c;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:22px;position:fixed;z-index:100}.modal{background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 22px 70px #14100a40;max-height:calc(100vh - 44px);max-width:590px;overflow:auto;padding:22px;width:100%}.modal>header{align-items:center;border-bottom:1px solid var(--line-soft);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.modal>header h2{font-family:"Instrument Serif";font-size:28px;font-weight:400;margin:0}.modal>header button{background:transparent;border:0;color:var(--muted)}.modalSummary{align-items:end;display:flex;justify-content:space-between;margin-bottom:22px}.modalSummary strong{font-family:"Instrument Serif";font-size:36px;font-weight:400}.modalSummary span{color:var(--muted);font-size:10px}.fieldLabel,.formField>span{color:var(--muted);display:block;font-size:10px;margin-bottom:6px}.portionGrid{display:grid;gap:6px;grid-template-columns:repeat(6,1fr);margin-bottom:14px}.portionGrid button{background:var(--panel-strong);border:1px solid var(--line);border-radius:7px;color:var(--muted);padding:8px 3px}.portionGrid button.active{background:var(--green);border-color:var(--green);color:#fff}.formField{display:block}.formField input,.formField select{background:var(--panel-strong);border:1px solid var(--line);border-radius:8px;color:var(--ink);min-height:40px;padding:0 11px;width:100%}.formField input:disabled{color:var(--soft)}.modal>.formField,.editorForm>.formField{margin-bottom:14px}.modalNote{background:var(--gold-soft);border-radius:7px;color:#74571f;font-size:9px;line-height:1.5;padding:9px 11px}.drinkHero{background:#22211f;border-radius:11px;color:#fff;display:grid;gap:6px;margin-bottom:18px;padding:20px}.drinkHero span{color:#aaa49c;font-size:10px}.drinkHero strong{font-family:"Instrument Serif";font-size:37px;font-weight:400}.drinkHero b{color:#e0b170;font-size:12px}.drinkHero em{color:#d58262;font-size:9px;font-style:normal;text-transform:uppercase}.quantityStepper{align-items:center;display:grid;gap:10px;grid-template-columns:1fr 80px 1fr;margin:16px 0}.quantityStepper button{background:var(--panel-strong);border:1px solid var(--line);border-radius:9px;font-size:24px;height:47px}.quantityStepper strong{font-family:"Instrument Serif";font-size:34px;font-weight:400;text-align:center}.editorForm{display:grid;gap:14px}.fieldPair{display:grid;gap:10px;grid-template-columns:1fr 1fr}.nutritionInputs{display:grid;gap:9px;grid-template-columns:repeat(4,1fr)}.checkField{align-items:center;color:var(--muted);display:flex;font-size:11px;gap:8px}.checkField input{accent-color:var(--green)}.calculationPreview{align-items:center;background:var(--green-soft);border-radius:8px;color:var(--green);display:flex;font-size:11px;justify-content:space-between;padding:11px}.calculationPreview strong{font-family:"Instrument Serif";font-size:24px;font-weight:400}.formError{color:#a53d30!important;font-size:10px!important}.errorBanner{align-items:center;background:#f6dcd6;border-bottom:1px solid #e7bdb3;color:#8f372b;display:flex;font-size:11px;gap:8px;justify-content:center;padding:9px 25px}.errorBanner button{background:transparent;border:0;color:inherit;margin-left:auto}.toast{align-items:center;background:#243d32;border-radius:9px;bottom:24px;box-shadow:0 8px 25px #0000002e;color:#fff;display:flex;font-size:11px;gap:7px;left:50%;padding:11px 15px;position:fixed;transform:translate(-50%);z-index:200}.loadingState{align-items:center;color:var(--muted);display:flex;flex-direction:column;gap:10px;justify-content:center;min-height:60vh;font-size:11px}.bottomNav{display:none}.authShell{align-items:center;background:radial-gradient(circle at 50% 0,#e0ebe4 0,var(--bg) 46%);display:flex;justify-content:center;min-height:100vh;padding:24px}.authCard{background:#fbfaf7eb;border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 70px #362f221a;padding:28px;width:min(420px,100%)}.authCard>p{color:var(--muted);font-size:12px;line-height:1.6;margin:24px 0}.authCard form{display:grid;gap:14px}.authCard form>label{color:var(--muted);font-size:10px}.passwordInput{align-items:center;background:var(--panel-strong);border:1px solid var(--line);border-radius:8px;display:flex;gap:8px;margin-top:6px;padding:0 11px}.passwordInput svg{color:var(--soft)}.passwordInput input{background:transparent;border:0;min-height:42px;min-width:0;outline:0;width:100%}@media (max-width: 1050px){.todayGrid,.quickGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.nutritionInputs{grid-template-columns:repeat(3,1fr)}}@media (max-width: 760px){body{background:var(--panel)}.appShell{display:block}.sidebar{display:none}.workspace{padding-bottom:calc(78px + env(safe-area-inset-bottom))}.topbar{background:#fbfaf7ed;height:calc(58px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 17px 0}.topbar h2{font-family:"Instrument Serif";font-size:24px;font-weight:400}.mobileLore{color:var(--green);display:block;font-size:7px;font-weight:700;letter-spacing:.15em;margin-bottom:1px}.content{padding:24px 15px}.pageStack{gap:26px}.heroHeader,.pageHeader{align-items:start;display:grid;gap:18px}.heroHeader h1,.pageHeader h1{font-size:39px}.heroActions,.buttonRow{display:grid;grid-template-columns:1fr 1fr;width:100%}.buttonRow>:only-child{grid-column:span 2}.todayGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.metricCard{min-height:155px;padding:16px}.metricCard>strong{font-size:27px}.metricLabel{margin-bottom:20px}.sourceTag{bottom:14px;left:16px}.quickGrid{grid-template-columns:1fr;gap:8px}.quickCard{min-height:156px}.logRow{gap:8px;grid-template-columns:auto minmax(0,1fr) auto auto auto}.logMeta{min-width:54px}.logMeta .syncBadge{display:none}.logRow .rowAction:first-of-type{display:none}.chartGrid{grid-template-columns:1fr}.chartCard,.chartCard.wide{grid-column:span 1;min-height:310px;padding:17px}.trendStats span{padding:0 8px}.comparison{grid-template-columns:1fr 1fr}.comparison>svg{display:none}.comparison .difference{grid-column:span 2}.segmented{width:100%}.segmented button{flex:1}.bottomNav{background:#fbfaf7f5;border-top:1px solid var(--line);bottom:0;display:grid;grid-template-columns:repeat(5,1fr);left:0;padding:7px 4px calc(7px + env(safe-area-inset-bottom));position:fixed;right:0;z-index:50}.bottomNav button{align-items:center;background:transparent;border:0;color:var(--soft);display:flex;flex-direction:column;font-size:8px;gap:3px}.bottomNav button.active{color:var(--green)}.nightMode{border-radius:0;margin:-24px -15px;min-height:calc(100vh - 127px);padding:23px 15px}.nightTotals>div{padding:14px 10px}.nightTotals strong{font-size:29px}.nightButtons{grid-template-columns:repeat(2,1fr)}.nightLog>div:not(.nightLogHeading){grid-template-columns:43px 1fr 62px 34px 22px;gap:6px}.targetGrid{grid-template-columns:repeat(2,1fr)}.modalBackdrop{align-items:end;padding:0}.modal{border-radius:15px 15px 0 0;max-height:92vh;max-width:none;padding:20px 16px calc(20px + env(safe-area-inset-bottom))}.portionGrid{grid-template-columns:repeat(3,1fr)}.nutritionInputs{grid-template-columns:repeat(2,1fr)}.toast{bottom:calc(80px + env(safe-area-inset-bottom))}}@media (max-width: 410px){.todayGrid{grid-template-columns:1fr}.metricCard{min-height:142px}.fieldPair{grid-template-columns:1fr}.nightButtons{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}