:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#1f2a24;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:0;background:#f6f8f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:#f6f8f7}body{overscroll-behavior-y:contain;min-width:320px;min-height:100dvh;margin:0}button,input,select{font:inherit;letter-spacing:0}button{border:0}#root{min-height:100dvh}.app-shell{min-height:100dvh;padding:calc(14px + env(safe-area-inset-top)) 14px calc(96px + env(safe-area-inset-bottom));background:linear-gradient(#6fbf9624,#f6f8f700 220px),#f6f8f7}.app-main{width:100%;min-width:0;max-width:520px;margin:0 auto}.app-header{justify-content:space-between;align-items:center;gap:16px;padding:8px 4px 18px;display:flex}.app-header h1,.card h2,.food-card h2{color:#17211c;margin:0;line-height:1.15}.app-header h1{font-size:28px;font-weight:800}.eyebrow,.card-kicker,.field-label,.metric-label{color:#63736a;margin:0;font-size:13px;font-weight:700}.header-icon,.card-icon{color:#4f8f70;flex:none;width:38px;height:38px}.card-icon.blue{color:#2b6cb0}.stack{gap:12px;min-width:0;display:grid}.card{background:#fffffff0;border:1px solid #1f2a2414;border-radius:8px;width:100%;min-width:0;max-width:100%;padding:16px;box-shadow:0 10px 28px #314b3d14}.hero-card{background:#fff;border-color:#4f8f702e}.summary-card{gap:12px;display:grid}.card-title-row,.food-title-row{justify-content:space-between;align-items:flex-start;gap:12px;min-width:0;display:flex}.card h2{font-size:24px;font-weight:800}.food-card h2{font-size:19px;font-weight:800}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.metric-grid div{background:#f4f7f5;border-radius:8px;align-content:center;gap:4px;min-height:64px;padding:10px;display:grid}.metric-grid strong{color:#17211c;overflow-wrap:anywhere;font-size:17px}.danger-text,.warning-copy{color:#b54838}.safety-banner{color:#7c2d1f;background:#fff1ec;border:1px solid #f3c3b6;border-radius:8px;align-items:flex-start;gap:10px;padding:12px;font-weight:700;display:flex}.small-copy,.empty-state,.macro-line,.warning-copy{color:#63736a;margin:10px 0 0;font-size:14px}.macro-row{flex-wrap:wrap;gap:8px;min-width:0;display:flex}.macro-row span,.soft-pill,.chip{color:#345744;white-space:nowrap;background:#edf4ef;border-radius:999px;justify-content:center;align-items:center;min-height:32px;padding:6px 10px;font-size:13px;font-weight:800;display:inline-flex}.soft-pill{flex:none}.progress-wrap{margin-top:16px}.progress-track{background:#e7ece9;border-radius:999px;width:100%;height:12px;overflow:hidden}.progress-fill{border-radius:inherit;height:100%;transition:width .18s}.tone-green{background:#4f8f70}.tone-coral{background:#e76f51}.tone-blue{background:#2b6cb0}.field-label{margin:12px 0 6px;display:block}.input{color:#17211c;background:#fff;border:1px solid #d8e1dc;border-radius:8px;outline:none;width:100%;min-height:48px;padding:10px 12px}.input:focus{border-color:#4f8f70;box-shadow:0 0 0 3px #4f8f7029}.search-input{min-height:52px}.two-col{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.primary-button,.secondary-button,.add-button,.icon-button,.chip,.portion-button,.segment-control button,.nav-button{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.primary-button,.secondary-button,.add-button{border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:10px 14px;font-weight:800;display:inline-flex}.primary-button{color:#fff;background:#4f8f70;width:100%;margin-top:14px}.primary-button.no-margin,.secondary-button.no-margin{margin-top:0}.secondary-button{color:#1f6b4a;background:#edf4ef;width:100%;margin-top:14px}.add-button{color:#fff;background:#2b6cb0}.icon-button{color:#7c3a32;background:#fff1ec;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.portion-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.portion-button{color:#345744;background:#fff;border:1px solid #dbe5df;border-radius:8px;min-height:42px;padding:8px 6px;font-size:13px;font-weight:800}.portion-button.is-selected{color:#fff;background:#4f8f70;border-color:#4f8f70}.compact-input{margin-top:8px}.entry-list{gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.entry-row{border-top:1px solid #eef2ef;justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:10px 0;display:flex}.entry-row:first-child{border-top:0}.entry-row div{gap:2px;min-width:0;display:grid}.entry-row strong{color:#17211c;overflow-wrap:anywhere}.entry-row span{color:#63736a;font-size:13px}.chip-row{scrollbar-width:none;gap:8px;min-width:0;max-width:100%;padding-top:12px;display:flex;overflow-x:auto}.chip-row::-webkit-scrollbar{display:none}.chip{border:1px solid #dbe5df;gap:5px}.chip small{opacity:.72;font-size:11px;line-height:1}.chip.is-selected{color:#fff;background:#4f8f70;border-color:#4f8f70}.food-list{gap:10px;min-width:0;display:grid}.food-card{gap:12px;min-width:0;display:grid}.food-title-row h2,.recognized-item h3,.macro-line{overflow-wrap:anywhere;min-width:0}.recognized-item h3{color:#17211c;margin:0;font-size:18px;line-height:1.2}.food-actions{justify-content:flex-end;gap:8px;display:flex}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.photo-card{overflow:hidden}.photo-upload-zone{color:#1f6b4a;text-align:center;background:#f2f8f4;border:1px dashed #b7c8bf;border-radius:8px;place-items:center;gap:4px;min-height:148px;margin-top:14px;padding:18px;font-weight:800;display:grid}.photo-upload-zone small{color:#63736a;font-size:13px;font-weight:700}.photo-preview-wrap{aspect-ratio:4/3;background:#eef2ef;border-radius:8px;margin-top:14px;overflow:hidden}.compact-preview{aspect-ratio:16/10}.photo-preview{object-fit:cover;width:100%;height:100%;display:block}.compact-banner{margin-top:12px}.ai-summary{color:#345744;background:#edf4ef;border-radius:8px;gap:4px;margin-top:14px;padding:12px;display:grid}.ai-summary span{color:#63736a;font-size:13px;font-weight:700}.recognized-list{gap:10px;margin-top:12px;display:grid}.recognized-item{background:#fff;border:1px solid #e3ebe6;border-radius:8px;gap:8px;padding:12px;display:grid}.spin-icon{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.data-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.success-copy{color:#1f6b4a;margin:10px 0 0;font-size:14px;font-weight:800}.form-card{display:block}.segment-control{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.segment-control button{color:#345744;background:#edf4ef;border-radius:8px;min-height:46px;padding:8px;font-weight:800}.segment-control button.is-selected{color:#fff;background:#4f8f70}.macro-row-spaced{margin-top:12px}@media (hover:hover){.primary-button:hover,.secondary-button:hover,.add-button:hover,.portion-button:hover,.chip:hover{filter:brightness(.98)}}.bottom-nav{z-index:10;grid-template-columns:repeat(var(--tab-count,6), minmax(0, 1fr));padding:8px 10px calc(8px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0;border-top:1px solid #1f2a241a;gap:2px;display:grid;position:fixed;bottom:0;left:0;right:0}.nav-button{color:#63736a;background:0 0;border-radius:8px;place-items:center;gap:3px;min-height:58px;font-size:11px;font-weight:800;display:grid}.nav-button svg{width:22px;height:22px}.nav-button.is-active{color:#1f6b4a;background:#edf4ef}@media (width>=700px){.app-shell{padding-top:24px}.bottom-nav{border:1px solid #1f2a241a;border-bottom:0;border-radius:8px 8px 0 0;width:520px;left:50%;right:auto;transform:translate(-50%)}}