:root{--bg:#f4efe7;--surface:#fffbf6e0;--surface-strong:#fffaf4;--border:#604b301f;--border-strong:#604b302e;--text:#1c1712;--muted:#6d6458;--accent:#8e6f4e;--accent-soft:#f1e6d9;--good:#2f6d44;--good-soft:#2f6d4424;--near:#6f2147;--near-soft:#6f214724;--neutral:#8a8176;--neutral-soft:#8a81761f;--danger:#b42318;--shadow:0 20px 60px #3a291514;--radius-xl:28px;--radius-lg:22px;--radius-md:18px}*{box-sizing:border-box}html,body{background:radial-gradient(circle at top left, #ffffffb8, transparent 38%), linear-gradient(180deg, #fbf7f2 0%, var(--bg) 100%);min-height:100%;color:var(--text);margin:0;padding:0;font-family:Inter,Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}img{max-width:100%;display:block}.app-shell{width:min(1180px,100% - 24px);min-height:100vh;margin:0 auto;padding:24px 0}.flow-shell{grid-template-columns:minmax(320px,.92fr) minmax(460px,1.08fr);align-items:start;gap:20px;display:grid}.card-surface{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.photo-pane{gap:14px;padding:18px;display:grid;position:sticky;top:24px}.photo-stage{background:linear-gradient(145deg,#efe6da,#fbf7f2);border:1px solid #604b3014;border-radius:22px;min-height:min(72vh,760px);position:relative;overflow:hidden}.photo-stage img{object-fit:cover;width:100%;height:100%}.photo-placeholder{text-align:center;min-height:min(72vh,760px);color:var(--muted);place-items:center;padding:28px;display:grid}.photo-badge{background:#fffaf4e0;border:1px solid #ffffffa6;border-radius:999px;padding:10px 14px;font-weight:700;display:inline-flex;position:absolute;bottom:14px;left:14px;box-shadow:0 12px 28px #1c17121f}.content-pane{min-height:calc(100vh - 48px)}.panel{padding:40px}.stack-sm{gap:8px;display:grid}.stack-lg{gap:24px;display:grid}.stack-xl{gap:32px;display:grid}.brand-row{color:var(--accent);align-items:center;gap:10px;font-weight:700;display:inline-flex}.brand-dot{background:var(--accent);border-radius:999px;width:10px;height:10px;box-shadow:0 0 0 8px #8e6f4e1f}.brand-link{color:inherit;text-underline-offset:3px;text-decoration:underline}.brand-link:hover{opacity:.85}.headline{letter-spacing:-.05em;max-width:11ch;margin-top:20px;font-size:clamp(2.1rem,4vw,4.2rem);line-height:.96}.subhead,.step-text,.energy-summary,.final-cta p,.portion-row p,.micro-copy,.premeal-card p,.suggestion-card p,.improvement-card p,.line-content p{color:var(--muted);margin:0;line-height:1.6}.upload-zone,.line-item,.portion-row,.stat-card,.manual-add-card,.suggestion-card,.improvement-card,.premeal-card,.curve-card,.macro-bar-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:#ffffffb3}.upload-zone{cursor:pointer;border-style:dashed;gap:6px;padding:26px;display:grid}.upload-zone input{display:none}.upload-title{font-size:1.06rem;font-weight:700}.upload-text{color:var(--muted)}.field-block{gap:8px;display:grid}.field-block span{font-size:.95rem;font-weight:600}.field-block em{color:var(--muted);font-style:normal;font-weight:500}.field-block select,.field-block input,.inline-input,.grams-field input{border:1px solid var(--border);width:100%;color:var(--text);background:#ffffffd6;border-radius:16px;outline:none;padding:14px 16px}.inline-input{background:0 0;border:none;padding:0;font-size:1.02rem;font-weight:650}.button{appearance:none;cursor:pointer;border:none;border-radius:18px;padding:14px 20px;font-weight:700;transition:transform .14s,opacity .14s,background .14s}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{opacity:.5;cursor:not-allowed}.button-primary{background:var(--text);color:#fff}.button-ghost{color:var(--text);border:1px solid var(--border);background:#ffffffd1}.cta-row{align-items:center;gap:12px;display:flex}.cta-row.between{justify-content:space-between}.error-text{color:var(--danger);margin:0}.step-title{letter-spacing:-.03em;margin:0;font-size:clamp(1.55rem,2vw,2.15rem);line-height:1.05}.line-item{padding:14px 16px}.line-item.is-muted{opacity:.48}.check-line{grid-template-columns:auto 1fr;align-items:start;gap:12px;display:grid}.check-line input[type=checkbox]{width:18px;height:18px;margin-top:5px}.line-content{gap:6px;display:grid}.line-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.source-chip,.energy-badge,.mini-eyebrow{border-radius:999px;width:fit-content;padding:8px 12px;font-size:.84rem;font-weight:700;display:inline-flex}.source-chip{color:var(--muted);background:#1c17120f}.source-chip.is-manual{background:var(--accent-soft);color:var(--accent)}.manual-add-card{gap:14px;padding:18px;display:grid}.manual-grid{grid-template-columns:1.3fr .7fr;gap:12px;display:grid}.field-block.compact span{font-size:.88rem}.grams-field{border:1px solid var(--border);background:#ffffffd6;border-radius:16px;align-items:center;gap:8px;min-width:112px;padding:12px 14px;display:inline-flex}.grams-field.wide{width:100%}.grams-field input{text-align:right;background:0 0;border:none;padding:0;font-weight:700}.grams-field span{color:var(--muted)}.portion-table{gap:12px;display:grid}.portion-row{grid-template-columns:1fr auto;align-items:center;gap:16px;padding:16px;display:grid}.portion-row strong{margin-bottom:4px;display:block}.stats-grid{gap:12px;display:grid}.stats-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.stat-card{gap:10px;padding:18px;display:grid}.stat-card span{color:var(--muted);font-size:.95rem}.stat-card strong{font-size:clamp(1.2rem,2vw,1.75rem);line-height:1}.macro-bars-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.macro-bar-card{gap:12px;padding:16px;display:grid}.macro-bar-head{justify-content:space-between;align-items:end;gap:10px;display:flex}.macro-bar-head strong{margin-bottom:2px;font-size:.98rem;display:block}.macro-bar-head span{color:var(--muted);font-size:.84rem}.macro-bar-head b{font-size:1rem;line-height:1}.macro-track{background:#1c171214;border-radius:999px;width:100%;height:12px;overflow:hidden}.macro-fill{border-radius:999px;height:100%}.macro-fill.is-good{background:linear-gradient(90deg, var(--good-soft), var(--good))}.macro-fill.is-near{background:linear-gradient(90deg, var(--near-soft), var(--near))}.macro-fill.is-neutral{background:linear-gradient(90deg, var(--neutral-soft), var(--neutral))}.curve-card{gap:16px;padding:18px;display:grid}.curve-visual{width:100%;height:auto}.curve-axis{stroke:#1c171229;stroke-width:1.2px}.curve-path{fill:none;stroke:#1c17123d;stroke-width:2.2px;stroke-dasharray:7 7;stroke-linecap:round}.curve-path.is-active{stroke:url(#curveGradient);stroke-width:5px;stroke-dasharray:none;filter:drop-shadow(0 10px 18px #2b5d3c33)}.curve-labels{flex-wrap:wrap;gap:8px;display:flex}.curve-chip{color:var(--muted);background:#1c17120f;border-radius:999px;padding:8px 12px;font-size:.84rem;font-weight:700}.curve-chip.is-active{color:var(--good);background:#2b5d3c1f}.curve-copy{gap:12px;display:grid}.energy-badge{background:var(--accent-soft);color:var(--accent)}.bullet-list{gap:10px;margin:0;padding-left:18px;display:grid}.compact-list{gap:8px}.suggestion-grid,.improvement-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.suggestion-card,.improvement-card,.premeal-card{gap:8px;padding:18px;display:grid}.suggestion-card strong,.premeal-card strong{font-size:1.02rem}.improvement-card span,.mini-eyebrow{color:var(--accent);background:var(--accent-soft)}.premeal-card{background:linear-gradient(135deg,#ffffffd6,#f1e6d9e6)}.final-cta{border:1px solid var(--border);background:linear-gradient(135deg,#ffffffd1,#f1e6d9db);border-radius:24px;gap:18px;padding:22px;display:grid}.final-cta strong{font-size:1.1rem}.progress-row{flex-wrap:wrap;gap:10px;display:flex}.step-pill{appearance:none;border:1px solid var(--border);color:var(--muted);cursor:pointer;background:#ffffffad;border-radius:999px;padding:10px 14px;font-weight:700}.step-pill:disabled{opacity:.5;cursor:not-allowed}.step-pill.is-active{background:var(--accent-soft);color:var(--accent)}@media (max-width:980px){.flow-shell{grid-template-columns:1fr}.photo-pane{position:static}.photo-stage,.photo-placeholder,.content-pane{min-height:auto}.photo-stage{aspect-ratio:4/3}.panel{padding:24px}.headline{max-width:none}.stats-grid-4,.macro-bars-grid,.suggestion-grid,.improvement-grid{grid-template-columns:1fr 1fr}}@media (max-width:640px){.app-shell{width:min(100% - 16px,1180px);padding:16px 0}.stats-grid-4,.macro-bars-grid,.suggestion-grid,.improvement-grid,.portion-row,.manual-grid{grid-template-columns:1fr}.cta-row,.cta-row.between{flex-direction:column;align-items:stretch}.button{width:100%}.photo-badge{justify-content:center;left:10px;right:10px}}.line-item-grid{padding:16px 18px}.compact-check-line{gap:10px}.line-head-top{align-items:center}.gram-picker-chip{border:1px solid var(--border);background:#ffffffe0;border-radius:999px;min-width:110px;position:relative;overflow:hidden}.gram-picker-chip:after{content:"▾";color:var(--muted);pointer-events:none;font-size:.85rem;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.gram-picker-chip select{appearance:none;width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;outline:none;padding:10px 34px 10px 14px;font-weight:700}.percentage-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.percentage-card{border-radius:var(--radius-lg);border:1px solid var(--border);background:#ffffffc7;gap:8px;padding:20px;display:grid}.percentage-card span{color:var(--muted);font-size:.94rem}.percentage-card strong{letter-spacing:-.04em;font-size:clamp(1.65rem,3vw,2.4rem);line-height:1}.macro-bars-grid{align-items:start}@media (max-width:980px){.percentage-grid{grid-template-columns:1fr 1fr 1fr}}@media (max-width:640px){.percentage-grid{grid-template-columns:1fr}.line-head-top{flex-direction:column;align-items:stretch}.gram-picker-chip{width:100%}}.kcal-chip{border:1px solid var(--border);background:#ffffffd1;border-radius:16px;flex-wrap:wrap;align-items:center;gap:10px;width:fit-content;padding:12px 14px;display:inline-flex}.kcal-chip span{color:var(--muted);font-size:.92rem}.kcal-chip strong{font-size:1rem}.inline-actions-row{justify-content:flex-start;align-items:center;display:flex}.micro-link-button{appearance:none;color:var(--muted);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;padding:0;font-size:.92rem;text-decoration:underline}.details-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:#ffffffc2;padding:16px 18px}.details-card summary{cursor:pointer;font-weight:700;list-style:none}.details-card summary::-webkit-details-marker{display:none}.details-list{gap:12px;margin-top:14px;display:grid}.details-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.tone-pill{border-radius:999px;justify-content:center;align-items:center;padding:8px 12px;font-size:.88rem;font-weight:700;display:inline-flex}.tone-pill.is-good{color:var(--good);background:var(--good-soft)}.tone-pill.is-near{color:var(--near);background:var(--near-soft)}.tone-pill.is-neutral{color:var(--neutral);background:var(--neutral-soft)}.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:90;background:#1c17125c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{border:1px solid var(--border);width:min(520px,100%);box-shadow:var(--shadow);background:#fffaf4f7;border-radius:24px;padding:22px}.modal-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.modal-head h3{margin:6px 0 0;font-size:1.25rem}.icon-close{appearance:none;color:var(--text);cursor:pointer;background:#1c17120f;border:none;border-radius:999px;width:38px;height:38px;font-size:1.35rem;line-height:1}.legend-list{gap:14px;display:grid}.legend-row{grid-template-columns:auto 1fr;align-items:start;gap:12px;display:grid}.legend-row p{color:var(--muted);margin:4px 0 0;line-height:1.55}.legend-dot{border-radius:999px;width:14px;height:14px;margin-top:4px}.legend-dot.is-good{background:var(--good)}.legend-dot.is-near{background:var(--near)}.legend-dot.is-neutral{background:var(--neutral)}@media (max-width:720px){.details-row{flex-direction:column;align-items:flex-start}.kcal-chip{justify-content:space-between;width:100%}}.photo-kcal-row{color:#f4efebdb;background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding:10px 12px;font-size:.92rem;display:flex}.photo-kcal-row strong{color:#fff7f9;font-weight:700}