:root{--bg: #fafaf7;--bg-warm: #f5f3ee;--bg-card: #ffffff;--bg-input: #f0ede6;--bg-glow: rgba(228, 160, 60, .08);--border: #e8e4dc;--border-focus: #d4c9b5;--amber: #c8892e;--amber-light: #e8a43c;--amber-soft: rgba(200, 137, 46, .1);--green: #3b9b62;--green-soft: rgba(59, 155, 98, .1);--blue: #4a8ec8;--blue-soft: rgba(74, 142, 200, .1);--red: #c85a4a;--red-soft: rgba(200, 90, 74, .1);--text-1: #1a1714;--text-2: #5c554a;--text-3: #9c9488;--text-4: #c4bdb2;--shadow-sm: 0 1px 3px rgba(26, 23, 20, .04);--shadow-md: 0 4px 16px rgba(26, 23, 20, .06);--shadow-lg: 0 18px 48px rgba(26, 23, 20, .08);--shadow-glow: 0 0 30px rgba(200, 137, 46, .12);--radius-sm: 12px;--radius-md: 18px;--radius-lg: 26px;--radius-xl: 34px;--font-display: "Fraunces", serif;--font-body: "Manrope", sans-serif;--font-mono: "IBM Plex Mono", monospace;background:var(--bg);color:var(--text-1);font-family:var(--font-body)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at top right,rgba(232,164,60,.12),transparent 30%),linear-gradient(180deg,#f7f4ec,#fafaf7 45%,#f3efe7)}body{min-height:100vh}button,input,select{font:inherit}.app-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.phone-frame{width:min(100%,390px);min-height:min(844px,calc(100vh - 24px));background:var(--bg);border-radius:44px;border:3px solid #d0c9be;box-shadow:var(--shadow-lg);overflow:hidden;position:relative}.phone-notch{position:absolute;top:0;left:50%;transform:translate(-50%);width:130px;height:28px;background:var(--text-1);border-radius:0 0 18px 18px;z-index:3}.phone-screen{height:100%;overflow-y:auto}.phone-screen::-webkit-scrollbar{display:none}.status-bar{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;padding:10px 24px 8px;background:#fafaf7eb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--text-3);font-family:var(--font-mono);font-size:11px}.screen-wrap{min-height:calc(100% - 28px);display:flex;flex-direction:column}.screen{padding:24px 22px 124px}.onboarding-screen{min-height:calc(100vh - 28px);padding-top:56px}.hero{padding-top:18px;margin-bottom:24px}.hero.slim{padding-top:10px}.hero-meta,.mono-kicker,.field-label,.nav-label,.ring-label,.set-tag,.section-head span{color:var(--text-3);font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.display-title{margin:0 0 10px;color:var(--text-1);font-family:var(--font-display);font-size:clamp(2rem,10vw,2.8rem);line-height:.98;letter-spacing:-.04em}.display-title.compact{font-size:clamp(1.8rem,8vw,2.3rem)}.screen-copy{margin:0;color:var(--text-2);font-size:15px;line-height:1.65}.screen-copy.tight{max-width:32ch}.onboard-progress{display:flex;gap:8px;margin-bottom:26px}.onboard-pip{flex:1;height:4px;background:var(--border);border-radius:999px}.onboard-pip.filled{background:var(--amber)}.onboard-icon{width:76px;height:76px;display:grid;place-items:center;border-radius:24px;background:var(--amber-soft);font-size:34px;margin-bottom:20px}.stack-lg,.stack-md,.stack-sm,.stack-xs{display:grid}.stack-lg{gap:18px}.stack-md{gap:14px}.stack-sm{gap:10px}.stack-xs{gap:8px}.onboard-spacer{min-height:110px}.btn-primary,.btn-secondary,.text-button,.supp-toggle,.set-toggle{cursor:pointer;border:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.btn-primary,.btn-secondary{width:100%;border-radius:var(--radius-md);padding:15px 16px}.btn-primary{background:var(--text-1);color:var(--bg);box-shadow:var(--shadow-md);font-weight:700}.btn-secondary{background:transparent;color:var(--text-2);border:1.5px solid var(--border)}.btn-secondary.danger{color:var(--red)}.btn-primary:hover,.btn-secondary:hover,.text-button:hover,.supp-toggle:hover,.set-toggle:hover{transform:translateY(-1px)}.text-button{background:transparent;color:var(--amber);font-weight:700}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field-label{display:block;margin-bottom:6px}.field-input{width:100%;padding:14px 16px;border-radius:14px;border:1.5px solid var(--border);background:var(--bg-input);color:var(--text-1);outline:none}.field-input:focus{border-color:var(--amber);background:var(--bg-card);box-shadow:0 0 0 3px var(--amber-soft)}.chip-grid{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1.5px solid var(--border);background:var(--bg-card);color:var(--text-2);border-radius:999px;padding:10px 16px}.chip.selected{border-color:var(--amber);background:var(--amber-soft);color:var(--amber)}.pill-pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:7px 14px;background:var(--amber-soft);color:var(--amber);font-size:13px;font-weight:700}.quick-stats,.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card{display:grid;gap:4px;padding:16px 12px;border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-sm);text-align:center}.stat-card strong{font-family:var(--font-display);font-size:24px}.stat-card span{color:var(--text-3);font-size:11px;text-transform:uppercase;letter-spacing:.1em}.amber{color:var(--amber)}.green{color:var(--green)}.blue{color:var(--blue)}.red{color:var(--red)}.insight-card,.section-block,.camera-surface,.exercise-card,.analysis-card,.analysis-result,.action-card,.list-card,.empty-card{border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.insight-card{margin-bottom:18px;padding:18px;border-color:#c8892e4d;box-shadow:var(--shadow-glow)}.insight-card p{margin:8px 0 0;color:var(--text-2);line-height:1.65}.section-block,.camera-surface{padding:16px;margin-bottom:16px}.section-block.flush{padding-top:14px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.section-head.left{justify-content:flex-start}.section-head h2,.action-card h3,.list-copy h3{margin:0;font-size:16px;color:var(--text-1)}.ring-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.ring-card{display:grid;place-items:center;gap:4px}.ring-svg{width:68px;height:68px;transform:rotate(-90deg)}.ring-track,.ring-fill{fill:none;stroke-width:5}.ring-track{stroke:var(--bg-input)}.ring-fill{stroke-linecap:round}.ring-fill.amber{stroke:var(--amber)}.ring-fill.green{stroke:var(--green)}.ring-fill.blue{stroke:var(--blue)}.ring-fill.red{stroke:var(--red)}.ring-value{margin-top:-54px;font-family:var(--font-display);font-size:18px;font-weight:800}.ring-label{margin-top:28px}.list-card,.action-card{display:flex;align-items:center;gap:14px;padding:14px}.list-card.compact-card{padding:12px 14px}.meal-emoji{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--bg-warm);font-size:24px}.list-copy,.action-card>div{flex:1}.list-copy p,.action-card p,.empty-card p,.analysis-note,.camera-copy span,.tip-card{margin:4px 0 0;color:var(--text-2);font-size:13px;line-height:1.6}.metric-block{text-align:right}.metric-block strong{display:block;font-family:var(--font-display);font-size:22px}.metric-block span{color:var(--text-3);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.camera-frame{min-height:180px;border-radius:var(--radius-xl);background:linear-gradient(180deg,rgba(232,164,60,.08),transparent),linear-gradient(180deg,#efe9dd,#e4ddd0);border:2px dashed rgba(200,137,46,.45);display:grid;place-items:center;padding:22px;margin-bottom:12px}.camera-frame.busy{animation:pulse-frame 1.1s infinite ease-in-out}@keyframes pulse-frame{0%,to{border-color:#c8892e4d}50%{border-color:#c8892ed9}}.camera-copy{display:grid;gap:6px;text-align:center}.camera-actions,.sticky-cta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.analysis-card,.analysis-result{margin-top:12px;padding:16px}.analysis-note,.tip-card{border-radius:14px;padding:12px 14px;background:var(--amber-soft);color:var(--text-2)}.spinner{width:38px;height:38px;margin:0 auto 14px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--amber);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.exercise-card{padding:16px}.set-row{display:grid;grid-template-columns:32px 1fr 16px 1fr 32px 50px;gap:8px;align-items:center}.set-input{width:100%;border-radius:10px;border:1px solid var(--border);background:var(--bg-input);padding:10px 8px;text-align:center}.set-separator,.set-unit{color:var(--text-3);text-align:center}.set-toggle,.supp-toggle{border-radius:12px;padding:10px 12px;background:var(--bg-input);color:var(--text-2)}.set-toggle.done,.supp-toggle.done{background:var(--green-soft);color:var(--green)}.tip-card{margin-top:14px}.sticky-cta{position:sticky;bottom:94px;margin-top:18px}canvas{width:100%;display:block}.bottom-nav{position:sticky;bottom:0;display:flex;justify-content:space-around;gap:2px;padding:10px 8px 26px;background:#fafaf7f0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--border)}.nav-item{display:grid;place-items:center;gap:4px;min-width:58px;background:transparent;border:none}.nav-icon{font-size:21px;opacity:.45}.nav-icon.camera{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--text-1);color:var(--bg);opacity:1;transform:translateY(-16px);box-shadow:var(--shadow-md)}.nav-item.active .nav-icon:not(.camera){opacity:1}.nav-item.active .nav-label{color:var(--amber)}.empty-card{padding:16px}@media(max-width:420px){.app-shell{padding:0}.phone-frame{width:100%;min-height:100vh;border-radius:0;border:none}}