.xf-workspace{grid-template-columns:232px minmax(0,1fr);align-items:start;display:grid}.dark .xf-workspace{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.xf-workspace .xf-sidebar{height:100dvh;padding:max(32px, env(safe-area-inset-top)) 20px 24px;background:var(--xf-surface);border-inline-end:1px solid var(--xf-border);flex-direction:column;gap:44px;display:flex;position:sticky;top:0;overflow-y:auto}.xf-workspace .xf-sidebar .xf-brand{padding-inline-start:14px}.xf-workspace .xf-sidebar .xf-brand-name{font-size:29px}.xf-workspace .xf-sidebar .xf-brand-mark{width:34px;height:34px}.xf-workspace .xf-sidebar .xf-nav{flex-direction:column;align-items:stretch;gap:7px;display:flex}.xf-workspace .xf-sidebar .xf-nav button{border-radius:12px;justify-content:flex-start;gap:13px;width:100%;min-height:48px;padding:13px 15px;font-weight:550;position:relative}.xf-workspace .xf-sidebar .xf-nav button.xf-active{color:var(--xf-green);background:var(--xf-soft)}.xf-workspace .xf-sidebar .xf-nav button.xf-active:after{content:"";background:currentColor;border-radius:50%;width:5px;height:5px;margin-inline-start:auto}.xf-workspace .xf-sidebar-footer{flex-direction:column;gap:24px;margin-top:auto;display:flex}.xf-workspace .xf-account-status{border:1px solid var(--xf-border);background:var(--xf-bg);border-radius:14px;flex-direction:column;align-items:flex-start;gap:10px;padding:15px;font-size:.75rem;display:flex}.xf-workspace .xf-sidebar-footer>.xf-stack{padding-inline:15px}.xf-workspace .xf-sidebar-footer img{border:1px solid var(--xf-border);border-radius:10px;width:80px;height:80px}.xf-workspace .xf-sidebar-footer a{color:var(--xf-muted)}.xf-workspace .xf-sidebar-footer a:hover{color:var(--xf-green)}.xf-workspace .xf-main{width:min(1120px,100%);min-width:0;padding:max(40px, env(safe-area-inset-top)) clamp(24px, 3.5vw, 52px) 64px;margin-inline:auto}.xf-workspace .xf-workspace-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:30px;display:flex}.xf-workspace .xf-workspace-header>div{min-width:0}.xf-workspace .xf-workspace-header h1{letter-spacing:-.055em;margin-block:6px 8px;font-size:clamp(30px,3vw,38px);font-weight:650;line-height:1.15}.xf-workspace .xf-workspace-header .xf-workspace-eyebrow{letter-spacing:.15em;text-transform:uppercase;color:var(--xf-muted);font-size:.65rem;font-weight:650}.xf-workspace .xf-workspace-header>div>p:last-child{max-width:520px;font-size:.82rem;line-height:1.65}.xf-workspace .xf-sync-status{color:var(--xf-muted);border:1px solid var(--xf-border);background:var(--xf-surface);border-radius:8px;flex-shrink:0;align-items:center;gap:7px;margin-top:5px;padding:7px 10px;font-size:.7rem;font-weight:500;display:inline-flex}.xf-workspace .xf-sync-status:before{content:"";background:var(--xf-muted);border-radius:50%;flex-shrink:0;width:6px;height:6px}.xf-workspace .xf-sync-status[data-status=synced]:before{background:var(--xf-green)}.xf-workspace .xf-sync-status[data-status=syncing]:before,.xf-workspace .xf-sync-status[data-status=offline]:before{background:var(--xf-orange)}.xf-workspace .xf-sync-status[data-status=error]:before{background:var(--xf-error)}.xf-workspace .xf-workspace-content{gap:24px}.xf-workspace .xf-workspace-section{gap:22px;min-width:0;padding:26px}.xf-workspace .xf-section-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.xf-workspace .xf-section-heading .xf-section-title{max-width:none;font-weight:650;letter-spacing:-.025em!important;font-size:1rem!important}.xf-workspace .xf-section-heading>.xf-muted{font-size:.8rem}.xf-workspace .xf-workspace-section>p,.xf-workspace form p.xf-muted{font-size:.84rem;line-height:1.7}.xf-workspace .xf-row,.xf-workspace .xf-stack>*,.xf-workspace .xf-grid>*{min-width:0}.xf-workspace .xf-button,.xf-workspace .xf-button-secondary,.xf-workspace .xf-button-ghost{white-space:normal;max-width:100%;min-height:44px}.xf-workspace .xf-field{gap:8px}.xf-workspace .xf-label{font-size:.75rem;font-weight:550}.xf-workspace .xf-input,.xf-workspace .xf-select{transition:border-color .15s,box-shadow .15s}.xf-workspace .xf-input:hover,.xf-workspace .xf-select:hover{border-color:color-mix(in srgb, var(--xf-muted) 50%, var(--xf-border))}.xf-workspace textarea.xf-input{resize:vertical}.xf-workspace input[type=checkbox]{width:18px;height:18px;accent-color:var(--xf-green);flex-shrink:0}.xf-workspace label:has(>input[type=checkbox]){min-height:44px}.xf-workspace label:has(>input[type=file]:focus-visible){outline:2px solid var(--xf-ring);outline-offset:4px}.xf-workspace .xf-badge{letter-spacing:.01em;border-radius:7px;gap:5px;padding:5px 9px;font-size:.65rem;font-weight:650}.xf-workspace .xf-date-toolbar{flex-wrap:wrap;align-items:center;gap:10px;padding-bottom:2px;display:flex}.xf-workspace .xf-date-controls{background:var(--xf-surface);border:1px solid var(--xf-border);border-radius:12px;align-items:center;min-width:0;padding:3px;display:flex}.xf-workspace .xf-date-controls>button{border-radius:8px;flex:0 0 44px;width:44px;padding:10px}.xf-workspace .xf-date-input{min-width:0;color:var(--xf-muted);align-items:center;gap:6px;padding-inline-start:9px;display:flex}.xf-workspace .xf-date-input>svg{flex-shrink:0}.xf-workspace .xf-date-input .xf-input{background:0 0;border:0;width:148px;padding:9px 7px;font-size:.8rem;font-weight:550}.xf-workspace .xf-date-label{color:var(--xf-muted);margin-inline-start:auto;font-size:.75rem}.xf-workspace .xf-daily-summary{border-color:color-mix(in srgb, var(--xf-green) 20%, var(--xf-border));gap:24px}.xf-workspace .xf-energy-overview{background:var(--xf-soft);border-radius:16px;grid-template-columns:minmax(0,1.5fr) minmax(170px,1fr);align-items:center;gap:28px;padding:24px 28px;display:grid}.xf-workspace .xf-energy-remaining{color:var(--xf-green);flex-direction:column;gap:8px;display:flex}.xf-workspace .xf-energy-remaining>span{font-size:.8rem;font-weight:550}.xf-workspace .xf-energy-remaining>strong{letter-spacing:-.065em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:clamp(46px,5vw,68px);font-weight:600;line-height:1.1}.xf-workspace .xf-energy-remaining small{letter-spacing:0;color:var(--xf-muted);font-size:.8rem;font-weight:500;display:inline-block}.xf-workspace .xf-energy-over{color:var(--xf-orange)}.xf-workspace .xf-energy-details{border-inline-start:1px solid var(--xf-border);gap:16px;margin:0;padding-inline-start:28px;display:grid}.xf-workspace .xf-energy-details>div{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 14px;display:flex}.xf-workspace .xf-energy-details dt{color:var(--xf-muted);font-size:.75rem}.xf-workspace .xf-energy-details dd{letter-spacing:-.035em;font-variant-numeric:tabular-nums;margin:0;font-size:1.25rem;font-weight:600}.xf-workspace .xf-energy-details small{color:var(--xf-muted);letter-spacing:0;font-size:.65rem;font-weight:450}.xf-workspace .xf-daily-macros{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.xf-workspace .xf-daily-macro{--xf-nutrient-color:var(--xf-macro-protein);border:1px solid var(--xf-border);border-radius:13px;flex-direction:column;gap:12px;min-width:0;padding:16px;display:flex}.xf-workspace [data-nutrient=carbs]{--xf-nutrient-color:var(--xf-macro-carbs)}.xf-workspace [data-nutrient=fat]{--xf-nutrient-color:var(--xf-macro-fat)}.xf-workspace .xf-macro-label{align-items:center;gap:7px;font-size:.75rem;font-weight:600;display:flex}.xf-workspace .xf-macro-label:before{content:"";background:var(--xf-nutrient-color);border-radius:50%;flex-shrink:0;width:7px;height:7px}.xf-workspace .xf-macro-value{font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;column-gap:4px;display:flex}.xf-workspace .xf-macro-value strong{letter-spacing:-.045em;font-size:1.65rem;font-weight:600;line-height:1.2}.xf-workspace .xf-macro-value span{color:var(--xf-muted);font-size:.7rem}.xf-workspace .xf-progress{background:var(--xf-soft);border-radius:6px;width:100%;height:5px;margin-top:auto;overflow:hidden}.xf-workspace .xf-progress-fill{border-radius:inherit;background:var(--xf-nutrient-color,var(--xf-green));height:100%;transition:width .2s}.xf-workspace .xf-summary-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.xf-workspace .xf-summary-actions>.xf-badge{margin-inline-start:auto}.xf-workspace .xf-target-notice{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px}.xf-workspace .xf-target-notice>p{flex:240px}.xf-workspace .xf-empty{text-align:center;color:var(--xf-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:38px 20px;display:flex}.xf-workspace .xf-empty>h2,.xf-workspace .xf-empty>h3{font-size:1.05rem;font-weight:600}.xf-workspace .xf-empty>p{max-width:410px;font-size:.83rem;line-height:1.7}.xf-workspace .xf-empty>button{margin-top:8px}.xf-workspace .xf-empty-icon{border:1px solid var(--xf-border);background:var(--xf-soft);width:54px;height:54px;color:var(--xf-green);border-radius:17px;place-items:center;margin-bottom:5px;display:grid}.xf-workspace .xf-empty-icon svg{color:inherit}.xf-workspace p.xf-empty{border:1px dashed var(--xf-border);background:var(--xf-bg);border-radius:14px;font-size:.85rem}.xf-workspace .xf-journal-empty{border-style:dashed}.xf-workspace .xf-day-completion{background:0 0;gap:15px}.xf-workspace .xf-day-completion>p{max-width:640px}.xf-workspace .xf-meal-section{gap:6px}.xf-workspace .xf-meal-section>.xf-section-heading{border-bottom:1px solid var(--xf-border);padding-bottom:17px}.xf-workspace .xf-meal-total{color:var(--xf-green);font-variant-numeric:tabular-nums;font-size:1.1rem;font-weight:650}.xf-workspace .xf-meal-total small{color:var(--xf-muted);font-size:.7rem;font-weight:450}.xf-workspace .xf-meal-list{margin:0;padding:0;list-style:none}.xf-workspace .xf-meal-entry{justify-content:space-between;align-items:flex-start;gap:16px;padding-block:18px;display:flex}.xf-workspace .xf-meal-entry+.xf-meal-entry{border-top:1px solid var(--xf-border)}.xf-workspace .xf-meal-entry:last-child{padding-bottom:0}.xf-workspace .xf-meal-description{flex:1;min-width:0}.xf-workspace .xf-meal-description>strong{overflow-wrap:anywhere;font-size:.9rem;font-weight:600}.xf-workspace .xf-meal-description>p{margin-top:5px;font-size:.78rem}.xf-workspace .xf-meal-macros{color:var(--xf-muted);flex-wrap:wrap;gap:4px 14px;display:flex}.xf-workspace .xf-meal-macros>span{font-size:.7rem}.xf-workspace .xf-meal-entry>button{flex-shrink:0;padding-inline:12px;font-size:.75rem}.xf-workspace .xf-tabs{border:1px solid var(--xf-border);background:var(--xf-bg);border-radius:12px;flex-wrap:wrap;gap:4px;padding:5px;display:flex}.xf-workspace .xf-tabs>button{border-radius:8px;flex:auto;padding:10px 13px;font-size:.78rem}.xf-workspace .xf-tabs>button.xf-active{color:var(--xf-green);background:var(--xf-surface);border-color:var(--xf-border);box-shadow:0 1px 3px #172b2408}.xf-workspace .xf-meal-select{flex-direction:row;align-items:center;gap:10px;display:flex}.xf-workspace .xf-meal-select .xf-select{width:auto;min-width:130px}.xf-workspace .xf-search-form{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.xf-workspace .xf-search-form>.xf-field{flex:230px}.xf-workspace .xf-barcode-form{border:1px solid var(--xf-border);background:var(--xf-bg);border-radius:14px;padding:20px}.xf-workspace .xf-product-editor{border-radius:16px;padding:22px}.xf-workspace .xf-nutrition-summary{border:1px solid var(--xf-border);background:var(--xf-bg);border-radius:14px;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;display:grid}.xf-workspace .xf-nutrition-summary>div{min-width:0;padding:16px}.xf-workspace .xf-nutrition-summary>div+div{border-inline-start:1px solid var(--xf-border)}.xf-workspace .xf-nutrition-summary dt{font-size:.7rem;font-weight:500}.xf-workspace .xf-nutrition-summary dd{font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;gap:4px;margin:5px 0 0;display:flex}.xf-workspace .xf-nutrition-summary dd strong{letter-spacing:-.04em;font-size:1.35rem;font-weight:600}.xf-workspace .xf-nutrition-summary dd span{color:var(--xf-muted);font-size:.7rem}.xf-workspace .xf-nutrition-summary>div:first-child dd strong{color:var(--xf-green)}.xf-workspace details{min-width:0}.xf-workspace details>summary{cursor:pointer;min-height:44px;color:var(--xf-ink);padding-block:10px;font-size:.8rem;font-weight:550}.xf-workspace details>summary::marker{color:var(--xf-muted)}.xf-workspace .xf-pro-gate{border:1px solid var(--xf-border);background:var(--xf-soft);border-radius:15px;align-items:flex-start;gap:16px;padding:22px}.xf-workspace .xf-pro-gate>p{max-width:620px;font-size:.85rem;line-height:1.7}.xf-workspace .xf-pro-gate .xf-badge{background:var(--xf-surface)}.xf-workspace .xf-stat{flex-direction:column;gap:7px;min-width:0;padding-block:10px;display:flex}.xf-workspace .xf-stat>span{font-size:.75rem}.xf-workspace .xf-stat strong{letter-spacing:-.045em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:clamp(25px,2.5vw,34px);font-weight:600;line-height:1.25}.xf-workspace .xf-stat small{letter-spacing:0;color:var(--xf-muted);font-size:.75rem;font-weight:450}.xf-workspace .xf-weight-chart{min-width:0;padding-top:6px}.xf-workspace .xf-chart-scroll{overflow-x:auto}.xf-workspace .xf-chart-scroll>svg{width:100%;min-width:540px;height:auto;display:block}.xf-workspace .xf-chart-legend{color:var(--xf-muted);flex-wrap:wrap;gap:10px 22px;padding-top:16px;font-size:.72rem;display:flex}.xf-workspace .xf-chart-legend>span{align-items:center;gap:7px;display:inline-flex}.xf-workspace .xf-chart-actual:before{content:"";border:1.5px solid var(--xf-muted);border-radius:50%;width:8px;height:8px}.xf-workspace .xf-chart-trend:before{content:"";background:var(--xf-green);border-radius:2px;width:18px;height:3px}.xf-workspace .xf-trend-overview>.xf-grid{border-top:1px solid var(--xf-border);padding-top:16px}.xf-workspace .xf-forecast-panel{background:var(--xf-soft);gap:15px}.xf-workspace .xf-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.8rem}.xf-workspace .xf-table th{text-align:start;color:var(--xf-muted);font-weight:500}.xf-workspace .xf-table th,.xf-workspace .xf-table td{border-bottom:1px solid var(--xf-border);white-space:nowrap;padding:14px 12px}.xf-workspace .xf-table thead th{background:var(--xf-bg);font-size:.7rem}.xf-workspace .xf-table tbody tr:last-child>*{border-bottom:0}.xf-workspace .xf-table tbody tr:hover{background:var(--xf-bg)}.xf-workspace .xf-trends-panel figcaption{padding-top:10px;font-size:.75rem}.xf-workspace .xf-current-plan>p{margin-top:-6px}.xf-workspace .xf-phase-record{border-top:1px solid var(--xf-border);padding-top:22px}.xf-workspace .xf-phase-days{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.xf-workspace .xf-phase-days>div{border:1px solid var(--xf-border);background:var(--xf-bg);border-radius:10px;flex-direction:column;gap:4px;padding:13px 15px;display:flex}.xf-workspace .xf-phase-days>div>span:first-child{font-size:.75rem;font-weight:600}.xf-workspace .xf-phase-days>div>span:last-child{color:var(--xf-muted);font-variant-numeric:tabular-nums;font-size:.75rem}.xf-workspace .xf-preferences-panel{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.xf-workspace .xf-preferences-panel>.xf-section-heading{grid-column:1/-1}.xf-workspace .xf-data-action{border-top:1px solid var(--xf-border);gap:12px;padding-top:22px}.xf-workspace .xf-data-action>p{color:var(--xf-muted);font-size:.83rem;line-height:1.7}.xf-workspace .xf-data-delete>button{color:var(--xf-error)}.xf-workspace .xf-settings-download img{border:1px solid var(--xf-border);border-radius:14px}.xf-workspace .xf-mobile-nav{display:none}.xf-workspace .xf-quick-log-backdrop{z-index:60;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0917117a;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto}.xf-workspace .xf-quick-log-dialog{overscroll-behavior:contain;border:1px solid var(--xf-border);background:var(--xf-surface);border-radius:20px;width:min(820px,100%);max-height:calc(100dvh - 48px);padding:26px;position:relative;overflow-y:auto;box-shadow:0 24px 80px #09171138}.xf-workspace .xf-quick-log-dialog .xf-workspace-section{box-shadow:none;background:0 0;border:0;border-radius:0;gap:18px;padding:0}.xf-workspace .xf-quick-log-dialog .xf-section-heading{padding-inline-end:42px}.xf-workspace .xf-quick-log-close{top:14px;z-index:2;border:1px solid var(--xf-border);background:var(--xf-surface);width:40px;height:40px;color:var(--xf-muted);border-radius:10px;place-items:center;padding:0;display:grid;position:absolute;inset-inline-end:14px}.xf-workspace .xf-quick-log-close:hover{color:var(--xf-ink);background:var(--xf-soft)}.xf-workspace .xf-quick-log-error{margin-bottom:14px}.xf-workspace .xf-quick-log-dialog .xf-wallet{margin-top:4px}.xf-workspace .xf-wrap{flex-wrap:wrap}.xf-workspace .xf-meal-fieldset{border:0;min-width:0;margin:0;padding:0}.xf-workspace .xf-meal-fieldset:disabled{opacity:.7}.xf-workspace .xf-photo-heading{align-items:flex-start;gap:14px;display:flex}.xf-workspace .xf-photo-heading>svg{color:var(--xf-green);flex-shrink:0;margin-top:3px}.xf-workspace .xf-photo-heading h3{letter-spacing:-.025em;font-size:1.2rem}.xf-workspace .xf-photo-heading p{margin-top:6px;font-size:.85rem}.xf-workspace .xf-photo-privacy{max-width:680px;font-size:.75rem;line-height:1.7}.xf-workspace .xf-photo-capture{border:1px dashed var(--xf-border);background:var(--xf-bg);border-radius:16px;padding:20px}.xf-workspace .xf-photo-capture>.xf-row{justify-content:center}.xf-workspace .xf-photo-placeholder{color:var(--xf-muted);text-align:center;flex-direction:column;align-items:center;gap:14px;padding:20px 12px 28px;font-size:.8rem;display:flex}.xf-workspace .xf-photo-placeholder>span{max-width:320px}.xf-workspace .xf-photo-capture>img{object-fit:contain;border-radius:10px;width:100%;height:260px;margin-bottom:18px;display:block}.xf-workspace .xf-photo-upload{cursor:pointer;position:relative}.xf-workspace .xf-photo-upload:focus-within{outline:2px solid var(--xf-green);outline-offset:3px}.xf-workspace .xf-photo-entry{align-self:flex-start}.xf-workspace .xf-meal-draft-item{border:1px solid var(--xf-border);border-radius:16px;padding:22px}.xf-workspace .xf-meal-item-heading{align-items:center;gap:10px;display:flex}.xf-workspace .xf-meal-item-heading>button{margin-inline-start:auto}.xf-workspace .xf-meal-item-number{background:var(--xf-soft);width:32px;height:32px;color:var(--xf-green);border-radius:50%;place-items:center;font-size:.8rem;font-weight:600;display:grid}.xf-workspace .xf-meal-consumption{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.xf-workspace .xf-meal-consumption>.xf-field{flex:160px}.xf-workspace .xf-meal-consumption [aria-pressed=true]{background:var(--xf-soft);color:var(--xf-green);border-color:var(--xf-green)}.xf-workspace .xf-meal-assumptions{background:var(--xf-soft);border-radius:12px;padding:10px 16px}.xf-workspace .xf-meal-assumptions p{white-space:pre-wrap;overflow-wrap:anywhere;padding-bottom:8px;font-size:.8rem;line-height:1.7}.xf-workspace .xf-whole-meal{background:var(--xf-soft);border-radius:16px;padding:20px}.xf-workspace .xf-whole-meal>h3{font-size:1rem}.xf-workspace .xf-whole-meal>.xf-button{width:100%;min-height:48px}.xf-workspace .xf-draft-status{justify-content:space-between;font-size:.75rem}.xf-workspace .xf-photo-journal{padding-top:20px}.xf-workspace .xf-photo-journal+.xf-photo-journal{border-top:1px solid var(--xf-border)}.xf-workspace .xf-photo-journal-header{grid-template-columns:80px 1fr auto;align-items:center;gap:16px;display:grid}.xf-workspace .xf-photo-journal-header h3{margin-bottom:6px;font-size:.95rem}.xf-workspace .xf-journal-image>summary{border-radius:12px;padding:0;list-style:none}.xf-workspace .xf-journal-image>summary::-webkit-details-marker{display:none}.xf-workspace .xf-journal-image>summary>img{object-fit:cover;border-radius:12px;width:80px;height:80px;display:block}.xf-workspace .xf-journal-image[open]{grid-column:1/-1}.xf-workspace .xf-journal-image>img{object-fit:contain;border-radius:12px;width:100%;max-height:480px;margin-top:12px;display:block}.xf-workspace .xf-photo-missing{width:80px;height:80px;color:var(--xf-muted);background:var(--xf-bg);border-radius:12px;place-items:center;display:grid}.xf-workspace .xf-delete-meal{color:var(--xf-error);align-self:flex-start;font-size:.75rem}@media (width<=1100px){.xf-workspace{grid-template-columns:200px minmax(0,1fr)}.xf-workspace .xf-sidebar{padding-inline:14px}.xf-workspace .xf-main{padding-inline:26px}.xf-workspace .xf-energy-overview{gap:20px;padding:22px}.xf-workspace .xf-energy-details{padding-inline-start:20px}.xf-workspace .xf-daily-macros{gap:10px}.xf-workspace .xf-daily-macro{padding:13px}.xf-workspace .xf-nutrition-summary>div{padding:14px 12px}}@media (width<=900px) and (width>=761px){.xf-workspace .xf-energy-overview{grid-template-columns:1fr}.xf-workspace .xf-energy-details{border-inline-start:0;border-top:1px solid var(--xf-border);grid-template-columns:repeat(2,minmax(0,1fr));padding:18px 0 0}.xf-workspace .xf-energy-details>div{flex-direction:column}.xf-workspace .xf-date-label{display:none}.xf-workspace .xf-workspace-header{flex-wrap:wrap;gap:10px}.xf-workspace .xf-daily-macro{padding:12px 10px}.xf-workspace .xf-nutrition-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.xf-workspace .xf-nutrition-summary>div:nth-child(3){border-inline-start:0}.xf-workspace .xf-nutrition-summary>div:nth-child(n+3){border-top:1px solid var(--xf-border)}}@media (width<=760px){.xf-workspace{display:block}.xf-workspace .xf-sidebar{display:none}.xf-workspace .xf-main{width:100%;padding:max(28px, env(safe-area-inset-top)) 20px calc(104px + env(safe-area-inset-bottom))}.xf-workspace .xf-workspace-header{margin-bottom:24px}.xf-workspace .xf-workspace-header h1{font-size:32px}.xf-workspace .xf-workspace-section{padding:22px}.xf-workspace .xf-mobile-nav{bottom:0;z-index:30;padding:8px max(8px, env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));border-top:1px solid var(--xf-border);background:var(--xf-surface);grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;inset-inline:0;box-shadow:0 -4px 24px #172b2405}.xf-workspace .xf-mobile-nav>button{white-space:normal;overflow-wrap:anywhere;border-radius:10px;flex-direction:column;justify-content:center;gap:5px;width:100%;min-height:56px;padding:7px 2px;font-size:.65rem;font-weight:500;display:flex}.xf-workspace .xf-mobile-nav>button.xf-active{color:var(--xf-green);background:var(--xf-soft);font-weight:650}.xf-workspace .xf-mobile-nav>button svg{width:21px;height:21px}.xf-workspace .xf-quick-log-backdrop{align-items:flex-end;padding:0}.xf-workspace .xf-quick-log-dialog{width:100%;max-height:94dvh;padding:22px 16px calc(22px + env(safe-area-inset-bottom));border-width:1px 0 0;border-radius:20px 20px 0 0}.xf-workspace .xf-quick-log-close{top:12px;inset-inline-end:12px}.xf-workspace .xf-date-label{display:none}.xf-workspace .xf-input,.xf-workspace .xf-select{font-size:16px}.xf-workspace .xf-date-input .xf-input{width:164px;font-size:16px}.xf-workspace .xf-stat small{margin-top:0;display:inline}.xf-workspace .xf-grid-3{gap:16px}}@media (width<=480px){.xf-workspace .xf-main{padding-inline:16px}.xf-workspace .xf-workspace-header{flex-wrap:wrap;gap:12px}.xf-workspace .xf-workspace-header>div{flex:200px}.xf-workspace .xf-workspace-header>div>p:last-child{font-size:.78rem}.xf-workspace .xf-sync-status{margin:0;font-size:.65rem}.xf-workspace .xf-workspace-content,.xf-workspace .xf-today-panel{gap:18px}.xf-workspace .xf-workspace-section{gap:20px;padding:20px 16px}.xf-workspace .xf-date-toolbar{gap:8px}.xf-workspace .xf-date-controls{width:100%}.xf-workspace .xf-date-input{flex:1;justify-content:center;padding-inline-start:0}.xf-workspace .xf-energy-overview{grid-template-columns:1fr;gap:20px;padding:20px}.xf-workspace .xf-energy-remaining>strong{font-size:56px}.xf-workspace .xf-energy-details{border-inline-start:0;border-top:1px solid var(--xf-border);grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:16px 0 0}.xf-workspace .xf-energy-details>div{flex-direction:column;gap:4px}.xf-workspace .xf-energy-details dd{font-size:1.2rem}.xf-workspace .xf-daily-macros{gap:9px}.xf-workspace .xf-daily-macro{gap:11px;padding:12px 9px}.xf-workspace .xf-macro-label{gap:5px;font-size:.68rem}.xf-workspace .xf-macro-label:before{width:5px;height:5px}.xf-workspace .xf-macro-value{flex-direction:column;gap:3px}.xf-workspace .xf-macro-value strong{font-size:1.45rem}.xf-workspace .xf-macro-value span{font-size:.64rem}.xf-workspace .xf-summary-actions>.xf-button{flex:1}.xf-workspace .xf-meal-entry{gap:8px}.xf-workspace .xf-meal-entry>button{padding-inline:8px}.xf-workspace .xf-empty{padding:30px 18px}.xf-workspace .xf-food-panel .xf-section-heading{align-items:flex-start}.xf-workspace .xf-meal-select{gap:7px}.xf-workspace .xf-meal-select .xf-select{width:125px;min-width:0;font-size:.85rem}.xf-workspace .xf-tabs{gap:3px}.xf-workspace .xf-tabs>button{padding-inline:10px;font-size:.73rem}.xf-workspace .xf-search-form>.xf-field{flex-basis:100%}.xf-workspace .xf-barcode-form{padding:16px}.xf-workspace .xf-product-editor{padding:18px 14px}.xf-workspace .xf-nutrition-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.xf-workspace .xf-nutrition-summary>div{padding:14px}.xf-workspace .xf-nutrition-summary>div:nth-child(3){border-inline-start:0}.xf-workspace .xf-nutrition-summary>div:nth-child(n+3){border-top:1px solid var(--xf-border)}.xf-workspace .xf-plan-panel .xf-grid-3,.xf-workspace .xf-trend-overview>.xf-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.xf-workspace .xf-preferences-panel,.xf-workspace .xf-phase-days{grid-template-columns:1fr}.xf-workspace .xf-phase-days>div{flex-flow:wrap;justify-content:space-between;gap:6px 12px}.xf-workspace .xf-pro-gate{padding:18px}.xf-workspace .xf-photo-capture{padding:14px}.xf-workspace .xf-photo-capture>img{height:210px}.xf-workspace .xf-meal-draft-item,.xf-workspace .xf-whole-meal{padding:16px 12px}.xf-workspace .xf-photo-journal-header{grid-template-columns:64px 1fr;gap:12px}.xf-workspace .xf-journal-image>summary>img,.xf-workspace .xf-photo-missing{width:64px;height:64px}.xf-workspace .xf-photo-journal-header>button{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){.xf-workspace .xf-progress-fill,.xf-workspace .xf-input,.xf-workspace .xf-select{transition:none}}
