#suggested-plan-dialog{max-height:88dvh;overflow-y:auto;width:min(520px,calc(100% - 24px));box-sizing:border-box}#suggested-plan-dialog label{margin:8px 0}#suggested-plan-dialog select{max-width:100%;width:100%;box-sizing:border-box}#suggested-plan-dialog small{display:block}#suggested-plan-dialog input[type=radio],#suggested-plan-dialog input[type=checkbox]{width:18px;height:18px;flex:none;accent-color:var(--accent)}.suggested-modes{padding:8px 12px;border:1px solid var(--line);border-radius:14px;margin:12px 0;min-width:0}.suggested-modes label,#suggested-date-label{display:flex;align-items:center;gap:8px}#suggested-preview,#suggested-apply{margin:14px 0 8px}#suggested-kcal{font-size:1.3rem}#suggested-plan-open{margin:8px 0}#profile-plan-assumptions:empty,#suggested-status:empty{display:none}
:root{--bg:#0C100F;--panel:#141A18;--line:#2b3530;--ink:#edf3ed;--muted:#a4b1a8;--accent:#c5f36b;--danger:#f2a69d;--green:#91dfb3;--amber:#f2bd63;--red:#f28c88;font:16px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);background:var(--bg);color-scheme:dark}
*{box-sizing:border-box}body{margin:0}html{scroll-padding-bottom:130px}button,input,select{font:inherit;color:var(--ink);background:#1c2420;border:1px solid transparent;border-radius:14px;min-height:44px;padding:10px 14px}button{cursor:pointer}button:hover{background:#27332b}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.primary,button[aria-pressed=true]{background:var(--accent);color:#18230c}.primary:hover,button[aria-pressed=true]:hover{background:#d7ff8c}input,select{border-color:var(--line);min-width:0;max-width:100%;font-size:1rem}input[type=date]{min-width:0;max-width:100%}[hidden],[role=tabpanel][hidden]{display:none!important}
main{max-width:780px;margin:auto;padding:calc(24px + var(--app-safe-top,env(safe-area-inset-top,0px))) max(20px,var(--app-safe-right,env(safe-area-inset-right,0px))) calc(130px + var(--app-safe-bottom,env(safe-area-inset-bottom,0px))) max(20px,var(--app-safe-left,env(safe-area-inset-left,0px)))}header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.brand{display:flex;gap:12px;align-items:center}.brand-wave{width:42px;height:36px;flex-shrink:0;fill:none;stroke:var(--accent);stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round;animation:arrive .65s ease-out}.wordmark{font-size:28px;line-height:1.15;letter-spacing:-.04em;font-weight:650}.wordmark span{display:block;font-size:.813rem;font-weight:400;letter-spacing:0;color:var(--muted);margin-top:5px}#mode{max-width:38%;text-align:right;overflow-wrap:anywhere}.eyebrow,.muted,small{color:var(--muted);font-size:.813rem;letter-spacing:0;font-weight:400}.eyebrow{line-height:1.5}h1,h2{font-size:1.875rem;line-height:1.2;font-weight:600;letter-spacing:-.035em;margin:6px 0 16px}h3{font-size:1.063rem;font-weight:500;line-height:1.4}p{margin:10px 0 16px}#status{color:var(--muted);font-size:.813rem;min-height:24px;margin:0 0 14px}#status.error,#edit-error,#weight-error,#wellness-error{color:var(--danger)}
.datebar{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:6px;align-items:center;margin-bottom:26px;background:var(--panel);border-radius:20px;padding:5px}
/* Same "Отметить вес" action sits at the top of the diary tab, right-aligned like in Ритм. */
#diary-topbar{justify-content:flex-end;margin:0 0 14px}
/* Skeleton placeholders instead of "loading" text: the layout does not jump when data lands. */
.skeleton-stack{display:grid;gap:12px;margin-bottom:24px}
.skeleton{background:linear-gradient(100deg,#1b231f 30%,#232d27 50%,#1b231f 70%);background-size:220% 100%;border-radius:20px;animation:skeleton-shimmer 1.4s ease-in-out infinite}
.skeleton-card{height:190px}
.skeleton-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.skeleton-tile{height:96px}
.skeleton-chart{height:236px}
@keyframes skeleton-shimmer{0%{background-position:120% 0}100%{background-position:-20% 0}}.datebar button{padding:8px;background:transparent;font-size:1.15rem}.datebar label{position:relative;display:grid;align-items:center;justify-items:center;min-width:0;height:44px;overflow:hidden}.date-label{font-size:1rem;text-align:center;white-space:nowrap;max-width:100%}.datebar input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.datebar label:focus-within{outline:2px solid var(--accent);border-radius:12px}#today{grid-column:2;font-size:.813rem;min-height:34px;color:var(--accent);justify-self:center;padding:5px 15px}
#tab-diary{touch-action:pan-y}.overview{display:grid;gap:12px;margin-bottom:24px}.energy{background:var(--panel);padding:26px;border-radius:24px}.energy-heading{display:flex;justify-content:space-between;margin-bottom:10px}.energy-heading .eyebrow{font-size:1rem}.energy-line{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}.energy-line>strong{font-size:3.125rem;letter-spacing:-.05em;line-height:1.15;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.energy-line>span{font-size:1rem;color:var(--muted)}.energy-percent{font-size:1rem;margin:8px 0 16px}.energy-target{display:block;text-align:right;margin-top:5px}progress{appearance:none;-webkit-appearance:none;display:block;width:100%;height:5px;border:0;border-radius:8px;background:#303a32;overflow:hidden;accent-color:#a0b5a1}progress::-webkit-progress-bar{background:#303a32;border-radius:8px}progress::-webkit-progress-value{background:#a0b5a1;border-radius:8px}progress::-moz-progress-bar{background:#a0b5a1;border-radius:8px}.energy{--energy-color:var(--green)}.energy[data-energy-state=above]{--energy-color:var(--amber)}#energy-progress{height:6px;accent-color:var(--energy-color)}#energy-progress::-webkit-progress-value{background:var(--energy-color)}#energy-progress::-moz-progress-bar{background:var(--energy-color)}#energy-note{font-size:1rem;line-height:1.45;margin:20px 0 10px}.energy[data-energy-state=above] #energy-note{color:var(--amber)}.energy-context{color:var(--muted);font-size:.813rem;line-height:1.5;margin:0}.macros,.wellness{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.macro,.wellness-card{min-width:0;border-radius:20px;background:var(--panel);padding:16px 12px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.metric-name{font-size:.813rem;color:var(--muted)}.metric-amount{display:flex;flex-wrap:wrap;gap:2px;align-items:baseline;min-width:0;line-height:1.35}.metric-amount strong{font-size:1.375rem;font-weight:550;letter-spacing:-.045em;white-space:nowrap;font-variant-numeric:tabular-nums}.metric-amount .unit{margin-left:3px;font-size:.813rem;color:var(--muted);white-space:nowrap}.macro small,.wellness-card small{font-size:.813rem}.wellness-card progress{margin-top:auto}.quick-action{font-size:.813rem;background:transparent;padding:6px 0;color:var(--accent);text-align:left;min-height:36px;max-width:100%;white-space:normal}.quick-action:hover{background:transparent;text-decoration:underline}.section-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-bottom:18px}.section-head>*{min-width:0}.trends{background:var(--panel);border-radius:24px;padding:24px;min-width:0}.trends .section-head{display:block}.trends .segmented{margin-top:24px}.segmented{display:flex;background:#1c2420;border-radius:16px;padding:4px;gap:4px;max-width:100%;flex-wrap:wrap}.segmented button{flex:1;padding:8px 11px;font-size:.875rem;background:transparent;white-space:nowrap;border-radius:12px}.segmented button[aria-pressed=true]{background:var(--accent);color:#18230c}.rhythm-summary{display:grid;gap:6px;margin:26px 0 18px}.rhythm-summary>strong{font-size:3rem;line-height:1.2;font-weight:550;letter-spacing:-.04em}.rhythm-summary p{margin:0;font-size:.875rem}.metric-label{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:.813rem;color:var(--muted);margin:18px 0}#metric{max-width:100%;margin-left:auto}.chart-legend{display:flex;gap:8px 15px;flex-wrap:wrap;font-size:.813rem;color:var(--muted);margin:18px 0}.chart-legend small{flex-basis:100%}.chart-legend>span{display:inline-flex;align-items:center;gap:6px}.chart-legend>span:before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}.legend-green{color:var(--green)}.legend-amber{color:var(--amber)}.legend-red{color:var(--red)}#chart,#expenditure-chart,#weight-chart{width:100%;min-width:0;margin-top:14px}#chart svg,#expenditure-chart svg,#weight-chart svg{display:block;width:100%;height:auto;touch-action:pan-y}#chart svg,#chart svg.calorie-chart{height:auto}#chart text,#expenditure-chart text,#weight-chart text{font:13px -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;fill:var(--muted)}#chart .selected-label,#chart .target-label{fill:var(--ink);font-weight:650}#chart .axis-title{font-size:10px}#chart .date-label{font-size:11px}.chart-hit{cursor:pointer;outline:none}.chart-hit:focus-visible{stroke:var(--ink);stroke-width:1;stroke-dasharray:3 3}.chart-detail{min-height:44px;font-size:.875rem;padding:12px 0;margin:0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.chart-caption{display:flex;flex-direction:column;gap:6px;font-size:.813rem;color:var(--muted);margin-top:12px}details{font-size:.875rem;color:var(--muted);margin-top:20px}summary{cursor:pointer;min-height:44px;padding:10px 0;color:var(--ink)}details p{line-height:1.65}.table-wrap{max-height:240px;overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th,td{padding:10px 7px;border-bottom:1px solid var(--line)}.expenditure-disclosure{background:var(--panel);padding:12px 24px;border-radius:20px;margin-top:24px}.expenditure-section{min-width:0;padding:15px 0}.expenditure-section>.eyebrow{display:none}.resting-key{color:#88b8dd}.active-key{color:var(--accent)}
progress.metric-progress{--metric-color:var(--muted);accent-color:var(--metric-color)}progress.metric-progress[data-metric-tone=green]{--metric-color:var(--green)}progress.metric-progress[data-metric-tone=amber]{--metric-color:var(--amber)}progress.metric-progress[data-metric-tone=red]{--metric-color:var(--red)}progress.metric-progress[data-metric-tone=blue]{--metric-color:#88b8dd}progress.metric-progress::-webkit-progress-value{background:var(--metric-color)}progress.metric-progress::-moz-progress-bar{background:var(--metric-color)}
.journal{margin-top:24px}.journal .section-head{margin-bottom:6px}.journal h2{font-size:1.25rem;margin:0}#entry-count{font-size:.813rem;color:var(--muted)}.entry{background:var(--panel);border-radius:20px;padding:20px;margin-top:12px;display:flex;flex-wrap:wrap;gap:14px;align-items:center}.entry-main{flex:1;min-width:0;flex-basis:100%}.entry h3{margin:6px 0 9px;overflow-wrap:anywhere}.entry p{color:var(--muted);font-size:.875rem;margin:0}.entry-actions{display:flex;gap:8px;flex-wrap:wrap}.entry-actions button{font-size:.813rem}.danger{color:var(--danger)}.empty{color:var(--muted);padding:18px 0;font-size:.875rem}footer{font-size:.813rem;color:var(--muted);margin:24px 0}
.tab-heading{margin:24px 0 20px}#profile-weight-goal{padding:20px;border-radius:20px;margin-bottom:24px}#profile-weight-goal h2{margin:0 0 14px;font-size:1.125rem}.profile-goal-summary{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 16px;margin-bottom:16px}.profile-goal-summary strong{font-size:1.5rem}#profile-goal-status:empty{display:none}.weight-section{margin-top:32px}#weight-card{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:10px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;align-items:stretch}#weight-card button{min-width:0;display:flex;flex-direction:column;gap:7px;padding:10px 10px;text-align:left;background:transparent;border-radius:0;border-right:1px solid var(--line)}#weight-card button:last-child{border-right:0}#weight-card button>span{font-size:.75rem;color:var(--muted)}#weight-card strong{font-size:1.5rem;font-weight:550;line-height:1.25;white-space:nowrap}#weight-card strong b{font-weight:550}#weight-card strong small{font-size:.813rem}#weight-card small{font-size:.688rem;line-height:1.3}#weight-card #weight-last-date{font-size:1rem;white-space:normal}#weight-change{color:var(--ink)}#weight-section{margin-top:0}#weight-section .tab-heading{margin:12px 0 16px}#weight-section .tab-heading h1{font-size:1.25rem;margin:0}#weight-section #log-weight{font-size:.75rem;padding:10px}#weight-status:empty{display:none}.weight-history>.section-head{margin-bottom:12px}.weight-history>.section-head h2{font-size:1rem;margin:0}.weight-outlook{display:flex;align-items:baseline;gap:10px;font-size:.875rem}.weight-outlook strong{font-size:1.125rem;color:var(--accent)}#weight-plan-eta{font-size:.813rem}#weight-future-results p{margin:7px 0;line-height:1.35}.weight-legend .plan-key:before{border-top-style:solid}#expenditure-section{margin-top:24px}#weight-measurements-dialog .segmented{flex-wrap:wrap}.weight-history{margin-top:24px;background:var(--panel);border-radius:24px;padding:24px;min-width:0}.weight-history h2{font-size:1.5rem}.weight-end-label{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:.813rem;margin-top:18px}.weight-end-label input{width:170px}#weight-today{margin-top:8px;font-size:.813rem}.measured-key{color:var(--accent)}.plan-key{color:#bdb7a5}.trend-key{color:#9caea8}.weight-observation{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;padding:12px 0}.weight-observation span{min-width:0;overflow-wrap:anywhere}.weight-observation button{font-size:.813rem}#weight-measurements{max-height:400px;overflow:auto}#weight-plan-details,#profile-details{background:var(--panel);padding:18px 24px;border-radius:24px}#weight-plan-details summary,#profile-details summary{font-size:1rem}.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:20px 0}.profile-grid label{display:flex;flex-direction:column;min-width:0;gap:6px;font-size:.875rem}.profile-grid input,.profile-grid select{width:100%}#profile-status,#plan-status{color:var(--ink)}#profile-save,#plan-save{background:var(--accent);color:#18230c}
.bottom-nav{position:fixed;z-index:4;bottom:calc(12px + var(--app-safe-bottom,env(safe-area-inset-bottom,0px)));left:max(12px,var(--app-safe-left,env(safe-area-inset-left,0px)));right:max(12px,var(--app-safe-right,env(safe-area-inset-right,0px)));max-width:540px;margin:auto;padding:6px;background:#1a221e;border:1px solid #303c34;border-radius:24px;box-shadow:0 8px 40px #0005}.bottom-nav [role=tablist]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px}.bottom-nav button{padding:9px 2px;background:transparent;border:0;min-width:0;min-height:50px;font-size:.813rem;border-radius:18px;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:4px}.bottom-nav button:before{content:'';display:block;width:17px;height:17px;border:1.5px solid currentColor;border-radius:5px}.bottom-nav #nav-progress:before{border-width:0 0 2px 2px;border-radius:0;transform:skewY(-20deg);width:18px;height:13px;margin:2px 0}.bottom-nav #nav-profile:before{border-radius:50%}.bottom-nav button[aria-selected=true]{color:var(--accent);background:#273421}.bottom-nav button:hover{background:#273421}
dialog{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:24px;width:min(440px,calc(100% - 24px));padding:24px;max-height:calc(100dvh - 48px);overflow:auto}dialog::backdrop{background:#000b}dialog label{display:grid;gap:7px;margin:18px 0;font-size:.875rem}dialog input,dialog select{width:100%;min-width:0}dialog p{overflow-wrap:anywhere}.dialog-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px}#undo-list{position:fixed;z-index:5;bottom:calc(105px + var(--app-safe-bottom,env(safe-area-inset-bottom,0px)));left:50%;transform:translateX(-50%);width:min(500px,calc(100% - 24px));display:grid;gap:8px}.undo{padding:14px 18px;background:#26352b;border:1px solid #516247;border-radius:18px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;font-size:.875rem;box-shadow:0 8px 30px #0008}
.weight-horizons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:3px}#weight-future-controls .weight-horizons button{min-width:0;padding:8px 1px;font-size:.75rem;white-space:normal;overflow-wrap:anywhere}.weight-summaries{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.weight-summaries>div{min-width:0;padding:14px 12px;border-radius:16px;background:#1a241f;border-top:2px solid #c5f36b}.weight-summaries .current-summary{border-color:#8fd9e8}.weight-summaries span{display:block;color:var(--muted);font-size:.813rem}.weight-summaries strong{display:block;margin-top:8px;font-size:1rem;font-weight:500;line-height:1.35;overflow-wrap:anywhere}.plan-summary strong{color:#c5f36b}.current-summary strong{color:#8fd9e8}#weight-future-status{font-size:.938rem;line-height:1.55}#weight-set-plan{margin-bottom:16px}.weight-legend .measured-key{color:#dde8da}.weight-legend .plan-key{color:#c5f36b}.weight-legend .trend-key{color:#8fd9e8}.weight-legend span:before{content:'';display:inline-block;width:18px;height:0;border-radius:0;background:transparent;border:0;border-top:2px solid currentColor;margin-right:7px;vertical-align:middle}.weight-legend .trend-key:before{border-top-style:dashed}.weight-legend .measured-key:before{width:5px;height:5px;border:0;border-radius:50%;background:currentColor}
/* Keep the chart visible before explanations, including hidden-tab recovery. */
#weight-chart{min-height:280px}#weight-chart svg{display:block;width:100%;height:280px;min-height:280px}#weight-future-results p:empty,#weight-detail:empty{display:none}.weight-summaries strong{font-size:1.5rem;font-variant-numeric:tabular-nums}.weight-summaries small{display:block;color:var(--muted);font-size:.75rem;margin-top:4px}.weight-recovery{display:flex;flex-wrap:wrap;gap:8px}.weight-recovery button{font-size:.813rem}.weight-caveat,#weight-expenditure-assumption{font-size:.813rem;line-height:1.4}.weight-legend{font-size:.75rem}#weight-comparison-notice{font-size:.875rem;line-height:1.45}#weight-auto-total{font-size:.813rem}#weight-current-status,#weight-current-eta{font-size:.75rem}
/* Separate cards, compact content. SVG height follows its CSS-pixel viewBox. */
#status:empty{display:none}
#weight-section + .trends{margin-top:24px}
.trends .section-head{margin-bottom:12px}
.trends h1{margin:0}
.trends .segmented{margin-top:12px}
.trends .rhythm-summary{gap:2px;margin:12px 0}
.trends .rhythm-summary>strong{font-size:2.25rem}
.trends .metric-label{margin:12px 0}
.trends .chart-legend{margin:8px 0;gap:4px 12px}
.trends #chart{margin-top:8px}
.trends #chart-detail{min-height:0;padding:0;margin:6px 0 0;line-height:1.4;font-size:.813rem}
.trends .chart-caption{margin-top:6px;gap:4px}
/* Shared smoked-glass surfaces: crisp text, quiet edges, no backdrop blur. */
:root{--glass-surface:linear-gradient(145deg,#1b2520,#151d18 62%,#121a16);--glass-edge:linear-gradient(135deg,#cee8d533,#8fac9912 38%,#26382d66 72%,#9cba9f20);--glass-shadow:inset 0 1px 0 #eeffe808,0 6px 18px #0000001a;--glass-input:linear-gradient(180deg,#101812,#17201a)}
.energy,.macro,.wellness-card,.entry,.trends,.weight-history,#weight-card,#profile-details,#profile-weight-goal,#expenditure-section,dialog,.datebar,.bottom-nav,.undo{background:var(--glass-surface) padding-box,var(--glass-edge) border-box;border:1px solid transparent;box-shadow:var(--glass-shadow)}
.bottom-nav,.undo{box-shadow:inset 0 1px 0 #eeffe80a,0 8px 30px #0006}
#expenditure-section{border-radius:24px;padding:24px}
input,select{background:var(--glass-input);border-color:#3a4b3f;box-shadow:inset 0 1px 3px #0004}
.segmented{background:var(--glass-input);box-shadow:inset 0 1px 0 #0005,0 1px 0 #d6ebda0a}
.weight-outlook{background:var(--glass-surface) padding-box,var(--glass-edge) border-box;border:1px solid transparent;border-radius:14px;padding:10px 12px;flex-wrap:wrap;box-shadow:inset 0 1px 0 #eeffe808}
.energy-average{display:flex;align-items:baseline;flex-wrap:wrap;gap:3px 10px;margin:0 0 18px;padding:10px 0;border-top:1px solid #b9d3bf16;font-size:.813rem}
#energy-average-label{flex-basis:100%;color:var(--muted)}#energy-average-value{font-size:.875rem;font-weight:500}#energy-average-coverage{font-size:.75rem;color:var(--muted)}
#energy-average[data-tone=green] strong,#rhythm-average[data-tone=green]{color:var(--green)}#energy-average[data-tone=amber] strong,#rhythm-average[data-tone=amber]{color:var(--amber)}#energy-average[data-tone=red] strong,#rhythm-average[data-tone=red]{color:var(--red)}#energy-average[data-tone=neutral] strong,#rhythm-average[data-tone=neutral]{color:var(--muted)}
/* Inventory: one energy progress + three macros + water/sleep/distance. */
progress{--bar-color:#a0b5a1;--progress-shadow:none;height:8px;border-radius:999px;overflow:visible;box-shadow:none;background:#2a352e}
progress.metric-progress{--bar-color:var(--metric-color)}#energy-progress{--bar-color:var(--energy-color);height:11px}
progress[value]:not([value="0"]){--progress-shadow:inset 0 1px 0 #ffffff40,0 0 6px color-mix(in srgb,var(--bar-color) 38%,transparent)}
progress::-webkit-progress-bar{border-radius:999px;background:#2a352e;box-shadow:inset 0 1px 2px #0005}
progress#energy-progress::-webkit-progress-value,progress.metric-progress::-webkit-progress-value{border-radius:999px;background-image:linear-gradient(180deg,#ffffff24,transparent 65%);box-shadow:var(--progress-shadow)}
progress#energy-progress::-moz-progress-bar,progress.metric-progress::-moz-progress-bar{border-radius:999px;background-image:linear-gradient(180deg,#ffffff24,transparent 65%);box-shadow:var(--progress-shadow)}
@media(max-width:480px){#expenditure-section{padding:20px 16px}}
@keyframes arrive{from{opacity:0}to{opacity:1}}
@media(min-width:650px){.overview{gap:16px}.macros,.wellness{gap:16px}.macro,.wellness-card{padding:20px}.energy{padding:32px}.metric-amount strong{font-size:1.75rem}.profile-grid{gap:24px}}
@media(max-width:480px){main{padding-left:max(16px,var(--app-safe-left,env(safe-area-inset-left,0px)));padding-right:max(16px,var(--app-safe-right,env(safe-area-inset-right,0px)));}.energy{padding:24px 20px}.trends,.weight-history{padding:20px 16px}.profile-grid{grid-template-columns:minmax(0,1fr)}.weight-card{grid-template-columns:minmax(0,1fr)}.weight-orbit{margin:auto}.weight-context{font-size:.875rem}.metric-amount{display:block}.metric-amount .unit{display:inline-block}.macro .metric-amount strong{font-size:1.25rem}.macro .metric-amount .unit{font-size:.813rem}.date-label{font-size:.875rem}.wordmark span{font-size:.813rem}.brand-wave{width:34px}.brand{gap:8px}#mode{font-size:.813rem}.expenditure-disclosure{padding:10px 16px}}
@media(max-width:359px){main{padding-left:12px;padding-right:12px}.macros,.wellness{gap:8px}.macro,.wellness-card{padding:14px 9px;border-radius:18px}.energy-line>strong{font-size:3rem}.quick-action{font-size:.813rem}.brand-wave{width:28px}.wordmark{font-size:26px}#mode{max-width:32%}.segmented button{padding:8px;font-size:.813rem}.metric-label{display:block}#metric{margin-top:8px;width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}