/* Predictable sizing, no focus zoom, and a single sticky diary toolbar. */
html{scrollbar-gutter:stable}body{overflow-wrap:break-word}#app,.shell,main{min-width:0;max-width:100%}img,video,svg{max-width:100%}button,input,select,textarea{touch-action:manipulation}input:not([type=checkbox]),select,textarea{font-size:16px;min-height:48px;max-width:100%;min-width:0}button{line-height:1.35}.btn{text-align:center;white-space:normal}.heading>div,.sectionhead>div,.habit>div{min-width:0}.brand-logo img{aspect-ratio:4.24;object-fit:contain}.account-status{min-height:64px}.account-status>span{min-width:0;overflow-wrap:anywhere}.account-status .food-tools{flex-shrink:0}.food-nutrients{grid-template-columns:repeat(3,minmax(0,1fr))}.inline{gap:12px}.inline>.field{align-self:stretch;display:flex;flex-direction:column;justify-content:flex-end}.inline>.btn{min-height:48px}.checkline input{flex:0 0 20px;width:20px;height:20px}.tabs>button{flex:1 1 auto}.diary-toolbar{position:sticky;top:0;z-index:15;background:#faf9fc;padding:6px 0}.diary-actions,.diary-jumps{position:static;margin:0}.diary-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.diary-jumps{padding:6px 0 0}.diary-actions .btn{min-width:0;height:100%}.task-open{overflow:hidden}.task-dialog{width:min(720px,calc(100% - 24px));max-height:calc(100dvh - 32px);padding:0;border:1px solid #d9c9eb;border-radius:18px;color:var(--ink);background:#fff;overscroll-behavior:contain;overflow-y:auto;scrollbar-gutter:stable}.task-dialog::backdrop{background:#130b20a6}.task-dialog .restaurant-panel{border:0;margin:0;border-radius:0;padding:22px;background:#fff}.task-dialog .restaurant-panel>.sectionhead,.dialog-toolbar{position:sticky;top:0;z-index:2;background:#fff;padding:14px 0;border-bottom:1px solid var(--line)}.dialog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px}.task-dialog #portionEditor,.task-dialog #foodRequestEditor{padding:0 20px 20px;scroll-margin:0}.task-dialog .notice{margin-top:12px}.task-dialog .restaurant-item{display:grid;grid-template-columns:minmax(0,1fr) auto}.task-dialog .restaurant-item .btn{align-self:end}.task-dialog #restaurantPanel{scroll-margin:0}.task-dialog #foodRequestForm{margin-top:20px}.food-request-shortcut{padding:12px}.food-request-shortcut p{margin:5px 0}.food-request-shortcut .btn{margin-top:7px}.meal-card{display:flex;flex-direction:column;gap:10px}.meal-card p,.meal-card h3{margin:0}.meal-card ul{padding-left:20px;margin:0;color:var(--muted);line-height:1.6}.meal-card .btn{margin-top:auto}.meal-card .tag{align-self:flex-start}.meal-results{scroll-margin-top:20px}.install-help{border-top:1px solid var(--line);padding:14px 0}.install-help summary{font-weight:700;cursor:pointer;min-height:28px}.install-help p,.install-help li{font-size:13px;line-height:1.6}.install-help p:first-of-type{margin-top:12px}.install-help ol{padding-left:20px}.login-logo{aspect-ratio:4.24;object-fit:contain}.login-card{margin:auto}#accountLoading{align-items:start!important}.login-card .btn{width:100%}
@media(max-width:760px){html{scrollbar-gutter:auto}main{padding-left:14px;padding-right:14px}.card{padding:16px}.heading{flex-wrap:wrap}.heading>.btn{min-height:44px}.account-status{flex-wrap:wrap;gap:8px}.account-status .food-tools{margin-left:auto}.food-nutrients{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.food-nutrients label{font-size:12px}.food-diary .inline>.field{min-width:0}.inline{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch}.inline>.btn{width:100%;margin:0 0 12px}.inline>.field{margin:8px 0}.formactions>.btn{flex:1;min-width:0}.task-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 24px);border-radius:14px}.task-dialog .restaurant-panel{padding:0 14px 18px}.task-dialog #portionEditor,.task-dialog #foodRequestEditor{padding:0 14px 18px}.task-dialog .restaurant-panel>.sectionhead{flex-wrap:nowrap}.task-dialog .sectionhead h2{font-size:17px}.task-dialog .sectionhead .eyebrow{font-size:9px;margin-bottom:5px}.task-dialog .sectionhead>.btn{max-width:120px;flex-shrink:0}.task-dialog .restaurant-item{grid-template-columns:minmax(0,1fr)}.task-dialog .restaurant-item>.btn{width:100%}.task-dialog .tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.task-dialog .tabs button{padding:10px 8px}.food-diary .habit>div{flex-basis:100%!important}.food-diary .habit button{min-height:44px;padding:8px}.diary-toolbar .btn{font-size:12px;padding:10px 5px;gap:4px}.diary-jumps button{min-height:44px}.mobile-bottom-nav{padding-bottom:calc(6px + env(safe-area-inset-bottom,0px))}.compact-modules{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-actions{margin-top:0}.footer{flex-wrap:wrap}.restaurantVariant{width:100%}.stats{min-width:0}.stat{overflow-wrap:anywhere}.meal-results .sectionhead{align-items:center}.meal-results .sectionhead>.btn{width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.recipe-macros{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:12px 0}.recipe-macros span{background:#f1eafa;border-radius:9px;padding:9px 4px;text-align:center;min-width:0}.recipe-macros small,.recipe-macros strong{display:block;font-size:11px}.recipe-macros strong{margin-top:4px;font-size:13px}.recipe-caption{font-size:12px;color:#62576d}.recipe-ingredients{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.recipe-ingredients small{font-size:11px;font-weight:400}@media(max-width:480px){.recipe-ingredients{grid-template-columns:1fr}}