/* One compact reading immediately after capture, shared visual language with landing. */
#page-hoy #topGrid{grid-template-columns:minmax(0,1fr);grid-template-areas:none;grid-template-rows:auto;gap:12px;max-width:960px;margin-inline:auto}
#page-hoy #topGrid>.capture-stack,#page-hoy #calorieCard,#page-hoy .daily-followup{grid-area:auto;min-width:0}
#page-hoy .daily-followup{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
#page-hoy #progressHistory{max-width:960px;margin-inline:auto}
#page-hoy .daily-followup .dashboard-grid-report{grid-area:auto;display:block;margin:0}
#page-hoy .daily-followup .entry-digest{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:start;margin:0;padding:0 4px 0 12px;background:#fff;border:1px solid #dbe6de;border-radius:12px}
#page-hoy .daily-followup .report-card{background:var(--analysis-surface);border:1px solid var(--analysis-border);color:var(--analysis-text);border-radius:18px;padding:16px}
#page-hoy .daily-followup :is(#reportSummary,#todayAction){color:var(--analysis-text)}
#page-hoy .daily-followup :is(#reportDetails,#todayActionReason,.report-eyebrow,.report-copy,.eyebrow){color:var(--analysis-muted)}
#page-hoy .daily-followup :is(#reportMeta,.latest-analysis h3,.section-icon,.report-actions){color:var(--analysis-muted)}
#page-hoy .daily-followup #reportMeta{padding:0;margin-top:8px}
#page-hoy #calorieCard.daily-dashboard{padding:24px;overflow:visible;border-radius:24px;display:block;background:radial-gradient(ellipse at 100% 0,#39634a55,transparent 65%),linear-gradient(135deg,#142c26,#1b3830);color:#eff5df}
#page-hoy #calorieCard.daily-dashboard .today-overview-heading{padding:0;margin:0 0 18px;display:flex;justify-content:space-between;align-items:center;gap:10px}
#page-hoy #calorieCard.daily-dashboard .today-overview-heading>div{display:flex;width:auto;align-items:center;gap:12px;min-width:0}
#page-hoy #calorieCard.daily-dashboard h2{font-size:30px;letter-spacing:-.8px;line-height:1.1;margin:0;color:#eff5df}
#page-hoy #calorieCard.daily-dashboard .day-state-inline{margin:0;font-size:11px;color:#b6cbbc}
.daily-points{display:flex;align-items:center;gap:6px;min-height:44px;padding:8px 12px;color:#dcf3ac;background:#ffffff06;border:1px solid #c0d8a52b;border-radius:12px;font:inherit;font-size:13px;white-space:nowrap;cursor:pointer}
.daily-points strong{font-size:17px}
#page-hoy #calorieCard.daily-dashboard .daily-nutrients{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
#page-hoy #calorieCard.daily-dashboard .daily-nutrients>div{min-width:0;padding:0;background:transparent;border:0;border-radius:0;display:flex;flex-direction:column;gap:0;margin:0}
#page-hoy #calorieCard.daily-dashboard :is(.calorie-heading,.calorie-heading>div){display:block;padding:0;margin:0;min-width:0}
#page-hoy #calorieCard.daily-dashboard :is(.metric-label,.today-stat-label){font-size:14px;line-height:1.4;letter-spacing:0;font-weight:550;color:#b6cbbc;margin:0 0 8px;white-space:nowrap}
#page-hoy #calorieCard.daily-dashboard :is(.calorie-value,.daily-macro-value){display:flex;align-items:baseline;gap:5px;margin:0 0 12px;line-height:1.1;min-height:44px;font-size:38px;white-space:nowrap;letter-spacing:-1px;font-variant-numeric:tabular-nums}
#page-hoy #calorieCard.daily-dashboard .daily-macro-value strong,#page-hoy #calorieCard.daily-dashboard #calorieValue{font-size:inherit;font-weight:750;line-height:inherit}
#page-hoy #calorieCard.daily-dashboard #calorieValue{color:#dcf3ac}
#page-hoy #calorieCard.daily-dashboard #proteinValue{color:#9ed9c5}
#page-hoy #calorieCard.daily-dashboard :is(#carbsValue,#fatValue){color:#eff5df}
#page-hoy #calorieCard.daily-dashboard :is(.calorie-value small,.daily-macro-value small){font-size:12px;font-weight:500;letter-spacing:0;color:#b6cbbc}
#page-hoy #calorieCard.daily-dashboard .daily-nutrients .metric-progress{display:block;height:5px;width:100%;margin:0 0 3px;flex:none;accent-color:#dcf3ac;border-radius:8px}
#page-hoy #calorieCard.daily-dashboard .today-stat-protein .metric-progress{accent-color:#9ed9c5}
#page-hoy #calorieCard.daily-dashboard .today-stat-protein progress::-webkit-progress-value{background:#9ed9c5}
#page-hoy #calorieCard.daily-dashboard .daily-nutrients .target-link{min-height:36px;padding:4px 0;margin:0;font-size:11px;letter-spacing:0;color:#bdcfbd;justify-content:flex-start;white-space:normal;text-align:left;line-height:1.2}
#page-hoy #calorieCard.daily-dashboard .daily-nutrients .edit-pencil{display:none}
/* A narrow cell (tablet, or desktop beside the menu) keeps large totals inside it, as the phone layout does. */
#page-hoy #calorieCard.daily-dashboard .daily-nutrients>div{container-type:inline-size}
@container (max-width:159px){#page-hoy #calorieCard.daily-dashboard :is(#calorieValue,.daily-macro-value>strong)[data-wide]{font-size:.83em}}
@container (max-width:135px){
 #page-hoy #calorieCard.daily-dashboard :is(.calorie-value,.daily-macro-value){flex-direction:column;align-items:flex-start;gap:2px}
 #page-hoy #calorieCard.daily-dashboard :is(.calorie-value small,.daily-macro-value small){line-height:1;margin:0}
}
#page-hoy #calorieCard.daily-dashboard .energy-target-row{margin:0;display:block}
#page-hoy #calorieCard.daily-dashboard .pending-pill{font-size:10px;margin-top:3px}
.daily-activity{display:flex;align-items:baseline;gap:8px;margin:8px 0 14px;color:#b6cbbc;font-size:15px;font-weight:550}
.daily-activity>strong{font-size:32px;color:#eff5df;line-height:1.1;letter-spacing:-.6px}
.daily-activity>small{font-size:12px}.daily-activity-caption{margin-left:auto;font-size:13px}
#page-hoy #calorieCard.daily-dashboard .today-overview-body{padding:0;margin:0 0 14px;border:0}
#page-hoy #calorieCard.daily-dashboard .today-activity{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0}
#page-hoy #calorieCard.daily-dashboard .today-activity>.today-stat{flex:1;min-width:80px;gap:4px;padding:9px 10px;border:1px solid #b5d6bd22;background:#ffffff05;border-radius:12px;display:flex;flex-direction:column}
#page-hoy #calorieCard.daily-dashboard .today-activity .today-stat-label{font-size:11px;margin:0}
#page-hoy #calorieCard.daily-dashboard .today-activity strong{font-size:20px;line-height:1.2;color:#e7f3d8}
#page-hoy #calorieCard.daily-dashboard .today-activity small{font-size:10px;color:#b6cbbc}
#page-hoy #calorieCard.daily-dashboard .today-activity :is(progress,.target-link){display:none}
.daily-plots{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-width:0}
.daily-history>summary{min-height:44px;align-content:center;cursor:pointer;color:#bfd2c3;font-size:13px}
.daily-history[open]>summary{margin-bottom:6px}
@media(min-width:761px){.daily-history>summary{display:none}}
.daily-plot{min-width:0;border:1px solid #a9c9ac25;border-radius:18px;background:#ffffff02;overflow:hidden}
.daily-plot-link{display:block;width:100%;padding:12px 12px 8px;cursor:pointer;border:0;background:transparent;color:inherit;font:inherit;text-align:left}
.daily-plot-link:hover{background:#ffffff05}.daily-plot-title{display:flex;align-items:center;justify-content:space-between;gap:4px;font-size:12px;color:#bfd2c3}
.daily-plot-title>span{display:flex;align-items:center;gap:6px}.daily-swatch{display:inline-block;width:7px;height:7px;border-radius:50%;background:#199e70}
.daily-plot-title strong{color:#e4f2ce;font-size:13px;white-space:nowrap}.daily-plot-activity .daily-swatch{background:#dcf3ac}
.daily-plot svg{display:block;width:100%;height:116px;margin-top:2px;overflow:visible}
.daily-plot-grid{stroke:#c3d8c517;stroke-width:1}.daily-plot-line{stroke:#199e70;stroke-width:2;stroke-linecap:round}
.daily-plot-dot{fill:#199e70;stroke:#142c26;stroke-width:1.5}.daily-plot-dot.is-partial{fill:#1b3830;stroke:#199e70}
.daily-plot-bar{fill:#bcd98d}.daily-plot-bar.is-partial{fill:#dcf3ac}
.daily-plot-target{stroke:#dcf3ac;stroke-width:1;stroke-dasharray:4 4;opacity:.8}
.daily-plot-goal{min-height:25px;font-size:10px;color:#d5e9b6;line-height:1.3;margin:0 0 4px}
.daily-plot-goal span{display:block}.daily-plot-goal progress{width:100%;height:3px;margin-top:3px;display:block;accent-color:#dcf3ac}
.daily-plot-goal progress{appearance:none;border:0;border-radius:6px;overflow:hidden;background:#cce3a122}.daily-plot-goal progress::-webkit-progress-bar{background:#cce3a122}.daily-plot-goal progress::-webkit-progress-value{background:#dcf3ac}.daily-plot-goal progress::-moz-progress-bar{background:#dcf3ac}
.daily-plot-protein .daily-plot-goal span::before{content:'┄ ';font-weight:700}
.daily-plot-value{fill:#e6f2d6;font:700 12px system-ui;paint-order:stroke;stroke:#19372e;stroke-width:2px;stroke-linejoin:round}
.daily-plot-missing{fill:#9bb39f;font:12px system-ui}.daily-plot-dates{display:flex;justify-content:space-between;gap:5px;font-size:10px;color:#b6cbbc;line-height:1.3}
.daily-streak{display:flex;align-items:center;gap:12px;border-top:1px solid #b5d6bd24;margin-top:18px;padding-top:16px}
.daily-streak-icon{font-size:26px;display:grid;place-items:center;width:44px;height:44px;background:#ffffff06;border:1px solid #bfdba528;border-radius:14px;flex:none}
.daily-streak>strong{font-size:23px;line-height:1.2;letter-spacing:-.4px}
.daily-week{margin-left:auto;display:flex;gap:5px;flex:none}.daily-week>span{display:grid;place-items:center;width:22px;height:30px;border-radius:7px;background:#ffffff05;font-size:14px;color:#7b997e}.daily-week>.is-done{color:#d6efa6;background:#c7dc9c1c}
#page-hoy #calorieCard.daily-dashboard .compact-calorie-details{padding:8px 0 0;margin:10px 0 0;border:0;border-top:1px solid #b5d6bd14}
#page-hoy #calorieCard.daily-dashboard .compact-calorie-details summary{min-height:36px;align-content:center;font-size:11px;color:#b6cbbc}
#page-hoy #calorieCard.daily-dashboard .compact-calorie-details p{font-size:12px;margin:4px 0}
#page-hoy #calorieCard.daily-dashboard .calorie-score{display:flex;align-items:center;gap:5px;text-align:left;margin:8px 0;font-size:12px;color:#b6cbbc}
#page-hoy #calorieCard.daily-dashboard .calorie-score strong{font-size:14px;color:#dcf3ac}
.daily-dashboard :is(button,summary):focus-visible{outline:3px solid #dcf3ac;outline-offset:3px}
@media(max-width:600px){
 #page-hoy #calorieCard.daily-dashboard{padding:16px 14px}
 #page-hoy #calorieCard.daily-dashboard .today-overview-heading{margin-bottom:16px}
 #page-hoy #calorieCard.daily-dashboard .today-overview-heading>div{gap:8px}
 #page-hoy #calorieCard.daily-dashboard h2{font-size:25px}
 #page-hoy #calorieCard.daily-dashboard .daily-nutrients{gap:8px}
 #page-hoy #calorieCard.daily-dashboard :is(.metric-label,.today-stat-label){font-size:10px;margin-bottom:9px}
 #page-hoy #calorieCard.daily-dashboard :is(.calorie-value,.daily-macro-value){font-size:27px;gap:3px;min-height:30px;letter-spacing:-1px;margin-bottom:10px}
 #page-hoy #calorieCard.daily-dashboard :is(.calorie-value,.daily-macro-value){flex-direction:column;align-items:flex-start;gap:2px;min-height:42px}
 #page-hoy #calorieCard.daily-dashboard :is(.calorie-value small,.daily-macro-value small){line-height:1;margin:0}
 #page-hoy #calorieCard.daily-dashboard #calorieValue[data-wide]{font-size:.83em}
 #page-hoy #calorieCard.daily-dashboard .daily-macro-value>strong[data-wide]{font-size:.83em}
 #page-hoy #calorieCard.daily-dashboard :is(.calorie-value small,.daily-macro-value small){font-size:9px}
 #page-hoy #calorieCard.daily-dashboard .daily-nutrients .target-link{font-size:10px;min-height:36px}
 .daily-points{font-size:11px;padding:7px 9px;gap:4px}.daily-points strong{font-size:14px}
 .daily-activity{font-size:12px;margin-block:7px 14px;gap:6px}.daily-activity>strong{font-size:29px}.daily-activity-caption{font-size:11px}
 .daily-plots{gap:8px}.daily-plot{border-radius:16px}.daily-plot-link{padding:10px 7px 7px}.daily-plot-title{font-size:10px}.daily-plot-title strong{font-size:10px}.daily-plot-title>span{gap:4px}.daily-swatch{width:6px;height:6px}
 .daily-streak{gap:8px;padding-top:12px;margin-top:14px}.daily-streak>strong{font-size:17px}.daily-streak-icon{width:36px;height:38px;font-size:23px;border-radius:12px}.daily-week{gap:3px}.daily-week>span{width:14px;height:24px;font-size:12px}
 #page-hoy .daily-followup .dashboard-grid-report{grid-template-columns:1fr}
}
@media(max-width:350px){
 #page-hoy #calorieCard.daily-dashboard{padding:14px 12px}
 #page-hoy #calorieCard.daily-dashboard .daily-nutrients{gap:6px}
 #page-hoy #calorieCard.daily-dashboard :is(.calorie-value,.daily-macro-value){font-size:22px;gap:2px;letter-spacing:-.8px}
 #page-hoy #calorieCard.daily-dashboard :is(.metric-label,.today-stat-label){font-size:9px}
 #page-hoy #calorieCard.daily-dashboard .day-state-inline{font-size:10px}
 .daily-plot-link{padding-inline:5px}.daily-plot-title{font-size:9px}.daily-plot-title strong{font-size:9px}.daily-plot-value{font-size:11px}
 .daily-streak>strong{font-size:14px}.daily-week>span{width:11px;height:22px}.daily-streak-icon{width:30px;height:34px;font-size:20px}.daily-streak{gap:6px}
}
/* Protein vs fat on the dark panel: #199e70/#3987e5 pass dataviz validate_palette on #142c26 and #1b3830. */
.daily-plot-fat .daily-swatch{background:#3987e5}.daily-plot-fat{margin-top:3px}
.daily-plot-fat-value{color:#e4f2ce;font-size:12px;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}
.daily-plot-fat-line{stroke:#3987e5;stroke-width:2;stroke-linecap:round}
.daily-plot-fat-dot{fill:#3987e5;stroke:#142c26;stroke-width:1.5}.daily-plot-fat-dot.is-partial{fill:#1b3830;stroke:#3987e5}
