:root{--bg:#f7f8f2;--ink:#263c31;--muted:#7c877d;--green:#2c6048;--green-dark:#214d39;--lime:#dce9ba;--line:#e8ece3;--white:#fff;--radius:24px;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{border:0;background:none}button:disabled{cursor:default;opacity:.45}a{color:var(--green);text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #9db97d;outline-offset:3px}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}h1,h2,h3,p{margin:0}h1{font-size:32px;line-height:1.4;letter-spacing:-1px;font-weight:650}h2{font-size:19px;font-weight:650;letter-spacing:-.3px}h3{font-size:16px;font-weight:600}small{font-size:12px}img{max-width:100%;display:block}button:active{transform:translateY(1px)}.app-shell{max-width:1100px;margin:0 auto;padding:0 36px 116px}.app-header{height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:12px}.brand{display:flex;gap:11px;align-items:center;font-size:24px;font-weight:700;color:var(--ink);letter-spacing:1px}.brand-sub{display:block;font-weight:400;font-size:10px;letter-spacing:1.1px;color:var(--muted);margin-top:3px}.prototype-badge{display:flex;align-items:center;gap:7px;font-size:12px;color:#687667;background:#eef1e7;border:1px solid #e1e7d8;padding:8px 11px;border-radius:50px;white-space:nowrap}.prototype-badge>span{width:5px;height:5px;border-radius:50%;background:#82a067}.prototype-badge svg{width:15px;height:15px}.intro{display:flex;align-items:center;justify-content:space-between;margin:30px 0 22px;gap:20px}.eyebrow{color:var(--muted);font-size:12px;letter-spacing:2px;margin-bottom:8px}.intro p{font-size:13px;color:var(--muted);margin-top:8px;line-height:1.7}.date-control{display:flex;align-items:center;gap:3px;white-space:nowrap}.date-control button{display:grid;place-items:center;width:36px;height:40px;border-radius:12px}.date-control button:hover{background:#eaf0e3}.date-control svg{width:17px;height:17px}.date-field{position:relative;display:flex;align-items:center;gap:7px;font-size:13px;font-weight:550;padding:10px}.date-field>svg{width:16px;height:16px}.date-field input{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer;color-scheme:light}.day-today{font-size:11px;border:1px solid var(--line);border-radius:10px;background:white!important;padding:0 9px;width:auto!important}.demo-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#edf1e5;border-radius:13px;padding:12px 16px;margin-bottom:18px;font-size:12px;color:#66715d}.demo-banner button{color:var(--green);font-weight:600;font-size:12px;white-space:nowrap;display:flex;align-items:center;gap:4px;padding:3px 0}.demo-banner svg{width:14px;height:14px}.demo-banner strong{font-weight:500}.dashboard{display:grid;grid-template-columns:1.14fr 1fr;gap:22px;align-items:start}.left-stack,.right-stack{display:grid;gap:20px}.card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:25px}.card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:23px}.card-header .text-button{font-size:12px}.text-button{color:var(--green);display:flex;align-items:center;gap:5px;font-size:13px;font-weight:500;padding:4px 0}.text-button svg{width:15px;height:15px}.subtle-tag{font-size:10px;background:#f5f6f1;color:#8a917f;padding:4px 8px;border-radius:6px;font-weight:400;white-space:nowrap}.nutrition-top{display:flex;align-items:center;gap:28px}.energy-ring{--gradient:#edf0e7;width:170px;height:170px;flex-shrink:0;background:conic-gradient(from -90deg,var(--gradient));border-radius:50%;padding:14px;position:relative;box-shadow:inset 0 0 0 1px #fff}.ring-hole{background:white;border-radius:50%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.ring-hole small{font-size:11px;color:var(--muted)}.ring-hole strong{font-size:31px;font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:-1px}.ring-hole span{font-size:11px;color:var(--muted)}.macro-list{flex:1;display:grid;gap:19px}.macro-row{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:9px;font-size:12px}.dot{height:7px;width:7px;background:var(--c);border-radius:50%;flex-shrink:0}.macro-row strong{font-size:17px;font-weight:600;font-variant-numeric:tabular-nums}.macro-row small{font-size:10px;color:var(--muted);margin-left:3px;font-weight:400}.macro-row .label{color:#657163}.ring-note{font-size:10px;color:#9ba396;margin-top:14px;line-height:1.6}.minor-nutrients{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:21px;padding-top:19px;border-top:1px solid var(--line)}.minor-item{display:flex;gap:10px;align-items:center}.minor-icon{background:#f4f7ed;color:#7e9667;width:35px;height:35px;border-radius:12px;display:grid;place-items:center}.minor-icon.blue{background:#f1f4f7;color:#8095aa}.minor-icon svg{width:18px;height:18px}.minor-item .label{font-size:11px;color:var(--muted);margin-bottom:4px}.minor-item strong{font-size:17px;font-weight:600}.minor-item small{color:var(--muted);font-size:10px;margin-left:4px}.nutrition-footer{margin-top:20px;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted)}.capture-card{background:var(--green-dark);border-radius:var(--radius);color:#fff;padding:24px;overflow:hidden;position:relative}.capture-card .top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.capture-card .top>div{z-index:1}.capture-card h2{font-size:22px;letter-spacing:.3px;line-height:1.5}.capture-card p{font-size:12px;color:#bcd2b8;margin-top:7px;line-height:1.7}.capture-illustration{width:88px;height:88px;transform:rotate(-10deg);border-radius:50%;overflow:hidden;border:5px solid #5c7c58;flex-shrink:0}.capture-illustration img{height:100%;width:100%;object-fit:cover;transform:scale(1.7)}.primary-button{background:var(--green);color:#fff;border-radius:14px;padding:14px 18px;display:flex;gap:9px;align-items:center;justify-content:center;font-weight:550;font-size:14px;min-height:50px}.capture-card .primary-button{background:var(--lime);color:#264531;width:100%}.capture-card .primary-button svg{width:20px;height:20px}.capture-bottom{display:flex;justify-content:center;margin-top:11px}.capture-bottom button{font-size:11px;color:#cbdcbe;text-decoration:underline;text-underline-offset:4px;padding:5px}.groups-card .card-header{margin-bottom:20px}.group-list{display:flex;justify-content:space-between;gap:5px}.group-item{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:11px;flex:1}.group-icon{position:relative;background:#f6f7f0;border-radius:50%;width:49px;height:49px;display:grid;place-items:center;font-size:25px}.group-item.missing .group-icon{filter:grayscale(.85);opacity:.45}.group-check{position:absolute;bottom:-1px;right:0;background:#68875a;border-radius:50%;color:white;width:15px;height:15px;border:2px solid white;display:grid;place-items:center;font-size:9px}.group-name{color:#687561}.group-item.missing .group-name{color:#9ea696}.group-note{margin-top:22px;background:#f8f9f4;border-radius:11px;padding:12px 14px;font-size:12px;line-height:1.75;color:#7b8474;display:flex;align-items:flex-start;gap:9px}.group-note svg{width:17px;height:17px;margin-top:2px;color:#8fa277}.group-note strong{color:#56714b;font-weight:500}.meals-card{padding-bottom:10px}.meals-card .card-header{margin-bottom:10px}.meal-item{display:flex;align-items:center;gap:14px;padding:17px 0;width:100%;text-align:left;border-bottom:1px solid #edf0e9}.meal-item:last-child{border-bottom:0}.meal-thumb{width:65px;height:65px;background:#f4f2e7;border-radius:15px;overflow:hidden;display:grid;place-items:center;flex-shrink:0;font-size:29px}.meal-thumb img{height:100%;width:100%;object-fit:cover}.meal-text{flex:1;min-width:0}.meal-title{font-size:14px;font-weight:550;display:flex;align-items:center;gap:8px}.meal-title small{font-size:10px;font-weight:400;color:var(--muted)}.meal-foods{margin-top:7px;color:#879080;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meal-meta{margin-top:7px;font-size:10px;color:#9a9f91}.meal-meta b{color:#768367;font-weight:500}.meal-item>svg{width:17px;height:17px;color:#b0b9a7}.empty-meal .meal-thumb{background:#fafbf7;color:#afbba1;border:1px dashed #d9e1cf;font-size:20px}.empty-meal .meal-title{color:#9aa58e}.empty-meal .meal-foods{color:#b1b8a8}.observation{display:flex;gap:13px;padding:22px 23px;background:#f0f2e6;border-radius:var(--radius);border:1px solid #e6eadb}.observation .icon{color:#738760;margin-top:1px}.observation h3{font-size:13px;color:#60714e;margin-bottom:8px}.observation p{font-size:12px;line-height:1.9;color:#849071}.privacy-line{text-align:center;color:#9ba594;font-size:10px;margin:24px 0 0;display:flex;gap:6px;align-items:center;justify-content:center}.privacy-line svg{width:12px;height:12px}.bottom-nav{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#fffffff2;backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:22px;z-index:20;display:flex;gap:15px;justify-content:space-around;width:380px;padding:9px 20px;box-shadow:0 6px 25px #3850350a}.bottom-nav button{min-height:49px;min-width:85px;display:flex;flex-direction:column;align-items:center;gap:5px;color:#a0a895;font-size:10px;padding:6px;border-radius:12px}.bottom-nav svg{width:20px;height:20px;stroke-width:1.6}.bottom-nav button.active{color:var(--green)}.bottom-nav button.active svg{fill:#eff4e5}.diary-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.diary-grid .meal-card-full{padding:0;overflow:hidden}.full-meal-photo{height:180px;position:relative;background:#edf1e4;overflow:hidden;display:grid;place-items:center;font-size:50px}.full-meal-photo img{width:100%;height:100%;object-fit:cover}.full-meal-photo .subtle-tag{position:absolute;top:15px;left:15px;background:#ffffffdd}.meal-card-body{padding:20px}.meal-card-body .row{display:flex;justify-content:space-between;align-items:center}.meal-card-body .row small{color:var(--muted)}.food-chip-list{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}.food-chip{font-size:11px;background:#f6f7f1;border-radius:8px;padding:7px 9px;color:#7b8671}.meal-card-footer{border-top:1px solid var(--line);padding-top:12px;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px}.meal-card-footer strong{font-size:17px;font-weight:550;color:var(--ink)}.meal-card-footer button{font-size:12px;color:var(--green);padding:6px}.empty-state{text-align:center;padding:45px 25px;display:grid;justify-items:center;gap:15px}.empty-state .empty-icon{width:72px;height:72px;border-radius:50%;background:#edf2e4;display:grid;place-items:center;color:#829968}.empty-state svg{width:30px;height:30px}.empty-state p{font-size:13px;color:var(--muted);line-height:1.8}.empty-state .primary-button{margin-top:8px}.section-title{display:flex;justify-content:space-between;align-items:center;margin:25px 0 15px}.trend-selector{display:flex;gap:8px;overflow:auto;padding:5px 0 15px}.trend-pill{padding:9px 17px;border:1px solid var(--line);background:#fff;border-radius:50px;color:var(--muted);font-size:12px;white-space:nowrap}.trend-pill.active{background:var(--green);color:white;border-color:var(--green)}.chart-header{display:flex;justify-content:space-between;align-items:start}.chart-value{font-size:30px;margin-top:9px;font-weight:600}.chart-value small{font-size:12px;color:var(--muted);font-weight:400;margin-left:5px}.chart-legend{font-size:11px;color:var(--muted)}.chart{height:195px;display:flex;justify-content:space-around;gap:12px;align-items:end;padding:30px 5px 0;border-bottom:1px solid var(--line);position:relative;margin-bottom:10px}.chart:before,.chart:after{content:'';height:1px;background:#f1f3ec;position:absolute;left:0;right:0;top:33%;z-index:0}.chart:after{top:66%}.chart-col{z-index:1;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:9px}.chart-bar{width:28px;max-width:90%;background:#c8d7b3;border-radius:7px 7px 0 0;min-height:3px}.chart-col.today .chart-bar{background:var(--green)}.chart-col.no-data .chart-bar{height:3px!important;background:#e4e9dd}.chart-number{font-size:9px;color:#829477;white-space:nowrap}.chart-dates{display:flex;justify-content:space-around;font-size:10px;color:var(--muted);margin:10px 0 18px}.trend-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.trend-stat{background:#f8f9f3;border-radius:12px;padding:16px 12px}.trend-stat strong{font-size:21px;font-weight:550;display:block}.trend-stat small{font-size:10px;color:var(--muted);margin-top:7px;display:block}.chart-note{font-size:11px;color:var(--muted);line-height:1.8}.trend-empty{padding:20px;background:#f5f7ed;border-radius:15px;margin-top:20px;display:flex;align-items:center;gap:13px;font-size:12px;color:#7e8a70;line-height:1.8}.trend-empty svg{width:26px;height:26px;color:#8ea276}
dialog{border:0;padding:0;border-radius:26px;width:560px;max-width:calc(100% - 32px);max-height:90dvh;background:var(--bg);color:var(--ink);box-shadow:0 30px 100px #122c3140;overflow:auto;overscroll-behavior:contain}dialog::backdrop{background:#17291f65;backdrop-filter:blur(4px)}body.modal-open{overflow:hidden}.sheet-header{padding:22px 24px 18px;background:var(--bg);display:flex;align-items:center;justify-content:space-between;gap:10px;position:sticky;top:0;z-index:5;border-bottom:1px solid var(--line)}.sheet-header h2{font-size:20px}.close-button{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#eaf0e2;color:#6e805e}.close-button svg{width:18px;height:18px}.sheet-body{padding:22px 24px}.sheet-subtitle{font-size:13px;color:var(--muted);line-height:1.8;margin-bottom:24px}.capture-options{display:grid;gap:12px}.capture-option{display:flex;align-items:center;gap:16px;background:white;border:1px solid var(--line);padding:17px;border-radius:17px;text-align:left;min-height:80px}.capture-option .option-icon{width:46px;height:46px;display:grid;place-items:center;background:#eef4e5;color:var(--green);border-radius:15px;flex-shrink:0}.capture-option .option-text{flex:1}.capture-option strong{font-size:15px;font-weight:550;display:block}.capture-option small{font-size:11px;line-height:1.7;color:var(--muted);display:block;margin-top:4px}.capture-option>svg{color:#a9b49f;width:17px;height:17px}.divider-label{display:flex;align-items:center;gap:12px;margin:24px 0 17px;font-size:11px;color:#a3aa9a}.divider-label:before,.divider-label:after{content:'';height:1px;flex:1;background:var(--line)}.demo-option{display:flex;align-items:center;gap:15px;padding:12px;background:#f0f3e6;border-radius:15px;width:100%;text-align:left}.demo-option img{width:65px;height:65px;object-fit:cover;border-radius:12px}.demo-option strong{font-size:13px;font-weight:550}.demo-option small{font-size:11px;color:var(--muted);display:block;margin-top:5px}.demo-option svg{margin-left:auto}.sheet-footnote{font-size:10px;line-height:1.8;color:#9aab8d;text-align:center;margin-top:22px}.steps{display:flex;justify-content:center;gap:15px;align-items:center;font-size:11px;color:#a2ad97;margin-bottom:20px}.steps span{display:flex;align-items:center;gap:5px}.steps b{font-size:10px;display:grid;place-items:center;border:1px solid #dce4d2;border-radius:50%;width:20px;height:20px;font-weight:400}.steps .active{color:var(--green)}.steps .active b{background:var(--green);color:white;border-color:var(--green)}.steps i{width:20px;height:1px;background:#dbe3d2}.confirm-photo{display:flex;align-items:center;gap:16px;margin-bottom:22px}.confirm-photo .photo{width:112px;height:100px;border-radius:16px;overflow:hidden;background:#eaf0e2;display:grid;place-items:center;flex-shrink:0;color:#8aa072}.confirm-photo img{width:100%;height:100%;object-fit:cover}.confirm-photo h3{font-size:15px}.confirm-photo p{font-size:11px;color:var(--muted);line-height:1.8;margin-top:6px}.confirm-photo .text-button{font-size:11px;margin-top:4px}.meal-type-select{display:flex;gap:7px;margin-bottom:20px}.meal-type-select button{flex:1;background:white;border:1px solid var(--line);border-radius:11px;padding:10px 5px;font-size:12px;color:#829075}.meal-type-select button.active{background:#e3edd3;border-color:#bbcfa2;color:#3e6034;font-weight:550}.form-section-heading{display:flex;align-items:center;justify-content:space-between;margin:18px 0 12px}.form-section-heading h3{font-size:14px}.form-section-heading small{font-size:10px;color:var(--muted)}.confirmed-items{background:white;border:1px solid var(--line);border-radius:17px;overflow:hidden}.confirmed-food{padding:16px;display:flex;gap:11px;align-items:center;border-bottom:1px solid var(--line)}.confirmed-food:last-child{border:0}.food-emoji{font-size:25px;width:31px;flex-shrink:0}.confirmed-food .food-info{flex:1;min-width:0}.confirmed-food h3{font-size:13px}.confirmed-food .food-info small{font-size:10px;color:var(--muted);display:block;margin-top:5px}.portion-control{display:flex;align-items:center;gap:4px}.portion-control button{width:27px;height:32px;display:grid;place-items:center;background:#f1f4e9;border-radius:8px;color:#738265}.portion-control svg{width:12px;height:12px}.portion-control input{width:43px;border:0;border-bottom:1px solid #dfe7d4;text-align:center;background:white;font-size:13px;padding:7px 0;appearance:textfield;color:var(--ink);border-radius:0}.portion-control input::-webkit-inner-spin-button{appearance:none}.portion-control>small{font-size:10px;color:var(--muted);margin-left:1px}.remove-food{margin-left:1px;width:21px;padding:2px;color:#b4b9ab}.remove-food svg{width:13px;height:13px}.add-food-button{width:100%;border:1px dashed #cbd9bc;border-radius:12px;margin-top:11px;padding:12px;font-size:12px;display:flex;justify-content:center;align-items:center;gap:7px;color:#688257;background:#f2f6e9}.add-food-button svg{width:16px;height:16px}.consumption-options{display:flex;gap:8px}.consumption-options button{flex:1;padding:10px 4px;background:white;border:1px solid var(--line);border-radius:10px;font-size:12px;color:#88927e}.consumption-options button.active{background:#e5eed7;border-color:#b8cfa0;color:#45623b}.meal-preview{display:flex;align-items:center;justify-content:space-between;padding:17px;background:#edf2e4;border-radius:14px;margin-top:22px;font-size:11px;color:#7e8d71}.meal-preview strong{font-size:23px;font-weight:550;color:#3f5a32}.meal-preview small{font-size:11px;margin-left:4px}.meal-preview .preview-macros{text-align:right;line-height:1.8;font-size:10px}.sheet-footer{position:sticky;bottom:0;background:var(--bg);padding:14px 24px 20px;border-top:1px solid var(--line);z-index:4}.sheet-footer .primary-button{width:100%}.delete-meal-button{display:block;color:#9f8575;font-size:11px;margin:10px auto 0;padding:6px;text-decoration:underline;text-underline-offset:3px}.inline-error{font-size:12px;color:#ab654e;line-height:1.6;margin-top:10px}.food-search{position:sticky;top:0;background:var(--bg);padding-bottom:16px;z-index:2}.search-field{position:relative}.search-field>svg{position:absolute;left:14px;top:14px;width:19px;height:19px;color:#879776}.search-field input{width:100%;background:white;border:1px solid #dde5d4;border-radius:13px;padding:14px 15px 14px 42px;font-size:13px;color:var(--ink)}.search-categories{display:flex;gap:7px;overflow:auto;padding-top:12px}.search-categories button{white-space:nowrap;border:1px solid var(--line);padding:7px 12px;border-radius:50px;font-size:11px;color:var(--muted);background:white}.search-categories button.active{background:var(--green);color:white}.search-food-list{display:grid;gap:6px}.search-food-row{display:flex;align-items:center;gap:12px;padding:13px;background:white;border:1px solid var(--line);border-radius:12px;width:100%;text-align:left}.search-food-row .food-info{flex:1}.search-food-row strong{font-size:13px;font-weight:500;display:block}.search-food-row small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.search-food-row .add-mark{color:var(--green);border-radius:50%;width:25px;height:25px;background:#ecf3e2;display:grid;place-items:center}.search-food-row svg{width:14px;height:14px}.search-food-row .selected-mark{font-size:10px;color:#96a58b}.info-block{background:white;padding:18px;border:1px solid var(--line);border-radius:16px;margin-bottom:13px}.info-block h3{font-size:14px;margin-bottom:9px}.info-block p{font-size:12px;color:var(--muted);line-height:1.9}.info-block a{text-decoration:underline;text-underline-offset:3px}.info-block .text-button{margin-top:13px;font-size:12px}.nutrient-table{background:white;border:1px solid var(--line);border-radius:17px;overflow:hidden}.nutrient-table-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:17px;border-bottom:1px solid var(--line)}.nutrient-table-row:last-child{border:0}.nutrient-table-row strong{font-size:17px;font-weight:550}.nutrient-table-row strong small{font-size:10px;color:var(--muted);font-weight:400;margin-left:4px}.nutrient-table-row .label{font-size:13px;display:flex;align-items:center;gap:8px}.nutrient-source{font-size:10px;color:var(--muted);margin-top:7px;line-height:1.6}.data-warning{font-size:11px;color:#86917b;line-height:1.9;margin-top:16px;padding:13px;background:#ecf1e2;border-radius:12px}.toast{position:fixed;z-index:100;bottom:110px;left:50%;transform:translate(-50%,15px);padding:13px 19px;color:white;background:#294933f2;backdrop-filter:blur(8px);border-radius:13px;box-shadow:0 5px 20px #18302020;font-size:12px;max-width:calc(100% - 36px);width:max-content;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;line-height:1.6}.toast.show{opacity:1;transform:translate(-50%,0)}.settings-actions{display:grid;gap:9px;margin-top:16px}.settings-actions button{border:1px solid var(--line);background:white;border-radius:12px;padding:12px 15px;text-align:left;color:var(--green);font-size:12px}.loading{opacity:.5;pointer-events:none}.transition-in{animation:enter .25s ease-out}@keyframes enter{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:none}}.compact-note{font-size:10px;color:#98a48c;line-height:1.8;margin-top:15px}.only-mobile{display:none}
@media(min-width:850px){.capture-card{padding:27px}.capture-card h2{font-size:24px}.capture-illustration{width:102px;height:102px}.right-stack .capture-card{min-height:239px}.diary-grid{grid-template-columns:repeat(3,1fr)}.trend-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:22px}.trend-layout>.card{margin-top:0}.desktop-title-note{font-size:12px;color:var(--muted)}}
@media(max-width:700px){.app-shell{padding:0 20px 104px}.app-header{height:80px;border-bottom:0}.brand{font-size:23px;gap:10px}.brand img{width:33px;height:33px}.brand-sub{font-size:9px}.prototype-badge{font-size:10px;padding:7px 9px;gap:5px}.prototype-badge svg{width:13px;height:13px}.intro{display:block;margin:18px 0 16px;position:relative}.eyebrow{font-size:10px;letter-spacing:1.4px;margin-bottom:7px}h1{font-size:27px;letter-spacing:-.6px}.intro p{font-size:12px;margin-top:6px}.date-control{margin-top:17px;background:#edf1e5;border-radius:12px;justify-content:space-between;padding:0 5px;min-height:41px}.date-control .date-field{font-size:12px}.date-control button{height:35px;width:32px}.date-control .day-today{position:absolute;right:0;top:5px;background:#edf1e5!important;border:0;font-size:10px;height:27px}.demo-banner{font-size:10px;padding:10px 12px;margin-bottom:16px;border-radius:10px}.demo-banner button{font-size:10px}.dashboard{display:flex;flex-direction:column;gap:16px}.left-stack,.right-stack{display:contents}.card{padding:21px;border-radius:21px;width:100%}.capture-card{order:0;width:100%;padding:21px;border-radius:21px}.nutrition-card{order:1}.groups-card{order:2}.meals-card{order:3}.observation{order:4;border-radius:21px;padding:19px 21px}.capture-card .top{margin-bottom:14px}.capture-card h2{font-size:20px}.capture-card p{font-size:11px}.capture-illustration{width:76px;height:76px}.capture-bottom{margin-top:7px}.capture-card .primary-button{min-height:46px;padding:12px}.capture-bottom button{font-size:10px}.card-header{margin-bottom:20px}h2{font-size:17px}.nutrition-top{gap:24px}.energy-ring{width:153px;height:153px;padding:12px}.ring-hole strong{font-size:29px}.macro-row{font-size:11px;gap:7px}.macro-row strong{font-size:16px}.macro-list{gap:18px}.minor-nutrients{margin-top:18px}.ring-note{font-size:9px}.nutrition-footer{font-size:10px}.card-header .text-button{font-size:11px}.group-icon{width:44px;height:44px;font-size:23px}.group-item{font-size:10px}.group-note{font-size:11px;padding:11px}.meals-card{padding-bottom:8px}.meal-item{padding:15px 0}.meal-thumb{width:58px;height:58px;border-radius:13px}.meal-title{font-size:13px}.meal-foods{font-size:10px}.meal-meta{font-size:9px}.observation p{font-size:11px}.privacy-line{font-size:9px;line-height:1.7;margin-top:20px}.bottom-nav{bottom:0;width:100%;border-radius:20px 20px 0 0;border-bottom:0;padding:9px 20px calc(9px + env(safe-area-inset-bottom));gap:0;box-shadow:0 -4px 22px #42533105}.bottom-nav button{font-size:10px;gap:5px;min-width:80px}.bottom-nav svg{width:20px;height:20px}.diary-grid{grid-template-columns:1fr;gap:16px}.full-meal-photo{height:170px}.trend-summary{gap:7px}.trend-stat{padding:14px 10px}.trend-stat strong{font-size:19px}.trend-stat small{font-size:9px}.chart{gap:7px;height:180px}.chart-bar{width:24px}.chart-legend{font-size:10px}.chart-value{font-size:28px}.trend-layout>.card+div{margin-top:16px}.toast{bottom:95px}dialog{position:fixed;margin:auto 0 0;bottom:0;left:0;width:100%;max-width:100%;max-height:94dvh;border-radius:24px 24px 0 0;padding-bottom:env(safe-area-inset-bottom)}.sheet-header{padding:19px 20px 16px}.sheet-header h2{font-size:18px}.sheet-body{padding:20px}.sheet-footer{padding:13px 20px 19px}.confirmed-food{padding:14px 12px;gap:9px}.confirmed-food h3{font-size:12px}.confirmed-food .food-info small{font-size:9px}.food-emoji{width:28px;font-size:23px}.portion-control{gap:3px}.portion-control input{width:36px;font-size:12px}.portion-control button{width:25px;height:31px}.portion-control>small{font-size:9px}.remove-food{width:18px;margin-left:0}.confirm-photo .photo{width:100px;height:90px}.confirm-photo p{font-size:10px}.steps{font-size:10px;gap:10px}.steps i{width:17px}.only-mobile{display:block}.desktop-title-note{display:none}}
@media(max-width:360px){.app-shell{padding-left:14px;padding-right:14px}h1{font-size:25px}.card{padding:18px}.nutrition-top{gap:15px}.energy-ring{width:124px;height:124px;padding:10px}.ring-hole strong{font-size:26px}.macro-row strong{font-size:14px}.group-icon{width:40px;height:40px}.sheet-body{padding:16px}.confirmed-food{gap:6px;padding:13px 9px}.portion-control input{width:33px}.portion-control button{width:22px}.remove-food{width:15px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.food-name-input{width:100%;max-width:150px;min-width:0;font:inherit;font-size:13px;font-weight:500;color:var(--ink);border:0;border-bottom:1px dashed #bdceb0;background:transparent;padding:2px 0 5px;border-radius:0}
.recognition-error{background:#fbede3;color:#976345;border:1px solid #ecd6c2;border-radius:12px;padding:13px;font-size:12px;line-height:1.8;margin-bottom:18px}
.recognition-loading{display:grid;justify-items:center;text-align:center;gap:18px;padding:27px 24px 32px}
.recognition-loading>img{width:100%;max-height:230px;object-fit:cover;border-radius:18px}
.recognition-loading>p{font-size:12px;line-height:1.9;color:var(--muted)}
.recognition-spinner{width:30px;height:30px;border:3px solid #dfe9d0;border-top-color:var(--green);border-radius:50%;animation:spin 1s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:700px){.food-name-input{font-size:12px;max-width:126px}.recognition-loading{padding:23px 20px 30px}.recognition-loading>img{max-height:220px}}