:root{--bg:#f4efe7;--surface:#fffbf6db;--surface-strong:#fffaf4;--border:#604b301f;--text:#1c1712;--muted:#6d6458;--accent:#8e6f4e;--accent-soft:#f1e6d9;--shadow:0 20px 60px #3a291514;--radius-xl:28px;--radius-lg:20px;--radius-md:16px;--danger:#b42318}*{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,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,.9fr) minmax(420px,1.1fr);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:16px;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);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}.content-pane{min-height:calc(100vh - 48px)}.panel{padding:40px}.stack-sm{gap:8px;display:grid}.stack-lg{gap:28px;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-name{letter-spacing:.02em}.headline{letter-spacing:-.04em;max-width:12ch;margin:0;font-size:clamp(2.2rem,4vw,4.5rem);line-height:.98}.subhead,.step-text,.energy-summary,.final-cta p,.portion-row p,.micro-copy{color:var(--muted);margin:0;line-height:1.6}.upload-zone{cursor:pointer;background:#ffffff85;border:1px dashed #604b303d;border-radius:22px;gap:6px;padding:24px;display:grid}.upload-zone input{display:none}.upload-title{font-size:1.1rem;font-weight:700}.upload-text{color:var(--muted)}.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:#ffffffb8}.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,.mini-title{margin:0;font-size:clamp(1.6rem,2vw,2.15rem);line-height:1.05}.line-item{border:1px solid var(--border);background:#ffffffa3;border-radius:18px;padding:14px 16px}.line-item.is-muted{opacity:.45}.check-line{grid-template-columns:auto 1fr;align-items:center;gap:12px;display:grid}.check-line input[type=checkbox]{width:18px;height:18px}.inline-input,.grams-field input{width:100%;color:var(--text);background:0 0;border:none;outline:none;padding:0}.inline-input{font-size:1.05rem;font-weight:600}.portion-table{gap:12px;display:grid}.portion-row{border:1px solid var(--border);background:#ffffffa3;border-radius:20px;grid-template-columns:1fr auto;align-items:center;gap:16px;padding:16px;display:grid}.portion-row strong{margin-bottom:4px;display:block}.grams-field{border:1px solid var(--border);background:#fffc;border-radius:16px;align-items:center;gap:8px;min-width:110px;padding:12px 14px;display:inline-flex}.grams-field input{text-align:right;font-weight:700}.grams-field span{color:var(--muted)}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.stats-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card{border:1px solid var(--border);background:#ffffffbd;border-radius:20px;gap:10px;padding:18px;display:grid}.stat-card span{color:var(--muted);font-size:.95rem}.stat-card strong{font-size:clamp(1.25rem,2vw,1.8rem);line-height:1}.energy-badge{background:var(--accent-soft);width:fit-content;color:var(--accent);border-radius:999px;padding:10px 14px;font-weight:700;display:inline-flex}.bullet-list,.activity-list{gap:14px;margin:0;padding-left:20px;display:grid}.final-cta{border:1px solid var(--border);background:linear-gradient(135deg,#ffffffc7,#f1e6d9d1);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{border:1px solid var(--border);color:var(--muted);background:#ffffffad;border-radius:999px;align-items:center;gap:8px;padding:10px 12px;display:inline-flex}.step-pill span{width:22px;height:22px;color:var(--text);background:#1c171214;border-radius:999px;place-items:center;font-size:.82rem;font-weight:700;display:grid}.step-pill small{font-size:.86rem;font-weight:600}.step-pill.is-active{background:var(--accent-soft);color:var(--accent)}.step-pill.is-active span{background:var(--accent);color:#fff}@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,.stats-grid.compact{grid-template-columns:1fr 1fr}}@media (max-width:640px){.app-shell{width:min(100% - 16px,1180px);padding:16px 0}.stats-grid,.stats-grid.compact,.portion-row{grid-template-columns:1fr}.cta-row,.cta-row.between{flex-direction:column;align-items:stretch}.button{width:100%}}