:root{color:#111;background:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.4}*{box-sizing:border-box}body{margin:0;background:#fff}button,input,select{font:inherit}button{border:0;border-radius:7px;background:#007aff;color:#fff;padding:10px 12px}button.secondary{background:#fff;color:#111;border:1px solid #f2f2f7}button:disabled{background:#f2f2f7;color:#848484}input,select{width:100%;border:1px solid #f2f2f7;border-radius:7px;padding:10px 12px;background:#fff;color:#111}input:focus,select:focus{outline:3px solid #bfd9fc;border-color:#bfd9fc}.app{min-height:100dvh;display:flex;flex-direction:column}.nav{order:2;display:flex;gap:4px;padding:8px 8px calc(8px + env(safe-area-inset-bottom));border-top:1px solid #e5e5ea;background:#fff;position:sticky;bottom:0}.nav button{flex:1;background:transparent;color:#848484;padding:8px 4px}.nav button.active{color:#007aff;background:#f2f2f7}.content{flex:1;padding:calc(16px + env(safe-area-inset-top)) 16px 24px;max-width:720px;width:100%}h1{margin:0 0 8px;font-size:28px}h2{margin:20px 0 8px;font-size:20px}p,li{color:#111}.muted{color:#848484}.stack{display:flex;flex-direction:column;gap:10px}.row{display:flex;gap:8px;align-items:center}.card{border:1px solid #f2f2f7;border-radius:7px;padding:12px;background:#fff}.banner{border-radius:7px;padding:12px;background:#f2f2f7;color:#111}.banner.error{background:#fff4f4;color:#9b1c1c}.nutrients{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.nutrients div{background:#fbfbfb;border-radius:7px;padding:8px}.nutrients strong{display:block;font-size:18px}.nutrients span{color:#848484;font-size:12px}@media(min-width:768px){.app{flex-direction:row}.nav{order:0;flex-direction:column;width:220px;position:sticky;top:0;height:100dvh;border-top:0;border-right:1px solid #e5e5ea;padding:24px 12px}.nav button{flex:0 0 auto;text-align:left}.content{padding:32px}}