:root{--background:#f4f1e8;--surface:#fffaf0;--surface-muted:#ebe4d3;--text:#24251f;--muted:#6d6a5e;--line:#d7ccb4;--accent:#2f6f4f;--accent-strong:#1f4f38;--warning:#996b2e}*{box-sizing:border-box}body{background:linear-gradient(#f4f1e8e0, #f4f1e8f5), radial-gradient(circle at 18% 10%, #2f6f4f24, transparent 34%), var(--background);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{background:var(--accent);color:#fff;cursor:pointer;min-height:40px;font:inherit;border:0;border-radius:8px;padding:0 18px;font-weight:700}.app-shell{width:min(1180px,100% - 32px);margin:0 auto;padding:32px 0}.topbar,.panel-header{justify-content:space-between;align-items:center;gap:20px;display:flex}.topbar{margin-bottom:22px}.eyebrow{color:var(--accent-strong);letter-spacing:0;text-transform:uppercase;margin:0 0 6px;font-size:.78rem;font-weight:800}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(2rem,4vw,3.4rem);line-height:1}h2{margin-bottom:0;font-size:1.25rem}.phase-pill{border:1px solid var(--line);background:var(--surface);color:var(--warning);border-radius:999px;padding:10px 14px;font-weight:800}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.summary-card,.panel,.meal-slot{border:1px solid var(--line);background:#fffaf0e6;border-radius:8px;box-shadow:0 12px 30px #28221614}.summary-card{padding:16px}.summary-card span,.meal-slot span{color:var(--muted);font-size:.82rem;font-weight:700;display:block}.summary-card strong{margin:8px 0 6px;font-size:1.6rem;display:block}.summary-card p,.meal-slot p,.side-panel li{color:var(--muted)}.workspace{grid-template-columns:minmax(0,1fr) 320px;gap:16px;display:grid}.panel{padding:20px}.meal-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.meal-slot{min-height:130px;padding:14px}.meal-slot strong{margin:8px 0 14px;display:block}.side-panel ul{gap:10px;margin:18px 0 0;padding-left:18px;display:grid}@media (max-width:920px){.summary-grid,.workspace,.meal-grid{grid-template-columns:1fr 1fr}.side-panel{grid-column:1/-1}}@media (max-width:620px){.app-shell{width:min(100% - 20px,1180px);padding:18px 0}.topbar,.panel-header{flex-direction:column;align-items:flex-start}.summary-grid,.workspace,.meal-grid{grid-template-columns:1fr}}
