.food-record-screen{position:absolute;inset:0;z-index:4;background:#f5f6fa;color:#151515}
.food-status{position:absolute;left:0;top:0;width:375px;height:44px}
.food-header{position:absolute;left:0;right:0;top:44px;height:42px;display:flex;align-items:center;justify-content:center}
.food-header strong{font-size:18px;font-weight:800}.food-header button{border:0;background:none;padding:0}
.food-header>button:first-child{position:absolute;left:12px;top:10px;width:24px;height:24px;display:grid;place-items:center}.food-header>button:first-child img{width:10px;height:18px}
.food-custom-add{position:absolute;right:16px;top:13px;color:#00896b;font-size:14px;font-weight:500}
.food-search{position:absolute;left:16px;top:86px;width:343px;height:44px;display:flex;align-items:center;border-radius:10px;background:#fff}
.food-search input{width:100%;height:100%;padding:0 39px 0 11px;border:0;outline:0;background:none;font-size:14px}.food-search input::placeholder{color:#aaa}.food-search img{position:absolute;right:14px;top:14px;width:15px;height:15px;pointer-events:none}
.food-browser{position:absolute;left:0;right:0;top:142px;bottom:108px;display:flex;overflow:hidden;background:#f5f6fa url('./assets/food-search/subtract.svg') no-repeat 74px 0/301px 560px}
.food-categories{width:88px;flex:none;overflow-y:auto;scrollbar-width:none;background:#f5f6fa}.food-categories::-webkit-scrollbar,.food-list::-webkit-scrollbar{display:none}
.food-categories button{width:88px;height:44px;display:flex;align-items:center;justify-content:center;gap:3px;border:0;background:transparent;color:#666;font-size:12px;white-space:nowrap}
.food-categories button:first-child{height:50px}.food-categories button.selected{position:relative;z-index:1;border-radius:6px 0 0 6px;background:#fff;color:#ff8a2b;font-weight:700}.food-categories button.selected:first-child{border-radius:0}.food-categories button.selected::before,.food-categories button.selected::after{content:"";position:absolute;right:0;width:6px;height:6px;pointer-events:none}.food-categories button.selected::before{top:-6px;background:radial-gradient(circle at 0 0,#f5f6fa 6px,#fff 6px)}.food-categories button.selected:first-child::before{display:none}.food-categories button.selected::after{bottom:-6px;background:radial-gradient(circle at 0 100%,#f5f6fa 6px,#fff 6px)}.food-categories button img{width:14px;height:14px}
.food-list{flex:1;min-width:0;overflow-y:auto;scrollbar-width:none;background:transparent}
.food-row{height:72px;display:flex;align-items:center;padding:0 19px 0 7px;gap:5px}.food-row>img.food-photo{width:56px;height:40px;object-fit:contain;flex:none}.food-row-copy{min-width:0;flex:1}.food-row-copy strong{display:block;font-size:14px;font-weight:500;white-space:nowrap}.food-row-copy small{display:block;margin-top:8px;color:#aaa;font-size:10px;white-space:nowrap}.food-row-copy small em{color:#ff7168;font-style:normal}
.food-row .food-dot{width:8px;height:8px;margin-right:1px;flex:none}.food-row>button{display:grid;place-items:center;width:24px;height:24px;flex:none;padding:0;border:0;background:none}.food-row>button img{width:24px;height:24px}
.food-row .food-open-photo{width:56px;height:56px;flex:none;border:0;padding:0;background:none}.food-row .food-open-photo img{width:56px;height:40px;object-fit:contain}.food-row .food-open-name{display:block;max-width:100%;border:0;padding:0;background:none;color:#151515;text-align:left;font-size:14px;font-weight:500;white-space:nowrap}
.food-footer{position:absolute;left:0;right:0;bottom:0;height:108px;background:#fff}.food-cloche{position:absolute;left:12px;top:29px;width:50px;height:30px;object-fit:contain}.food-footer>div{position:absolute;left:74px;top:20px;display:flex;flex-direction:column;gap:8px}.food-footer strong{font-size:14px}.food-footer span{font-size:12px;color:#aaa;white-space:nowrap}.food-footer b{color:#00c2b0}.food-footer>button{position:absolute;right:11px;top:19px;width:100px;height:48px;border:0;border-radius:24px;background:#00c2b0;color:#fff;font-size:14px;font-weight:800}.food-homebar{position:absolute;left:0;bottom:0;width:375px;height:34px;pointer-events:none}
.food-portion-screen{position:absolute;inset:0;z-index:6;background:transparent}.portion-shade{position:absolute;inset:0;background:rgba(0,0,0,.56)}
.portion-sheet{position:absolute;left:0;right:0;top:263px;bottom:0;border-radius:18px 18px 0 0;background:#fff}.portion-meta{position:absolute;top:18px;left:75px;right:76px;display:flex;align-items:center;justify-content:space-between}.portion-meta button{display:flex;align-items:center;gap:5px;padding:0;border:0;background:none;font-size:14px}.portion-meta img{width:12px;height:12px}
.portion-food{position:absolute;top:58px;left:12px;right:12px;height:55px;display:flex;align-items:center}.portion-bread{width:55px;height:55px;border-radius:10px;object-fit:contain}.portion-food strong{margin-left:8px;font-size:16px;font-weight:500}.portion-dot{width:10px;height:10px;margin-left:auto}.portion-next{width:24px;height:24px;margin-left:12px;transform:scaleX(-1)}
.portion-nutrients{position:absolute;left:19px;right:19px;top:139px;display:flex;justify-content:space-between}.portion-nutrients>div{width:55px;display:flex;flex-direction:column;gap:7px}.portion-nutrients span{font-size:12px;white-space:nowrap}.portion-nutrients i{position:relative;width:55px;height:4px;border-radius:3px;background:#f4f4f7;transform:scaleY(1.5)}.portion-nutrients i:before{content:"";position:absolute;left:0;top:0;width:var(--fill);height:4px;border-radius:3px;background:var(--nutrient)}.portion-nutrients strong{font-family:Arial,sans-serif;font-size:12px;font-weight:700}
.portion-quantity{position:absolute;left:80px;top:259px;display:flex;align-items:center;gap:11px}.portion-quantity button{width:44px;height:44px;border:1px solid #e3ebe5;border-radius:50%;background:#f6f8f7;font-size:20px}.portion-quantity output{display:grid;place-items:center;width:106px;height:44px;border:1px solid rgba(0,194,176,.5);border-radius:22px;background:#f5fdfc;color:#00c2b0;font-size:20px;font-weight:800}
.portion-units{position:absolute;top:329px;left:129px;display:flex;align-items:center;gap:2px}.portion-units button{height:30px;padding:0 13px;border:0;border-radius:15px;background:none;color:#888;font-size:14px}.portion-units button.selected{background:#f5fdfc;color:#00c2b0;font-weight:800}
.portion-extras{position:absolute;top:385px;left:72px;display:flex;gap:4px}.portion-extras button{height:32px;display:flex;align-items:center;gap:3px;padding:0 10px;border:1px solid #d9d9d9;border-radius:16px;background:#fff;color:#888;font-size:12px;white-space:nowrap}.portion-extras img{width:16px;height:16px}
.portion-add{position:absolute;left:12px;right:12px;bottom:26px;height:50px;border:0;border-radius:25px;background:#00c2b0;color:#fff;font-size:14px;font-weight:800}.portion-homebar{position:absolute;left:0;bottom:0;width:375px;height:34px;pointer-events:none}
.food-portion-screen .portion-sheet{z-index:1}.food-portion-screen .portion-shade{cursor:pointer}
.food-empty-dialog{position:absolute;inset:0;z-index:8;display:grid;place-items:center;padding:24px;background:rgba(0,0,0,.36)}
.food-empty-dialog-panel{width:100%;max-width:300px;padding:24px 20px 20px;border-radius:18px;background:#fff;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,.14)}
.food-empty-dialog-panel h2{font-size:18px;line-height:24px;font-weight:700}.food-empty-dialog-panel p{margin-top:12px;color:#666;font-size:14px;line-height:21px}.food-empty-dialog-panel button{display:block;width:100%;height:42px;margin-top:24px;border:0;border-radius:21px;background:#00c2b0;color:#fff;font-size:14px;font-weight:700}