:root{--ink:#17211d;--muted:#64736d;--line:#17211d1a;--line-strong:#17211d29;--protein:#0f766e;--carbs:#2563eb;--fat:#c2410c;color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f7faf9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}#root{min-height:100vh}.app-shell{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 12% 8%,#14b8a61f,#0000 28rem),linear-gradient(135deg,#f7faf9 0%,#eef5f1 42%,#f9f4ec 100%);justify-content:center;padding:28px;display:flex}.phone-surface{background:#ffffffe6;border:1px solid #202a251f;flex-direction:column;width:min(1180px,100%);min-height:calc(100vh - 56px);display:flex;overflow:hidden;box-shadow:0 24px 80px #1b2c261f}.top-bar,.status-strip,.content-grid{padding-inline:clamp(18px,3vw,34px)}.top-bar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:82px;display:flex}.brand-lockup,.top-actions,.environment-pill,.language-button,.panel-heading,.compact,.calorie-row,.macro-row,.capture-dock,.capture-button,.message,.attempt-facts,.auth-actions,.secondary-button,.primary-button,.check-row{display:flex}.brand-lockup{align-items:center;gap:13px;min-width:0}.brand-mark,.message-icon{color:#0f766e;background:#d9f3ec;border:1px solid #0f766e2e;flex:none;place-items:center;width:42px;height:42px;display:grid}.brand-lockup h1{margin:0;font-size:clamp(1.35rem,3vw,2rem);line-height:1.05}.brand-lockup p,.panel-heading p,.message-kicker,.status-strip span,.history-item span{color:var(--muted);margin:0;font-size:.82rem}.top-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:9px}.environment-pill,.language-button{border:1px solid var(--line-strong);min-height:40px;color:var(--ink);background:#fff;border-radius:999px;align-items:center;gap:7px;padding:0 13px;font-weight:700}.language-button{cursor:pointer}.account-menu-shell{position:relative}.profile-button{border:1px solid var(--line-strong);width:40px;height:40px;color:var(--ink);cursor:pointer;background:#fff;border-radius:999px;place-items:center;display:grid}.profile-button:hover,.profile-button[aria-expanded=true],.language-button:hover,.capture-button:hover:not(:disabled),.secondary-button:hover,.primary-button:hover:not(:disabled){border-color:#0f766e66;box-shadow:0 8px 26px #0f766e1f}.account-menu{z-index:20;border:1px solid var(--line);background:#fff;border-radius:8px;width:min(320px,100vw - 32px);padding:14px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 45px #1b2c262e}.account-menu-header{border-bottom:1px solid var(--line);gap:3px;padding-bottom:10px;display:grid}.account-menu-header span,.account-menu-header small,.account-menu-message{color:var(--muted);font-size:.8rem}.account-menu-header strong{overflow-wrap:anywhere}.account-menu-message{border:1px solid var(--line);background:#f8faf9;border-radius:8px;margin:10px 0 0;padding:8px 10px}.account-menu-checklist{margin:10px 0 0}.status-strip{background:var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid}.status-strip div{background:#ffffffb8;padding:13px 16px}.status-strip strong{margin-top:2px;font-size:.95rem;display:block}.content-grid{flex:1;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:24px;padding-block:24px;display:grid}.diary-panel{border:1px solid var(--line);background:#fbfdfa;flex-direction:column;justify-content:space-between;min-height:640px;display:flex}.chat-thread{gap:16px;padding:clamp(18px,3vw,28px);display:grid}.message{background:#fff;border:1px solid #202a251a;align-items:flex-start;gap:12px;max-width:720px;padding:16px}.system-message{border-left:4px solid #14b8a6}.attempt-message{border-left:4px solid #2563eb}.locked-message{border-left:4px solid #d97706}.text-entry-message{border-left:4px solid #0f766e}.message-icon.danger{color:#b45309;background:#fff2d8;border-color:#b453092e}.message p{margin:3px 0 0}.sandbox-unlock-copy,.demo-login-copy{color:var(--muted);font-size:.82rem}.sandbox-unlock-button{margin-top:10px}.attempt-facts{flex-wrap:wrap;gap:18px;margin:14px 0 0}.attempt-facts dt{color:var(--muted);text-transform:uppercase;margin-bottom:3px;font-size:.74rem}.attempt-facts dd{margin:0;font-weight:800}.attempt-preview{width:min(360px,100%);margin:14px 0 0}.attempt-preview img{aspect-ratio:4/3;object-fit:cover;border:1px solid var(--line);background:#eef2ef;width:100%;display:block}.attempt-preview figcaption{color:var(--muted);margin-top:6px;font-size:.8rem;font-weight:700}.eaten-time-control{width:min(280px,100%);color:var(--muted);gap:6px;margin-top:14px;font-size:.8rem;font-weight:800;display:grid}.eaten-time-control input{border:1px solid var(--line-strong);min-height:42px;color:var(--ink);font:inherit;border-radius:8px;padding:0 11px}.storage-note{color:var(--muted);font-size:.8rem}.recognition-review{border-top:1px solid var(--line);margin-top:16px;padding-top:16px}.recognition-heading,.review-actions{display:flex}.recognition-heading{justify-content:space-between;align-items:flex-start;gap:12px}.recognition-heading h3{margin:2px 0 0;font-size:1.12rem}.status-chip{color:#1d4ed8;background:#eff6ff;border:1px solid #2563eb33;border-radius:999px;flex:none;padding:5px 9px;font-size:.74rem;font-weight:800}.status-chip.corrected{color:#b45309;background:#fff7ed;border-color:#d9770638}.status-chip.confirmed{color:#0f766e;background:#ecfdf5;border-color:#0f766e38}.sandbox-note{color:var(--muted);font-size:.82rem}.recognition-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;margin:14px 0 0;display:grid}.recognition-facts dt,.edit-recognition-form span{color:var(--muted);text-transform:uppercase;font-size:.74rem;font-weight:800}.recognition-facts dd{overflow-wrap:anywhere;margin:3px 0 0;font-weight:700}.nutrition-summary{border-top:1px solid var(--line);margin-top:16px;padding-top:16px}.nutrition-heading,.nutrition-facts-inline{display:flex}.nutrition-heading{justify-content:space-between;align-items:flex-start;gap:12px}.nutrition-heading strong{margin-top:2px;font-size:1.08rem;display:block}.nutrition-facts-inline{color:var(--muted);flex-wrap:wrap;gap:12px;margin-top:12px;font-size:.86rem}.nutrition-details{border:1px solid var(--line);background:#fbfdfa;margin-top:12px;padding:12px}.nutrition-details h4{margin:0 0 8px;font-size:.92rem}.nutrition-details p{color:var(--muted);font-size:.82rem}.compact-button{min-height:34px;padding-inline:10px}.edit-recognition-form{gap:11px;margin-top:14px;display:grid}.edit-recognition-form label,.text-entry-form,.text-entry-form label{gap:6px;display:grid}.edit-recognition-form input,.text-entry-form textarea{border:1px solid var(--line-strong);width:100%;min-height:42px;color:var(--ink);font:inherit;border-radius:8px;padding:9px 11px}.text-entry-form textarea{resize:vertical}.review-actions{flex-wrap:wrap;align-items:center;gap:9px;margin-top:14px}.danger-button{color:#b45309}.capture-dock{border-top:1px solid var(--line);background:#ffffffd1;gap:10px;padding:14px}.capture-button{border:1px solid var(--line-strong);min-width:92px;min-height:78px;color:var(--ink);cursor:pointer;background:#fff;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px}.capture-button:disabled{cursor:not-allowed;opacity:.48}.capture-button span{font-size:.86rem;font-weight:800}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.insight-column{align-content:start;gap:16px;display:grid}.panel{border:1px solid var(--line);background:#fff;padding:18px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px}.panel-heading h2{margin:2px 0 0;font-size:1.08rem}.panel-heading.compact{justify-content:flex-start;margin:0}.calorie-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;margin-bottom:14px;padding-bottom:15px}.calorie-row strong{font-size:2.4rem;line-height:1}.macro-list{gap:13px;display:grid}.macro-row{align-items:center;gap:10px}.macro-row span{width:66px;color:var(--muted)}.macro-row strong{text-align:right;width:42px}.bar-track{background:#eef2ef;flex:1;height:10px;overflow:hidden}.bar-fill{height:100%;display:block}.history-list,.biometric-list{gap:10px;display:grid}.auth-form,.access-checklist,.biometric-form{gap:12px;display:grid}.auth-form{border-bottom:1px solid var(--line);padding-bottom:14px}.auth-form p,.signed-in-box p,.auth-message{margin:0}.demo-login-button{margin-top:2px}.auth-form label,.biometric-form label{color:var(--muted);gap:6px;font-size:.8rem;font-weight:700;display:grid}.auth-form input,.biometric-form input,.biometric-form select{border:1px solid var(--line-strong);width:100%;min-height:42px;color:var(--ink);font:inherit;background:#fff;border-radius:8px;padding:0 11px}.biometric-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.biometric-stats div{border:1px solid var(--line);background:#fbfdfa;padding:10px}.biometric-stats span,.unit-hint{color:var(--muted);font-size:.76rem;font-weight:700;display:block}.biometric-stats strong{margin-top:3px;font-size:1rem;display:block}.biometric-list{margin-top:12px}.auth-actions{flex-wrap:wrap;gap:9px}.primary-button,.secondary-button{border:1px solid var(--line-strong);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 12px;font-weight:800}.primary-button{color:#fff;background:#0f766e;border-color:#0f766e}.primary-button:disabled{cursor:progress;opacity:.7}.secondary-button{color:var(--ink);background:#fff}.full-width{width:100%;margin-top:10px}.signed-in-box{border-bottom:1px solid var(--line);gap:8px;padding-bottom:14px;display:grid}.signed-in-box span,.auth-message{color:var(--muted);font-size:.82rem}.auth-message{border:1px solid var(--line);background:#f8faf9;border-radius:8px;margin-top:12px;padding:10px 12px}.access-checklist{margin:14px 0 0;padding:0;list-style:none}.check-row{color:var(--muted);align-items:center;gap:8px;font-size:.88rem}.check-row.complete{color:#0f766e;font-weight:800}.history-item{border:1px solid var(--line);background:#fbfdfa;padding:12px}.history-item strong,.history-item p{margin-top:3px;display:block}.history-item p,.empty-state,.access-panel p{color:var(--muted);margin-bottom:0}button,.panel,.message,.diary-panel,.phone-surface,.history-item,.brand-mark,.message-icon,.auth-message{border-radius:8px}@media (width<=880px){.app-shell{padding:0}.phone-surface{border:0;border-radius:0;min-height:100vh}.top-bar{flex-direction:column;align-items:flex-start;padding-block:18px}.top-actions{justify-content:flex-end;width:100%}.status-strip{grid-template-columns:1fr}.content-grid{grid-template-columns:1fr;gap:16px}.diary-panel{min-height:520px}.capture-dock{position:sticky;bottom:0;overflow-x:auto}.capture-button{flex:0 0 86px}.recognition-heading{flex-direction:column}.recognition-facts{grid-template-columns:1fr}}