body { font-family: Arial; padding: 20px; background: #f5f5f5; }
  textarea, input, select { padding: 8px; margin: 5px 0; width: 300px; }
  button { padding: 8px 12px; margin: 4px; cursor: pointer; }
  #output, #chatOutput, #recipeOutput {
    background: #fff; padding: 15px; margin-top: 20px; border-radius: 5px;
    white-space: pre-wrap; max-width: 800px;
  }
  table { border-collapse: collapse; width: 100%; margin-top: 10px; }
  th, td { border: 1px solid #ccc; padding: 6px; }
  th { background: #eee; }
  h4 {  
    color: grey; font-size: 14px; text-transform: uppercase; letter-spacing: 1px;
  
  
  }