:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color-scheme:dark;color:#edf4f1;background:#0a0f0e;--surface: #121918;--surface-raised: #18211f;--surface-muted: #202a27;--border: #293633;--text: #edf4f1;--muted: #94a59f;--accent: #6bd3aa;--accent-strong: #8be3bf;--danger: #ff9b8e;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#0a0f0e}button,input,select{font:inherit}button{cursor:pointer}.center-state,.login-page{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.login-page{background:#0a0f0e}.login-card{width:min(100%,26rem);padding:2.25rem;border:1px solid var(--border);border-radius:1.25rem;background:var(--surface);box-shadow:0 1.5rem 4rem #00000047}.login-card h1{margin:1.25rem 0 .5rem}.login-card p{color:var(--muted);line-height:1.5}.login-card form{display:grid;gap:1rem;margin-top:1.5rem}.login-card label,.date-picker{display:grid;gap:.4rem;font-weight:650}input,select{border:1px solid #42524e;border-radius:.6rem;padding:.75rem;color:inherit;background:#0e1513}input:focus,select:focus,button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid rgba(107,211,170,.32);outline-offset:2px;border-color:var(--accent)}.brand-mark{display:inline-grid;place-items:center;width:1.9rem;height:1.9rem;margin-right:.55rem;border-radius:.55rem;color:#07120e;background:var(--accent)}.brand-mark.large{width:3rem;height:3rem;font-size:1.45rem}.primary-button,.quiet-button{border:0;border-radius:.6rem;padding:.7rem 1rem;font-weight:700}.primary-button{color:#07120e;background:var(--accent)}.primary-button:hover{background:var(--accent-strong)}.primary-button:disabled{opacity:.65;cursor:not-allowed}.quiet-button{color:var(--text);background:var(--surface-muted)}.form-error,.shell-error{color:var(--danger)}.app-header{min-height:4.5rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:.8rem clamp(1rem,4vw,3rem);border-bottom:1px solid var(--border);background:#0a0f0ef0;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.app-header nav{display:flex;gap:.4rem}.app-header nav a{padding:.55rem .75rem;border-radius:.55rem;color:var(--muted);text-decoration:none}.app-header nav a.active{color:var(--text);background:var(--surface-muted);font-weight:750}.account{justify-self:end;display:flex;align-items:center;gap:.8rem}.shell-error{margin:.5rem 1rem 0;text-align:right}.daily-page{width:min(74rem,100%);margin:0 auto;padding:2rem clamp(1rem,4vw,3rem) 4rem}.page-heading,.panel-title{display:flex;align-items:end;justify-content:space-between;gap:1rem}.page-heading{margin-bottom:1.5rem}.page-heading h1{margin:0;font-size:clamp(2rem,5vw,3.4rem)}.eyebrow{margin:0 0 .35rem;color:var(--accent);font-weight:750;letter-spacing:.1em;text-transform:uppercase;font-size:.78rem}.date-picker{min-width:10rem}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(17rem,1fr);gap:1rem}.panel{padding:1.4rem;border:1px solid var(--border);border-radius:1rem;background:var(--surface);box-shadow:0 .4rem 1.4rem #0000001f}.panel h2{margin:0}.panel-title span{color:var(--muted)}.nutrient-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:1.25rem 0 0}.nutrient{padding:.9rem;border-radius:.7rem;background:var(--surface-muted)}.nutrient dt{color:var(--muted);font-size:.85rem}.nutrient dd{margin:.3rem 0 0;font-weight:750}.nutrient-partial{background:#2b281c}.nutrient-unknown{background:#1a201e}.budget-values{display:grid;gap:.8rem;margin-top:1.25rem}.budget-value{display:flex;justify-content:space-between;gap:1rem;padding-bottom:.8rem;border-bottom:1px solid var(--border)}.budget-state{color:var(--muted);margin-bottom:0}.empty-state{padding:2rem .25rem}.empty-state p{color:var(--muted);line-height:1.5}.error-panel{color:var(--danger);border-color:#633b36;background:#241715}.content-page{width:min(74rem,100%);margin:0 auto;padding:2rem clamp(1rem,4vw,3rem) 4rem}.foods-layout{display:grid;grid-template-columns:minmax(20rem,1fr) minmax(18rem,.8fr);gap:1rem}.food-form,.meal-form,.stack-form{display:grid;gap:1rem;margin-top:1.2rem}.food-form>label,.meal-form>label,.nutrient-input label{display:grid;gap:.4rem;font-weight:650}.nutrient-inputs{display:grid;gap:.8rem;margin:.5rem 0;padding:1rem;border:1px solid var(--border);border-radius:.75rem}.nutrient-input{display:grid;grid-template-columns:minmax(12rem,1fr) minmax(8rem,.6fr);gap:.6rem;align-items:end}.food-list{display:grid;gap:.75rem;padding:0;list-style:none}.food-list li{padding:1rem;border-radius:.75rem;background:var(--surface-muted)}.food-list p{margin:.25rem 0;color:var(--muted)}.food-list a{color:var(--accent);font-weight:700}.meal-create-panel,.expenditure-panel{grid-column:1 / -1}.two-column-layout,.recipe-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-items:start}.stack-form label,.ingredient-list label{display:grid;gap:.4rem;font-weight:650}.resource-list,.ingredient-list{display:grid;gap:.75rem;margin:1rem 0 0;padding:0;list-style:none}.resource-list li{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border-radius:.75rem;background:var(--surface-muted)}.resource-list li div{display:grid;gap:.25rem}.resource-list span,.help-text,.empty-copy,.version-card small{color:var(--muted)}.resource-list a,.back-link{color:var(--accent);font-weight:700}.ingredient-list{counter-reset:ingredient}.ingredient-list li{display:grid;grid-template-columns:minmax(12rem,1fr) minmax(8rem,.45fr) auto;gap:.75rem;align-items:end;padding:1rem;border:1px solid var(--border);border-radius:.75rem}.text-button{border:0;padding:.7rem .2rem;color:var(--danger);background:transparent;text-decoration:underline}.text-button:disabled{opacity:.45;cursor:not-allowed}.version-stack{display:grid;gap:1rem;margin-top:1rem}.version-card{padding:1rem;border-radius:.75rem;background:var(--surface-muted)}.version-card h3{margin-top:0}.version-card ol{padding-left:1.4rem}.separated{padding-top:1rem;border-top:1px solid var(--border)}.action-message{padding:.8rem 1rem;border-radius:.75rem;background:#183126}.app-brand{color:inherit;text-decoration:none}.day-navigation{display:flex;align-items:end;gap:.5rem}.day-navigation .date-picker{min-width:9.5rem}.secondary-nutrients{margin-top:1rem}.secondary-nutrients summary{cursor:pointer;color:var(--accent);font-weight:700}.goal-list{display:grid;gap:.7rem;margin:1rem 0 0}.goal-list>div{display:flex;justify-content:space-between;gap:1rem;padding-bottom:.7rem;border-bottom:1px solid var(--border)}.goal-list dd{display:grid;margin:0;text-align:right}.goal-list dd span{color:var(--muted);font-size:.85rem}.meal-list{display:grid;gap:.65rem;padding:0;list-style:none}.meal-list li{display:grid;grid-template-columns:4rem 1fr auto;gap:.75rem;align-items:center;padding:.8rem;border-radius:.7rem;background:var(--surface-muted)}.meal-list li div{display:grid}.meal-list span{color:var(--muted)}.activities-panel{margin-top:1rem}.activity-list{display:grid;gap:.65rem;padding:0;list-style:none;margin:1rem 0 0}.activity-list li{display:grid;grid-template-columns:4rem 1fr auto;gap:.75rem;align-items:center;padding:.8rem;border-radius:.7rem;background:var(--surface-muted)}.activity-list li div{display:grid}.activity-list span{color:var(--muted)}.resource-actions{align-items:end!important}.resource-actions .text-button{padding:0;text-align:right}.settings-page{width:min(58rem,100%)}.goal-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.goal-field{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin:0;padding:1rem;border:1px solid var(--border);border-radius:.75rem}.goal-field legend{padding:0 .3rem;font-weight:750}.goal-field label{display:grid;gap:.4rem;font-weight:650}.goal-field .goal-toggle{grid-column:1 / -1;display:flex;align-items:center;gap:.5rem}.settings-page details>summary{margin:.25rem 0 1rem;cursor:pointer;color:var(--accent);font-weight:700}.section-navigation{display:flex;gap:.35rem;margin-bottom:1.5rem}.section-navigation a{padding:.55rem .8rem;border-radius:.6rem;color:var(--muted);text-decoration:none}.section-navigation a.active{color:var(--text);background:var(--surface-muted)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:2.5rem 0 1rem}.section-heading h2{margin:0;font-size:clamp(1.45rem,3vw,2rem)}.health-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.recovery-feature{margin-bottom:1rem;background:var(--surface-raised)}.recovery-score{display:flex;align-items:start;justify-content:space-between;gap:1rem}.recovery-score strong{display:block;margin:.45rem 0 .25rem;font-size:clamp(3.5rem,11vw,6rem);line-height:.95;font-variant-numeric:tabular-nums}.recovery-scale{color:var(--muted);font-size:.8rem}.recovery-unavailable{display:block;margin-top:.55rem;font-size:clamp(1.35rem,4vw,2rem)}.recovery-signals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:1.25rem 0 0}.recovery-signals div{padding:.85rem;border-radius:.7rem;background:#0e1513}.recovery-signals dt{display:grid;gap:.25rem;font-weight:750}.recovery-signals dt span{color:var(--muted);font-size:.8rem;font-weight:500}.recovery-signals dd{margin:.45rem 0 0;color:var(--muted);font-size:.8rem;line-height:1.35}.health-feature{min-height:13rem;display:flex;flex-direction:column;justify-content:space-between;padding:1.5rem;border:1px solid var(--border);border-radius:1rem;background:var(--surface-raised)}.metric-label{display:block;color:var(--muted);font-size:.82rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.metric-hero{display:block;margin:.55rem 0 .35rem;font-size:clamp(2rem,6vw,3.6rem);line-height:1;font-variant-numeric:tabular-nums}.metric-range{font-size:clamp(1.8rem,5vw,3rem)}.metric-note,.sleep-window{color:var(--muted)}.sleep-details{margin-top:1rem}.sleep-details summary{color:var(--accent);cursor:pointer;font-weight:700}.sleep-window{margin:.8rem 0}.sleep-stages{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin:0}.sleep-stages div{padding:.65rem;border-radius:.55rem;background:#0e1513}.sleep-stages dt{color:var(--muted);font-size:.75rem}.sleep-stages dd{margin:.25rem 0 0;font-weight:700}.health-metrics{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:.5rem}.health-metric{padding:1rem;border-right:1px solid var(--border)}.health-metric:last-child{border-right:0}.health-metric span{display:block;color:var(--muted);font-size:.82rem}.health-metric strong{display:block;margin-top:.35rem;font-size:clamp(1.15rem,3vw,1.65rem);font-variant-numeric:tabular-nums}.metric-context{display:block;margin-top:.35rem;color:var(--muted);font-size:.75rem;font-weight:500}.health-state p{color:var(--muted);margin-bottom:0}.nutrition-section{margin-top:2rem}.page-intro{max-width:42rem;margin:.65rem 0 0;color:var(--muted);line-height:1.55}.trends-page{width:min(74rem,100%);margin:0 auto;padding:2rem clamp(1rem,4vw,3rem) 4rem}.range-switch{display:flex;padding:.25rem;border:1px solid var(--border);border-radius:.75rem;background:var(--surface)}.range-switch button{border:0;border-radius:.5rem;padding:.55rem .8rem;color:var(--muted);background:transparent}.range-switch button.active{color:#07120e;background:var(--accent);font-weight:750}.trend-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.trend-card{padding:1.25rem;border:1px solid var(--border);border-radius:1rem;background:var(--surface)}.trend-card-heading{display:flex;justify-content:space-between;align-items:baseline}.trend-card-heading h2{margin:0;font-size:1rem}.trend-card-heading span{color:var(--muted);font-size:.82rem}.trend-chart{display:block;width:100%;height:auto;margin-top:.8rem;overflow:visible}.trend-chart polyline{fill:none;stroke:var(--accent);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.trend-chart circle{fill:var(--accent)}.baseline-band{fill:#94a59f1f}.chart-baseline{stroke:var(--border);stroke-width:1}.trend-axis{display:flex;justify-content:space-between;color:var(--muted);font-size:.75rem;font-variant-numeric:tabular-nums}.baseline-copy{display:grid;gap:.2rem;min-height:2.7rem;margin:.9rem 0 0;color:var(--muted);font-size:.78rem;line-height:1.4}.baseline-copy span{color:var(--text)}@media(max-width:720px){.app-header{grid-template-columns:1fr auto}.app-header nav{grid-column:1 / -1;grid-row:2;overflow-x:auto}.account>span{display:none}.dashboard-grid,.nutrient-grid,.foods-layout,.nutrient-input,.two-column-layout,.recipe-layout,.ingredient-list li,.goal-fields,.goal-field,.health-overview,.trend-grid{grid-template-columns:1fr}.health-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.recovery-signals{grid-template-columns:1fr}.health-metric:nth-child(2){border-right:0}.health-metric:nth-child(-n+2){border-bottom:1px solid var(--border)}.goal-field .goal-toggle{grid-column:1}.page-heading{align-items:start;flex-direction:column}.date-picker{width:100%}.day-navigation{width:100%;display:grid;grid-template-columns:auto 1fr auto auto}.meal-list li{grid-template-columns:3.5rem 1fr}.meal-list li>span{grid-column:2}.activity-list li{grid-template-columns:3.5rem 1fr}.activity-list li>span{grid-column:2}}@media(max-width:430px){.content-page,.daily-page,.trends-page,.app-header{padding-inline:.75rem}.app-header nav{grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:.1rem;overflow-x:visible;font-size:.8rem}.app-header nav a{padding-inline:.2rem;text-align:center}.day-navigation{grid-template-columns:auto 1fr auto}.day-navigation .date-picker{grid-column:1 / -1;grid-row:1}.sleep-stages{grid-template-columns:repeat(2,1fr)}.metric-hero{font-size:2.25rem}}
